*,:before,:after{box-sizing:border-box}html,body,#app{color:#f4f4f6;background:#000;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.player-stage{-webkit-user-select:none;user-select:none;background:#000;justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;overflow:hidden}.player-canvas{aspect-ratio:4/3;width:min(100dvw,133.333dvh);height:min(100dvh,75dvw);image-rendering:pixelated;touch-action:none;background:#000;display:block}.player-canvas:focus,.debug-canvas:focus{outline:none}@media (prefers-contrast:more),(forced-colors:active){.player-canvas:focus-visible,.debug-canvas:focus-visible{outline-offset:-2px;outline:2px solid #7cb3ff}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.player-warning,.player-error{color:#ffd6d6;z-index:20;pointer-events:none;background:#180c0ceb;border:1px solid #e05252;border-radius:.375rem;max-width:min(92dvw,600px);padding:.5rem .875rem;font-size:.875rem;line-height:1.4;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.selector-stage{background:radial-gradient(circle at 50% 25%,#162032 0%,#070a10 75%);flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100dvh;padding:2rem;display:flex}.selector-header{text-align:center}.selector-header h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:2rem}.selector-header p{color:#9aa8bc;margin:0}.selector-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.5rem;width:min(100%,640px);display:grid}.selector-card{color:inherit;background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;text-decoration:none;transition:transform .12s,border-color .12s,background .12s;display:flex}.selector-card:hover,.selector-card:focus-visible{background:#ffffff14;border-color:#ffffff5c;outline:none;transform:translateY(-2px)}.selector-card-top{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.selector-icon{width:32px;height:32px;image-rendering:pixelated}.selector-year{text-transform:uppercase;letter-spacing:.08em;color:#7cb3ff;font-size:.8rem;font-weight:600}.selector-title{font-size:1.35rem;font-weight:700}.selector-subtitle{color:#a6b3c6;font-size:.92rem}.selector-card-group{flex-direction:column;gap:.5rem;display:flex}.selector-debug-link{color:#7cb3ff;opacity:.85;align-self:flex-start;padding:.25rem .5rem;font-size:.82rem;text-decoration:none}.selector-debug-link:hover,.selector-debug-link:focus-visible{opacity:1;text-decoration:underline}.debug-workbench{--bg:#0f1317;--panel:#151b21;--raise:#1d252d;--line:#26313b;--line2:#374656;--text:#e9eef3;--dim:#93a1af;--faint:#627080;--accent:#3fb950;--on-accent:#051c0a;--player:#5aa9ff;--raft:#52d28c;--hover:#f5b84b;--danger:#ff7a7a;--ui:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r:6px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;background:var(--bg);height:100dvh;color:var(--text);font:13px / 1.4 var(--ui);grid-template-rows:44px minmax(0,1fr);display:grid;overflow:hidden}.debug-workbench[data-game=blizzard]{--accent:#58a6ff;--on-accent:#05192d}.debug-workbench [hidden],.debug-workbench .speech[hidden]{display:none}.debug-workbench a{color:var(--dim);text-decoration:none}.debug-workbench h1{margin:0;font-size:13px;font-weight:600}.debug-workbench h2{color:var(--dim);margin:0 0 var(--s2);font-size:12px;font-weight:600}.debug-workbench h3{color:var(--faint);margin:var(--s3) 0 var(--s1);font-size:11px;font-weight:500}.debug-workbench h3.first-subhead{margin-top:0}.debug-workbench :focus-visible:not(.debug-canvas){outline:2px solid var(--accent);outline-offset:2px}.debug-workbench .btn{font:500 12px / 1 var(--ui);color:var(--text);background:var(--raise);border:1px solid var(--line2);border-radius:var(--r);cursor:pointer;white-space:nowrap;padding:8px 10px}.debug-workbench .btn:hover:not(:disabled){border-color:var(--faint);background:#243039}.debug-workbench .btn:disabled{opacity:.38;cursor:not-allowed}.debug-workbench .btn.primary{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.debug-workbench .btn.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.debug-workbench .btn.ghost{color:var(--dim);background:0 0;border-color:#0000}.debug-workbench .btn.ghost:hover:not(:disabled){background:var(--raise);color:var(--text)}.debug-workbench .btn.danger{color:var(--danger)}.debug-workbench .btn.sm{padding:7px 8px}.debug-workbench select{font:500 12px var(--ui);color:var(--text);background:var(--raise);border:1px solid var(--line2);border-radius:var(--r);min-width:0;padding:7px 8px}.debug-workbench select:disabled{opacity:.38}.debug-workbench label{align-items:center;gap:var(--s2);color:var(--dim);display:flex}.debug-workbench .note{color:var(--dim);font:12px / 1.4 var(--mono)}.debug-workbench .status-stack{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.debug-workbench .badge{background:var(--raise);font:500 12px var(--mono);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:2px 9px;display:inline-flex}.debug-workbench .badge:before{content:"";background:#3fb950;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.debug-workbench .badge[data-state=busy]:before{background:var(--hover)}.debug-workbench .badge[data-state=err]:before{background:var(--danger)}.debug-workbench .status-sub{max-width:100%;color:var(--faint);font:11px / 1.3 var(--mono);white-space:nowrap;text-overflow:ellipsis;padding-left:2px;display:block;overflow:hidden}.debug-workbench .status-sub[data-active=true]{color:var(--dim)}.debug-workbench .top{align-items:center;gap:var(--s2);padding:0 var(--s3);background:var(--panel);border-bottom:1px solid var(--line);display:flex}.debug-workbench .brand{margin-right:var(--s3);align-items:center;gap:10px;display:flex}.debug-workbench .mark{width:20px;height:20px;image-rendering:pixelated;display:block}.debug-workbench .top nav{gap:2px;display:flex}.debug-workbench .top nav a{border-radius:var(--r);padding:6px 10px}.debug-workbench .top nav a:hover{background:var(--raise);color:var(--text)}.debug-workbench .spacer{flex:1}.debug-workbench .layout{background:var(--line);grid-template-columns:clamp(250px,19vw,300px) minmax(0,1fr) clamp(490px,34vw,580px);gap:1px;min-height:0;display:grid}.debug-workbench .col{background:var(--bg);min-height:0;padding:var(--s3);overflow:auto}.debug-workbench .card{background:var(--panel);border:1px solid var(--line);padding:var(--s3);border-radius:8px}.debug-workbench .col>.card+.card{margin-top:var(--s3)}.debug-workbench .metrics{grid-template-columns:72px 1fr;gap:7px 10px;margin:0;display:grid}.debug-workbench .metrics div{display:contents}.debug-workbench .metrics dt{color:var(--dim)}.debug-workbench .metrics dd{font:12px / 1.4 var(--mono);white-space:pre-line;overflow-wrap:anywhere;margin:0}.debug-workbench .cmds{grid-template-columns:1fr 1fr;gap:6px;display:grid}.debug-workbench .stage{background:var(--bg) radial-gradient(var(--line) 1px, transparent 1.5px) 0 0 / 24px 24px;min-height:0;padding:var(--s3);flex-direction:column;gap:10px;display:flex}.debug-workbench .jump{gap:var(--s2);flex-wrap:wrap;align-items:center;margin-bottom:24px;display:flex}.debug-workbench .jump label:nth-child(2){flex:180px}.debug-workbench .jump label:nth-child(2) select{flex:1}.debug-workbench .canvas-box{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:0;display:flex;overflow:auto;container-type:size}.debug-workbench .canvas-box:fullscreen{background:#000}.debug-workbench .frame{aspect-ratio:4/3;background:#000;flex:none;width:min(100cqw,1.33333*max(0px,100cqh - 74px));position:relative;box-shadow:0 16px 48px #0000008c}.debug-workbench [data-scale="1:1"] .frame{width:640px;height:480px}.debug-workbench .canvas-box:fullscreen .frame{width:min(100cqw,133.333cqh)}.debug-workbench canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.debug-workbench .speech-slot{flex:none;width:min(100cqw,1.33333*max(0px,100cqh - 74px));height:64px}.debug-workbench [data-scale="1:1"] .speech-slot{width:640px}.debug-workbench .canvas-box:fullscreen .speech-slot{display:none}.debug-workbench .speech{height:100%;padding:8px var(--s3);background:var(--panel);border:1px solid var(--line2);border-left:3px solid var(--accent);border-radius:8px;align-items:center;gap:10px;font-size:14px;line-height:1.35;display:flex;overflow:auto}.debug-workbench .speech:before{content:"Solver says";font:600 11px var(--ui);color:var(--on-accent);background:var(--accent);border-radius:99px;flex:none;padding:3px 9px}.debug-workbench .transport{gap:var(--s2) var(--s4);padding:var(--s2);background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;display:flex}.debug-workbench .grp{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.debug-workbench .right{gap:var(--s3);flex-direction:column;display:flex;overflow:hidden}.debug-workbench .right>.card+.card{margin-top:0}.debug-workbench .row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.debug-workbench .row+.row{margin-top:6px}.debug-workbench .status{margin:var(--s2) 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.debug-workbench .inspector{flex-direction:column;flex:1;min-height:0;display:flex}.debug-workbench .inspector header{margin-bottom:var(--s2);justify-content:space-between;align-items:center;display:flex}.debug-workbench .inspector h2{margin:0}.debug-workbench .inspector label{font-size:12px}.debug-workbench #debug-cell-hover{height:32px;margin-bottom:var(--s2);padding:0 var(--s2);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);font:11px / 30px var(--mono);white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}.debug-workbench .tbl{border:1px solid var(--line);border-radius:var(--r);flex:1;min-height:0;scroll-padding-top:28px;overflow:auto}.debug-workbench table{border-collapse:collapse;width:100%;font:11px var(--mono)}.debug-workbench th{z-index:1;text-align:left;white-space:nowrap;background:var(--raise);color:var(--dim);font:500 11px var(--ui);padding:6px 5px;position:sticky;top:0}.debug-workbench td{border-top:1px solid var(--line);white-space:nowrap;padding:5px}.debug-workbench .is-player{background:#5aa9ff24}.debug-workbench .is-raft{background:#52d28c24}.debug-workbench .is-hover{outline:1px solid var(--hover);outline-offset:-1px;background:#f5b84b29}@media (width<=1000px){.debug-workbench{height:auto;min-height:100dvh;display:block;overflow:auto}.debug-workbench .top{padding:var(--s2);flex-wrap:wrap}.debug-workbench .layout{flex-direction:column;display:flex}.debug-workbench .stage{order:-1}.debug-workbench .col{overflow:visible}.debug-workbench .canvas-box{flex:none;container-type:normal}.debug-workbench .frame,.debug-workbench .speech-slot{width:100%}.debug-workbench .right{overflow:visible}.debug-workbench .tbl{flex:none;max-height:360px}}@media (prefers-reduced-motion:no-preference){.debug-workbench .btn{transition:background .12s,border-color .12s}}