:root{color-scheme:dark;--bg:#071019;--panel:#101923;--panel2:#172331;--text:#f3f7fb;--muted:#afbdca;--subtle:#7f91a1;--border:#2a4052;--red:#ff665f;--mint:#72e3bd;--gold:#f4cd77;--blue:#71a7ff;--cyan:#75f3ff;--radius:16px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 18% 0,#35202a66,transparent 38%),radial-gradient(ellipse at 90% 10%,#12354b55,transparent 34%),var(--bg);color:var(--text);font-family:var(--font);line-height:1.4}button,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{width:min(1160px,calc(100% - 24px));margin:auto}.topbar{min-height:52px;padding:7px 0;border-bottom:1px solid #203446;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.brand strong{display:block;letter-spacing:.075em;font-size:.88rem}.brand strong span{color:var(--red)}.brand small,.game-title small{color:var(--muted);font-size:.65rem}.game-title{text-align:center;min-width:0}.game-title strong{display:block;font-size:1.16rem;letter-spacing:.08em}.game-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-grid{padding:9px 0 20px}.game-panel{border:1px solid var(--border);background:linear-gradient(180deg,#111b25,#0e161f);border-radius:var(--radius);padding:10px}.hud{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:7px}.chip{padding:5px 7px;border:1px solid #294254;border-radius:9px;background:#0b151e;min-width:0}.chip span{display:block;color:var(--subtle);font-size:.54rem;text-transform:uppercase;letter-spacing:.08em}.chip strong{display:block;margin-top:1px;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-wrap{position:relative;width:min(100%,960px,calc((100vh - 285px)*1.2353));margin:auto;background:#071019;border:1px solid #335167;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 40px #0006;overscroll-behavior:contain}.canvas-wrap canvas{display:block;width:100%;height:auto;outline:none;touch-action:none;overscroll-behavior:contain}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#061019d8;padding:18px;text-align:center}.overlay[hidden]{display:none}.overlay-card{width:min(470px,92%);border:1px solid #426076;background:#0f1b27f2;border-radius:14px;padding:17px;box-shadow:0 24px 80px #0008}.overlay h2{margin:0 0 5px;font-size:1.45rem}.overlay p{margin:0;color:var(--muted);font-size:.82rem}.toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px;align-items:center;justify-content:center}.btn,.select{min-height:38px;padding:6px 10px;border:1px solid #38536a;border-radius:9px;background:#182635;font-weight:750;font-size:.82rem}.btn:hover,.select:hover{background:#203448}.btn.primary{background:#c23e3c;border-color:#e15b55}.btn.next{background:#17674f;border-color:#4bc49c}.btn:disabled,.select:disabled{opacity:.45;cursor:default}.control-group{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.68rem}.select{padding-right:28px}.event{min-height:31px;margin-top:6px;border-left:3px solid var(--mint);background:#09141d;padding:6px 9px;color:var(--muted);font-size:.72rem}.help-panel{margin-top:6px;border:1px solid #294254;border-radius:9px;background:#0b151e}.help-panel summary{cursor:pointer;list-style:none;padding:7px 10px;color:#cbd8e3;font-size:.72rem;font-weight:800}.help-panel summary::-webkit-details-marker{display:none}.help-panel summary:after{content:" +";color:var(--cyan)}.help-panel[open] summary:after{content:" −"}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 10px 10px}.help-grid h2{font-size:.86rem;margin:0 0 5px}.help-grid p,.help-grid li{color:var(--muted);font-size:.7rem;margin:4px 0}.assist{border:1px solid #34546b;background:#0b1822;padding:7px 8px;border-radius:8px}.assist strong{color:var(--mint)}.legend{display:grid;gap:5px}.legend-row{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.68rem}.swatch{width:15px;height:15px;border-radius:4px;border:1px solid #fff4;flex:0 0 auto}.swatch.worm{background:#6d2327;border-color:#ff665f}.swatch.trojan{background:#57216f;border-color:#d483ff}.swatch.ransomware{background:#743a13;border-color:#ff9d4d}.swatch.bot{background:#174867;border-color:#5cc8ff}.swatch.data{background:var(--mint);transform:rotate(45deg);border-radius:2px}.swatch.q{background:var(--gold)}.swatch.f{background:var(--blue)}.swatch.p{background:var(--cyan)}.kbd{display:inline-block;min-width:21px;text-align:center;border:1px solid #4c657b;background:#09131c;border-radius:5px;padding:1px 4px;color:var(--text);font-size:.65rem}.touch-dpad{display:none;grid-template-columns:repeat(3,62px);grid-template-rows:repeat(3,52px);gap:6px;justify-content:center;margin:8px 0 2px}.touch-dpad button{border:1px solid #43617a;background:#142534;border-radius:10px;font-size:1.18rem;font-weight:800}.touch-dpad .up{grid-column:2;grid-row:1}.touch-dpad .left{grid-column:1;grid-row:2}.touch-dpad .right{grid-column:3;grid-row:2}.touch-dpad .down{grid-column:2;grid-row:3}.footer{border-top:1px solid #203446;padding:12px 0 18px;color:var(--subtle);font-size:.64rem;display:flex;justify-content:space-between;gap:16px}.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}@media(max-height:760px) and (min-width:701px){.topbar{min-height:46px}.canvas-wrap{width:min(100%,860px,calc((100vh - 248px)*1.2353))}.hud{margin-bottom:5px}.chip{padding:4px 6px}.toolbar{margin-top:5px}.event{margin-top:5px}.help-panel{margin-top:5px}.footer{padding-top:8px}}@media(max-width:760px){.wrap{width:min(100% - 14px,1160px)}.topbar{grid-template-columns:1fr auto;gap:8px}.game-title{grid-column:1/-1;grid-row:2;text-align:left;border-top:1px solid #172a39;padding-top:5px}.game-title strong{font-size:1rem}.hud{grid-template-columns:repeat(4,1fr)}.canvas-wrap{width:100%}.toolbar{justify-content:flex-start}.toolbar .btn{flex:1 1 108px}.control-group{flex:1 1 135px}.touch-dpad{display:grid}.help-grid{grid-template-columns:1fr}.footer{flex-direction:column}.game-panel{padding:7px}}@media(max-width:430px){.hud{grid-template-columns:repeat(2,1fr)}.toolbar .btn{font-size:.76rem}.game-title small{white-space:normal}.touch-dpad{grid-template-columns:repeat(3,68px);grid-template-rows:repeat(3,56px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(forced-colors:active){.game-panel,.chip,.canvas-wrap,.btn,.select,.touch-dpad button,.help-panel{border:1px solid ButtonText}.swatch{forced-color-adjust:none}}.tester-bar{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:6px;padding:6px 8px;border:1px dashed #d7ad52;border-radius:9px;background:#2a210f;color:#ffe6a8}.tester-bar[hidden]{display:none}.tester-bar strong{font-size:.72rem;letter-spacing:.08em}.tester-bar .select{min-height:34px}.btn.tester-on{background:#795a12;border-color:#e4bd5e;color:#fff1bf}.test-banner{position:absolute;z-index:3;top:7px;left:50%;transform:translateX(-50%);padding:4px 8px;border:1px solid #f4cd77;border-radius:999px;background:#2b200de8;color:#ffe7a6;font-size:.62rem;font-weight:900;letter-spacing:.08em;pointer-events:none}.test-banner[hidden]{display:none}@media(max-width:760px){.tester-bar{justify-content:flex-start}.tester-bar .btn{flex:1 1 96px}}
.swatch.artifact{background:#c77dff}.arcade-back{display:inline-flex;align-items:center;gap:6px;color:var(--mint);text-decoration:none;font-size:.72rem;font-weight:800}.arcade-back:hover{text-decoration:underline}.brand a{color:inherit;text-decoration:none}.integration-note{color:var(--muted);font-size:.66rem}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#000;padding:8px 12px;border-radius:8px}.skip-link:focus{left:8px}.footer a{color:#9de5ce}.footer-links{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:760px){.arcade-back{grid-column:1/-1;grid-row:3;justify-self:start}.topbar{padding-bottom:9px}}