.tree-page{padding-top:28px}.tree-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.tree-head .intro{max-width:64ch;color:var(--muted);margin:8px 0 0}.tree-head .stats{margin:6px 0 0;font-weight:600}.tree-empty{background:var(--tree-bg);color:var(--tree-ink);text-align:center;border-radius:14px;padding:48px 24px}.tree-empty p{max-width:50ch;margin:0 auto 18px;font-size:1.1rem}.tpanel .honours li{border-bottom:1px solid #2a2d34;justify-content:space-between;gap:8px;padding:6px 0;font-size:.93rem;display:flex}.tpanel .honours li.team{justify-content:flex-start;font-weight:700}.tpanel .honour-tag{color:var(--tree-ink);border:1px solid #4a4d55;border-radius:999px;padding:0 8px;font-size:.8rem}.tpanel .legend .star{vertical-align:-2px;width:14px;height:14px;margin-right:8px;display:inline-block}.tpanel .gap-note{color:var(--tree-muted)}.tpanel .gap-note .lk{margin-left:4px}.tpanel .handovers li{border-bottom:1px solid #2a2d34;padding:6px 0;font-size:.93rem}.tree-page .note{color:var(--muted);margin-top:12px;font-size:.9rem}.tree .stage{background:var(--tree-bg);height:clamp(480px,78vh,880px);color:var(--tree-ink);border-radius:14px;position:relative;overflow:hidden}.tree canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.tree canvas.dragging{cursor:grabbing}.tree canvas:focus-visible{outline:3px solid var(--tree-gold);outline-offset:-3px}.tree .controls{z-index:3;width:min(360px,100% - 24px);position:absolute;top:12px;left:12px}.tree .searchbox{position:relative}.tree .searchbox input{width:100%;min-height:44px;color:var(--tree-ink);font:1rem var(--font-body);background:#141519f0;border:1px solid #3a3d45;border-radius:8px;padding:10px 12px}.tree .searchbox input::placeholder{color:var(--tree-muted)}.tree .results{background:#1a1c21;border:1px solid #3a3d45;border-radius:8px;max-height:300px;margin:4px 0 0;padding:4px;list-style:none;overflow:auto}.tree .results button{text-align:left;width:100%;color:var(--tree-ink);font:.95rem var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;gap:10px;padding:9px 10px;display:flex}.tree .results button:hover,.tree .results button:focus-visible{background:#2a2d34}.tree .results small{color:var(--tree-muted)}.tree .results .none{color:var(--tree-muted);padding:9px 10px}.tree .toolbar{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tree .tb{color:var(--tree-ink);min-width:44px;height:40px;font:600 .92rem var(--font-body);cursor:pointer;background:#141519f0;border:1px solid #3a3d45;border-radius:8px;padding:0 12px}.tree .tb:hover{border-color:var(--tree-muted)}.tree .tb[aria-pressed=true]{background:var(--tree-gold);border-color:var(--tree-gold);color:var(--gold-ink)}.tree .tip{pointer-events:none;background:var(--tree-ink);color:#141416;white-space:nowrap;z-index:4;border-radius:5px;padding:4px 8px;font-size:.85rem;font-weight:600;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.tree .hint{color:var(--tree-muted);z-index:2;pointer-events:none;margin:0;font-size:.86rem;position:absolute;bottom:12px;left:12px}.tree .stage.failed .hint{color:var(--tree-ink)}.tpanel{z-index:3;background:var(--tree-panel);border:1px solid var(--tree-line);color:var(--tree-ink);border-radius:12px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.tpanel-body{overscroll-behavior:contain;flex:1;min-height:0;padding:18px 18px 20px;position:relative;overflow:auto}.sheet-bar{display:none}@media (width>=901px){.tpanel{width:340px;top:12px;bottom:12px;right:12px}}@media (width<=900px){.tpanel{will-change:height;background:#16171c;border-radius:16px 16px 12px 12px;height:64px;transition:height .3s cubic-bezier(.2,.8,.2,1);bottom:8px;left:8px;right:8px;box-shadow:0 -10px 30px #00000073}.tpanel.dragging{transition:none}.tpanel.is-empty{display:none}.sheet-bar{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:6px;min-height:62px;padding:10px 8px 6px 16px;display:flex;position:relative}.tpanel.dragging .sheet-bar{cursor:grabbing}.sheet-bar:before{content:"";background:#4a4d55;border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:6px;left:50%}.sheet-handle{min-width:0;color:inherit;text-align:left;cursor:inherit;font:inherit;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:4px 0;display:flex}.sheet-summary{flex-direction:column;flex:1;min-width:0;display:flex}.sheet-kicker{color:var(--tree-muted);font-size:.78rem;line-height:1.2}.sheet-title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;font-weight:800;line-height:1.1;overflow:hidden}.sheet-chevron{width:26px;height:26px;color:var(--tree-muted);flex:none;transition:transform .3s}.tpanel[data-sheet=full] .sheet-chevron{transform:rotate(180deg)}.sheet-close{width:40px;height:40px;color:var(--tree-ink);cursor:pointer;background:0 0;border:1px solid #3a3d45;border-radius:10px;flex:none;font-size:1.4rem;line-height:1}.tpanel-body{padding:0 16px 20px}.tpanel[data-sheet=peek] .tpanel-body{visibility:hidden}.tpanel-body>.close,.tpanel-body>.k:first-of-type{display:none}.tpanel-body>h2:first-of-type{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tpanel-body>p:nth-of-type(2),.tpanel-body>p:first-of-type{margin-top:0}}.tpanel h2{margin:0;padding-right:40px;font-size:1.9rem}.tpanel h2:focus{outline:none}.tpanel h3{color:var(--tree-ink);margin:18px 0 6px;font-size:1.15rem}.tpanel .k{color:var(--tree-muted);margin:0 0 2px;font-size:.88rem}.tpanel p{margin:8px 0}.tpanel .close{width:40px;height:40px;color:var(--tree-ink);cursor:pointer;background:0 0;border:1px solid #3a3d45;border-radius:8px;font-size:1.4rem;line-height:1;position:absolute;top:10px;right:10px}.tpanel ul{margin:0;padding:0;list-style:none}.tpanel .roster li{border-bottom:1px solid #2a2d34;justify-content:space-between;gap:8px;padding:6px 0;font-size:.93rem;display:flex}.tpanel .roster .pos{color:var(--tree-muted);text-align:right}.tpanel em{color:var(--tree-muted);font-style:normal}.tpanel .seasonlist li{border-bottom:1px solid #2a2d34;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;font-size:.95rem;display:flex}.tpanel .lk{color:#f4a7ae;font:inherit;text-align:left;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.tpanel .pill{background:var(--tree-gold);color:var(--gold-ink)}.tpanel .pill.quiet{color:#e8e9eb;background:#ffffff24}.tpanel .nav{flex-wrap:wrap;gap:8px;display:flex}.tpanel .btn{color:#f4a7ae;border-color:#f4a7ae}.tpanel .btn.solid{background:var(--red);border-color:var(--red);color:#fff}.tpanel .legend{gap:7px;margin:12px 0 0;font-size:.92rem;display:grid}.tpanel .legend i{vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-right:9px;display:inline-block}.tpanel .legend i.line{vertical-align:3px;border-top:2px solid;border-radius:0;width:16px;height:0}.tpanel .legend i.line.dash{border-top-style:dashed}.tpanel .cta{margin-top:18px}.tpanel :focus-visible{outline:3px solid var(--tree-gold);outline-offset:2px}