:root{--bg: #0a0a0b;--panel: #141416;--line: #26262a;--text: #e8e8ea;--muted: #9a9aa2;--accent: #ffd400;--good: #34d399;--bad: #f87171;font-family:Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body{display:flex;flex-direction:column;min-height:100dvh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{border-bottom:2px solid var(--accent);background:linear-gradient(#151517,#0a0a0b)}.masthead{position:relative;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.9rem 1.2rem .5rem}h1{margin:0;font-size:clamp(1rem,3.4vw,1.7rem);letter-spacing:.14em;font-weight:800}h1 .accent{color:var(--accent)}.counter{font-family:Courier New,monospace;font-weight:700;font-size:clamp(1.1rem,3.4vw,1.8rem);color:var(--good);text-shadow:0 0 12px rgba(52,211,153,.35);letter-spacing:.06em}.sponsor-strip{display:flex;gap:1px;background:var(--line);border-top:1px solid var(--line)}.sponsor-slot{flex:1;padding:.4rem .8rem;background:var(--panel);font-size:.72rem;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sponsor-slot a{color:var(--accent);text-decoration:none;font-weight:700}.sponsor-slot .price{color:var(--text)}main{flex:1;display:flex;position:relative;min-height:0}#stage{position:relative;flex:1;overflow:hidden;touch-action:none;background:repeating-conic-gradient(#0d0d0f 0% 25%,#0a0a0b 0% 50%) 0 0 / 24px 24px}#stage:fullscreen{background:#000}#board{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}#board:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}#board.grabbing{cursor:grabbing}#board.selecting{cursor:crosshair}#overlays{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}#overlays video{position:absolute;object-fit:cover;image-rendering:pixelated}#selection-box{position:absolute;border:1.5px solid var(--accent);background:#ffd40024;pointer-events:none;box-shadow:0 0 0 4000px #00000040}#selection-box.conflict{border-color:var(--bad);background:#f871712e}#selection-box i{position:absolute;width:10px;height:10px;border:1px solid #111;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}#selection-box i:nth-child(1){left:0;top:0}#selection-box i:nth-child(2){left:100%;top:0}#selection-box i:nth-child(3){left:100%;top:100%}#selection-box i:nth-child(4){left:0;top:100%}#selection-box.conflict i{background:var(--bad)}.stage-controls{position:absolute;right:.8rem;top:.8rem;display:flex;flex-direction:column;gap:.4rem}.stage-controls button{width:2.4rem;height:2.4rem;border:1px solid var(--line);background:#141416eb;color:var(--text);font-size:1.05rem;border-radius:6px;cursor:pointer}.stage-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.stage-controls button:hover,.stage-controls button:focus-visible{border-color:var(--accent);color:var(--accent)}#hoverinfo{position:absolute;pointer-events:none;background:#0a0a0beb;border:1px solid var(--line);padding:.35rem .55rem;font-size:.72rem;border-radius:5px;max-width:240px;z-index:5}#hoverinfo .dest{color:var(--accent)}#panel{width:min(360px,92vw);border-left:1px solid var(--line);background:var(--panel);padding:1rem 1.1rem;overflow-y:auto}#panel h2{margin:0 0 .6rem;font-size:1rem;letter-spacing:.08em}#sel-stats{display:grid;grid-template-columns:auto 1fr;gap:.25rem .8rem;font-size:.82rem;margin:0}#sel-stats dt{color:var(--muted)}#sel-stats dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}#sel-stats dd.ok{color:var(--good)}#sel-stats dd.warn{color:var(--bad)}#sel-instruction{background:#0a0a0b;border:1px solid var(--line);padding:.6rem;font-size:.7rem;white-space:pre-wrap;word-break:break-word;border-radius:5px;-webkit-user-select:all;user-select:all}#panel button{margin-top:.5rem;padding:.5rem .9rem;background:var(--accent);color:#111;border:0;font-weight:700;border-radius:5px;cursor:pointer}#panel #btn-close-panel{background:transparent;color:var(--muted);border:1px solid var(--line)}.cta{font-weight:700;color:var(--accent)}footer{border-top:1px solid var(--line);padding:.8rem 1.2rem;font-size:.75rem;color:var(--muted)}footer nav{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:.4rem}footer a{color:var(--text);text-decoration:none}footer a:hover{color:var(--accent)}@media(max-width:720px){main{flex-direction:column}#panel{width:100%;border-left:0;border-top:1px solid var(--line)}.masthead{align-items:center;gap:.25rem;padding-inline:.75rem}h1{max-width:calc(100% - 3.4rem);font-size:clamp(.7rem,3.5vw,.88rem);letter-spacing:.08em}.counter{position:absolute;right:.75rem;top:.85rem;font-size:.92rem}.sponsor-strip{overflow:hidden}.sponsor-slot{min-width:0;padding-inline:.25rem;font-size:.58rem}.stage-controls button{width:2.75rem;height:2.75rem}footer{padding-inline:.75rem;overflow-wrap:anywhere}footer nav{gap:.55rem .8rem}}@media(prefers-reduced-motion:reduce){#overlays video{display:none}}