.tr-page{padding-top:clamp(32px,3vw,56px);padding-bottom:clamp(72px,8vw,140px)}.tr-viewing{margin:0 0 16px}.tr-loading{color:var(--ink-muted);padding:48px 0}.tr-muted{color:var(--ink-muted)}.tr-code{font-family:var(--font-code),ui-monospace,monospace;color:var(--accent-hover);border:1px solid var(--line);background:#f2892c29;border-radius:6px;padding:2px 8px;font-size:.92em}.tr-link{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.tr-link:hover{color:var(--accent-hover)}.tr-signout{display:inline}.tr-notice{max-width:720px;padding:clamp(24px,2.6vw,36px)}.tr-notice h2{font:700 clamp(21px,1.7vw,26px)/1.2 var(--font-site);letter-spacing:-.015em;color:#fff;margin:0 0 14px}.tr-notice-body{color:var(--ink);justify-items:start;gap:16px;font-size:16px;line-height:1.6;display:grid}.tr-notice-body p{margin:0}.tr-steps{gap:8px;margin:0;padding-left:20px;display:grid}.tr-account{color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.tr-account strong{color:#fff}.tr-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:20px;display:flex}.tr-tab{font:600 16px/1 var(--font-site);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;margin-right:16px;padding:12px 4px}.tr-tab[aria-selected=true]{color:#fff;border-bottom-color:var(--brand)}.tr-tab:hover{color:#fff}.tr-shell{gap:16px;display:grid}.tr-bar{gap:12px;display:grid}.tr-bar-stats{flex-wrap:wrap;align-items:center;gap:12px 28px;display:flex}.tr-stat{gap:4px;display:grid}.tr-stat span{font:600 13px/1 var(--font-site);color:var(--ink-muted)}.tr-stat strong{font:700 20px/1.1 var(--font-site);color:#fff;font-variant-numeric:tabular-nums}.tr-xp{margin:0;font-size:15px}.tr-presence{font:600 13px/1 var(--font-site);border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--ink-muted);padding:6px 10px}.tr-presence[data-online=true]{color:var(--live);border-color:#22c55e73}.tr-views{flex-wrap:wrap;gap:8px;display:flex}.tr-chip{font:600 14px/1 var(--font-site);border-radius:var(--radius-pill);cursor:pointer;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);padding:9px 14px}.tr-chip:hover:not(:disabled){border-color:var(--line-strong);color:#fff}.tr-chip[aria-selected=true],.tr-chip[aria-pressed=true]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.tr-chip[data-chosen=true]:not([aria-selected=true]){border-color:var(--brand)}.tr-chip:disabled{opacity:.5;cursor:not-allowed}.tr-message{color:#c9f5d8;background:#22c55e14;border:1px solid #22c55e66;border-radius:12px;margin:0;padding:12px 16px;font-size:15px}.tr-message[data-ok=false]{color:#ffd1d1;background:#ef444414;border-color:#ef444473}.tr-main{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}@media (max-width:960px){.tr-main{grid-template-columns:minmax(0,1fr)}}.tr-main[data-editable=false]{grid-template-columns:minmax(0,1fr)}.tr-canvas{border-radius:var(--radius);height:clamp(460px,74vh,900px);image-rendering:pixelated;border:1px solid var(--line-strong);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#0c0907 url(/trees-art/sky.png) 50%/cover no-repeat;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d8984840}.tr-canvas:active{cursor:grabbing}.tr-canvas svg{display:block}.tr-pixel{image-rendering:pixelated}.tr-node-ring{fill:#fff6c81f;stroke:#fff6c8;stroke-width:1px}.tr-zoom{gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.tr-zoom button{cursor:pointer;color:#fff;border:1px solid var(--line-strong);min-width:40px;height:40px;font:600 16px/1 var(--font-site);background:#1d1611e6;border-radius:10px;padding:0 10px}.tr-zoom button:hover{border-color:var(--brand)}.tr-side{gap:16px;display:grid}.tr-panel{color:var(--ink);gap:10px;padding:20px 22px;font-size:15px;line-height:1.55;display:grid}.tr-panel h3{font:700 19px/1.25 var(--font-site);color:#fff;letter-spacing:-.01em;margin:0}.tr-panel p{margin:0}.tr-panel strong{color:#fff}.tr-action{justify-items:start;gap:8px;margin-top:4px;display:grid}.tr-confirm{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.tr-page .btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}