:root{--bg: #0a0b10;--panel: rgba(18, 20, 28, .88);--panel-solid: #12141c;--line: rgba(255, 255, 255, .08);--text: #e8eef5;--muted: #8b9bb0;--ct: #4f8cff;--t: #ff8a3d;--glass: blur(10px);--radius: 12px}*{box-sizing:border-box}.boot{min-height:100%;display:grid;place-content:center;gap:.5rem;padding:2rem;text-align:center;font-family:ui-sans-serif,system-ui,sans-serif}.boot.error{color:#ff8f8f}.player-shell{position:relative;height:100%;overflow:hidden;font-family:ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text)}.map-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#080b10;touch-action:none}.radar-stage{width:100%;height:100%;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none}.radar-stage.mode-move{cursor:grab}.radar-stage.mode-move:active{cursor:grabbing}.radar-stage.mode-draw{cursor:crosshair}.radar-stage .konvajs-content{touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.overlay>*{pointer-events:auto}.ov-zoom{position:absolute;top:14px;left:14px;display:flex;gap:.35rem;padding:.3rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);z-index:4}.ov-zoom-btn{width:36px;height:36px;border:none;border-radius:10px;background:transparent;color:var(--text);font-size:1.25rem;font-weight:650;line-height:1;cursor:pointer;display:grid;place-items:center}.ov-zoom-btn:hover{background:#ffffff14}.ov-timer{position:absolute;top:14px;left:50%;transform:translate(-50%);min-width:72px;padding:.45rem .9rem;text-align:center;font-variant-numeric:tabular-nums;font-weight:650;font-size:.95rem;border-radius:10px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.ov-tools{position:absolute;top:50%;left:14px;transform:translateY(-50%);display:flex;flex-direction:column;gap:.35rem;padding:.4rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);z-index:4}.ov-tool{width:40px;height:40px;border:none;border-radius:10px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.ov-tool:hover{color:var(--text);background:#ffffff0f}.ov-tool.active{color:#fff;background:var(--ct)}.ov-boards{position:absolute;top:14px;right:14px;bottom:118px;width:min(260px,32vw);display:flex;flex-direction:column;gap:.55rem;min-height:0}.team-panel{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);overflow:hidden}.team-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .75rem;border-bottom:1px solid var(--line);font-weight:650;font-size:.85rem}.team-panel.ct .team-panel-score{color:var(--ct)}.team-panel.t .team-panel-score{color:var(--t)}.team-panel-score{font-size:1.15rem;font-variant-numeric:tabular-nums}.team-panel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-panel-list{list-style:none;margin:0;padding:.25rem 0;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.team-panel-list::-webkit-scrollbar{width:6px}.team-panel-list::-webkit-scrollbar-track{background:transparent}.team-panel-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.team-panel-list::-webkit-scrollbar-thumb:hover{background:#ffffff52}.team-row{padding:.4rem .75rem;border-bottom:1px solid rgba(255,255,255,.04)}.team-row.dead{opacity:.45}.team-row-main{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem;margin-bottom:.3rem}.team-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-row-wp{color:var(--muted);flex-shrink:0;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:.68rem}.hp-bar{height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.team-panel.ct .hp-fill{background:var(--ct)}.team-panel.t .hp-fill{background:var(--t)}.hp-fill{height:100%;border-radius:inherit}.ov-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:0 12px 12px}.ov-rounds{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:.3rem;align-items:center;padding:.4rem .65rem .5rem;border-radius:16px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);max-width:min(100%,920px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:.5rem;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent);scrollbar-width:thin;scrollbar-color:rgba(79,140,255,.45) transparent}.ov-rounds::-webkit-scrollbar{height:4px}.ov-rounds::-webkit-scrollbar-track{background:transparent;margin-inline:12px}.ov-rounds::-webkit-scrollbar-thumb{background:#4f8cff66;border-radius:999px}.ov-rounds::-webkit-scrollbar-thumb:hover{background:#4f8cffa6}.round-dot{width:clamp(22px,4.2vw,28px);height:clamp(22px,4.2vw,28px);flex:0 0 auto;scroll-snap-align:center;border-radius:999px;border:1px solid var(--line);background:#00000059;color:var(--text);cursor:pointer;font-size:clamp(.62rem,1.6vw,.75rem)}.round-dot.active{background:var(--ct);border-color:var(--ct);color:#fff}.round-dot.w-ct:not(.active){border-color:var(--ct);color:var(--ct)}.round-dot.w-t:not(.active){border-color:var(--t);color:var(--t)}.half-mark{width:14px;height:14px;flex:0 0 auto;margin:0 .15rem;background:no-repeat center / contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b9bb0'%3E%3Cpath d='M7 7h11l-1.5-1.5L18 4l4 4-4 4-1.5-1.5H7V7zm10 10H6l1.5 1.5L6 20l-4-4 4-4 1.5 1.5H17v2.5z'/%3E%3C/svg%3E")}.ov-playback{width:min(920px,100%);display:grid;grid-template-columns:auto auto 1fr;gap:.55rem;align-items:center;padding:.45rem .55rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.pb-btn,.pb-speed{border:1px solid var(--line);border-radius:8px;background:#0000004d;color:var(--text);cursor:pointer}.pb-btn{width:36px;height:36px;display:grid;place-items:center}.pb-speed{min-width:48px;height:36px;font-size:.8rem;font-weight:650}.pb-scrub{position:relative;display:flex;align-items:center;min-width:0}.pb-scrub input[type=range]{width:100%;accent-color:var(--ct)}.pb-markers{position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-10px;pointer-events:none}.kill-mark{position:absolute;top:0;width:2px;height:6px;background:#f5c542;transform:translate(-50%)}@media(max-width:800px){.ov-tools{top:auto;bottom:88px;left:10px;transform:none}.ov-tool{width:36px;height:36px}.ov-boards{top:56px;right:10px;left:auto;bottom:auto;width:min(220px,58vw);max-height:min(50vh,360px)}.ov-playback{width:100%}.ov-rounds{max-width:100%;border-radius:14px}}