.stage{position:fixed;inset:0;display:grid;place-items:end center;background:#000}.game{position:relative;background:#000;width:min(100%,calc(100vh * 4 / 3));width:min(100%,calc(100dvh * 4 / 3));aspect-ratio:4 / 3;overflow:hidden}.viewport{position:absolute;inset:0;background:#000}.viewport canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;background:center / 100% 100% no-repeat;image-rendering:pixelated}.topbar{position:absolute;top:0;left:0;right:0;height:2.5%;min-height:14px;background:#000;display:flex;align-items:center;gap:10px;padding:0 10px;font-size:11px;line-height:1;color:var(--pad-mute)}.bar-label{color:var(--pad-mute)}.bar-agent{display:inline-flex;color:var(--pad-mute)}.bar-agent:hover{color:var(--pad-ink)}.bar-agent .agent-logo{width:12px;height:12px;flex:0 0 12px}.bar-copy{border:0;background:none;padding:0;min-height:0;font-size:11px;color:var(--pad-mute);text-decoration:underline;text-underline-offset:2px}.bar-copy:hover{color:var(--pad-ink)}.res{position:absolute;top:0;right:1.6%;height:2.5%;min-height:14px;display:flex;align-items:center;gap:1.4vw;font-family:Tahoma,Verdana,sans-serif;font-size:clamp(12px,1.6vw,15px);font-weight:700;color:#e8e8d0;text-shadow:1px 1px 0 #000;pointer-events:none}.res i{display:inline-flex;align-items:center;gap:.35vw;font-style:normal}.res canvas{width:1.1em;height:1.1em;image-rendering:pixelated}.res span{min-width:4ch}.info-well,.portrait-well{position:absolute;pointer-events:none;image-rendering:pixelated}.info-well{left:24.21875%;top:80.83333%;width:37.5%;height:18.75%}.portrait-well{left:64.84375%;top:85%;width:10%;height:13.33333%}.info-well canvas,.portrait-well canvas,.cmd-slot canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.cmd-slot{position:absolute;width:5.78125%;height:7.08333%;pointer-events:none;display:grid;place-items:center}.cmd-slot canvas{width:97.3%;height:100%;image-rendering:pixelated}.over{position:absolute;inset:0;display:grid;place-content:center;background:#00000073;color:#d4c878;font-size:28px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.minimap-well{position:absolute;left:.9375%;top:72.5%;width:20%;height:26.66667%;pointer-events:auto;background:#000}.minimap-well canvas{width:100%;height:100%;display:block;image-rendering:pixelated}@media(max-width:700px){.res{font-size:13px;gap:10px;right:8px}.wire{font-size:11px}}*{box-sizing:border-box}html,body{margin:0;background:#000;color:#e8e4dc;font-family:Tahoma,Arial,sans-serif}[hidden]{display:none!important}#viewer{--transport-height: 56px;width:min(100%,calc((100dvh - var(--transport-height)) * 4 / 3));margin-inline:auto}#viewer:fullscreen,#viewer.replay-expanded{width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000}#viewer:fullscreen>*,#viewer.replay-expanded>*{width:min(100%,calc((100dvh - var(--transport-height)) * 4 / 3));flex-shrink:0}#viewer.replay-expanded{position:fixed;inset:0;z-index:1000}.replay-fullscreen-open{overflow:hidden}.game{width:100%;container-type:inline-size}.hud{clip-path:inset(2.5% 0 0)}.topbar{height:auto;min-height:0;padding:1cqw 1.6cqw;justify-content:space-between;background:transparent;pointer-events:none}.res,#game-clock{font-size:clamp(9px,1.875cqw,15px);line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:-1px 0 #000,0 -1px #000,1px 0 #000,0 1px #000}.res{position:static;height:auto;min-height:0;gap:1.4cqw}.res i{gap:.35cqw}#replay-status{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;background:#0b0c0b;color:#e8e4dc;text-align:center;font:400 13px/20px Tahoma,Arial,sans-serif}#replay-status-text{max-width:30ch}.replay-spinner{width:22px;height:22px;border:2px solid #35332d;border-top-color:#d6ad68;border-radius:50%;animation:replay-loading .9s linear infinite}@keyframes replay-loading{to{transform:rotate(360deg)}}#viewer[data-replay-state=error] .replay-spinner{display:none}#viewer:not([data-replay-state=ready]) #replay-time{visibility:hidden}#replay-timeline:disabled{opacity:.35;cursor:default}#replay-retry{min-height:44px;padding:8px 18px;border:1px solid #5a4934;border-radius:2px;background:transparent;color:#e8e4dc;font:inherit;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}#replay-retry:hover{background:#171a1b;border-color:#d6ad68}#replay-retry:focus-visible{outline:2px solid #d6ad68;outline-offset:3px}#replay-transport{display:grid;grid-template-columns:44px minmax(0,1fr) auto 44px;gap:14px;align-items:center;height:var(--transport-height);padding:6px 14px;background:#090b0c;border-top:1px solid #403729;font-size:13px}#replay-toggle,#replay-fullscreen{appearance:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:2px;background:transparent;color:#e8e4dc;cursor:pointer;transition:background-color .18s ease,color .18s ease}#replay-toggle:hover,#replay-fullscreen:hover{background:#171a1b;color:#fff}#replay-toggle:disabled{opacity:.4;cursor:default}#replay-toggle svg,#replay-fullscreen svg{width:22px;height:22px;fill:currentColor}#replay-toggle:focus-visible,#replay-fullscreen:focus-visible,#replay-timeline:focus-visible{outline:2px solid #d6ad68;outline-offset:2px}#replay-timeline{appearance:none;width:100%;height:24px;margin:0;background:transparent;cursor:pointer;--replay-progress: 0%}#replay-timeline::-webkit-slider-runnable-track{height:4px;border:0;border-radius:2px;background:linear-gradient(to right,#d6ad68 0 var(--replay-progress),#45484a var(--replay-progress) 100%)}#replay-timeline::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5px;border:2px solid #090b0c;border-radius:50%;background:#eee8dd;box-shadow:0 0 0 1px #d6ad68}#replay-timeline::-moz-range-track{height:4px;border:0;border-radius:2px;background:#45484a}#replay-timeline::-moz-range-progress{height:4px;border-radius:2px;background:#d6ad68}#replay-timeline::-moz-range-thumb{width:12px;height:12px;border:2px solid #090b0c;border-radius:50%;background:#eee8dd;box-shadow:0 0 0 1px #d6ad68}#replay-time{min-width:78px;color:#c9c4ba;font-size:13px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}@media(max-width:520px){#replay-transport{gap:8px;padding-inline:8px}}@media(prefers-reduced-motion:reduce){#replay-toggle,#replay-fullscreen,#replay-retry{transition:none}.replay-spinner{animation:none}}