:root{color:#edf0d6;font-synthesis:none;background:#102526;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 65% 20%,#315956 0,#0000 35rem),#102526;min-width:320px;min-height:100svh;margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #f3dc7b}.app{min-height:100svh;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));flex-direction:column;display:flex}.masthead{border-bottom:1px solid #75978b55;align-items:center;gap:18px;width:100%;max-width:1140px;height:48px;margin:0 auto 18px;display:flex}.masthead img{width:105px;height:auto}.masthead span,.kicker{letter-spacing:.16em;color:#b9caac;font:700 10px/1.2 ui-monospace,monospace}.game-shell{grid-template-columns:minmax(180px,235px) minmax(310px,570px) minmax(160px,220px);align-items:center;gap:clamp(18px,4vw,56px);width:100%;max-width:1140px;margin:auto;display:grid}.briefing h1{letter-spacing:-.07em;text-transform:uppercase;color:#f1f0c5;margin:12px 0 22px;font:900 clamp(54px,8vw,90px)/.8 Impact,Arial Black,sans-serif}.briefing h1 em{color:#e2a96b;font-style:normal}.briefing p{color:#bfccbd;font-size:15px;line-height:1.65}.briefing .quiet{color:#8da999;border-left:2px solid #b77756;margin-top:24px;padding-left:10px;font:12px/1.5 ui-monospace,monospace}.briefing details{color:#b9cdb7;border-top:1px solid #76958766;margin-top:28px;padding-top:14px;font:12px/1.55 ui-monospace,monospace}.briefing summary{color:#f0d77e;cursor:pointer}.cabinet{background:#172f31;border:1px solid #8aa08c;border-radius:12px;width:100%;padding:10px;box-shadow:0 20px 55px #03131590,0 0 0 5px #0d2224}.hud{color:#cbd9bb;letter-spacing:.08em;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:8px 6px 14px;font:700 11px ui-monospace,monospace;display:grid}.hud strong{color:#f2e9ae;letter-spacing:0;font-size:22px}.hud strong small{color:#99aa94;font-size:9px}.pause-button,.controls button,.levels button,.text{color:#e4ebcf;background:#203f40;border:1px solid #638175;border-radius:5px;min-height:44px;padding:7px 11px;font:700 11px ui-monospace,monospace}.pause-button{min-width:72px}.bay-wrap{background:#0b2022;border:1px solid #55766d;padding:6px;position:relative}.exit-label{z-index:3;pointer-events:none;color:#183437;letter-spacing:.05em;background:#e2a96b;border-radius:4px;padding:5px 4px;font:800 8px ui-monospace,monospace;position:absolute;top:calc(33.333% + 2px);right:3px}.board{aspect-ratio:1;touch-action:none;background:#1d4240;grid-template:repeat(6,1fr)/repeat(6,1fr);width:100%;display:grid;position:relative;overflow:hidden}.cell{background:linear-gradient(135deg,#29504c,#1d3d3d);border:1px solid #54726866}.case{z-index:2;color:#1e302b;touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(90deg,#a78054 0 18%,#c6a273 18% 25%);border:2px solid #c6b98a;border-radius:5px;min-width:0;min-height:0;padding:3px;position:relative;box-shadow:inset 0 0 0 3px #604a35,inset 0 0 0 6px #c49a68,2px 3px #071b1c}.case.axis-v{background:repeating-linear-gradient(0deg,#a78054 0 18%,#c6a273 18% 25%)}.case span{text-align:center;letter-spacing:.02em;justify-content:center;align-items:center;padding:3px;font:800 clamp(7px,1.55vw,10px)/1 ui-monospace,monospace;display:flex;position:absolute;inset:0;overflow:hidden}.case i{pointer-events:none;border-top:1px solid #efd49c88;border-bottom:1px solid #36281e88;position:absolute;inset:6px}.case.target{color:#fff4c7;background:repeating-linear-gradient(90deg,#c76b4f 0 18%,#e59867 18% 25%);border-color:#fff2a0}.case.target i{border-color:#fff1b599}.case.selected{outline-offset:-1px;z-index:4;outline:3px solid #f3dc7b}.loaded{text-align:center;z-index:5;color:#183437;background:#dfe99a;border:2px solid #fff3ab;border-radius:4px;grid-area:3/3/auto/span 2;align-self:center;padding:10px 4px;font:900 12px ui-monospace,monospace;box-shadow:0 4px #6c855d}.controls{grid-template-columns:1fr auto auto auto;align-items:center;gap:7px;padding:13px 4px 3px;display:grid}.controls>div{flex-direction:column;gap:3px;min-width:0;display:flex}.controls b{color:#f1eec9;font-size:12px}.controls span{color:#9db4a3;font:10px/1.25 ui-monospace,monospace}.controls button:disabled{opacity:.4;cursor:not-allowed}.controls button:hover,.levels button:hover,.pause-button:hover{background:#345955}.levels{align-self:center}.levels p{margin:0 0 12px}.levels button{text-align:left;color:#b9c9b7;background:0 0;border-width:0 0 1px;border-radius:0;width:100%;padding:11px 3px}.levels button span{color:#e0ad71;width:25px;display:inline-flex}.levels button.current{color:#f4e8a9;border-color:#e0ad71}.overlay{z-index:10;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#071d1ee0;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:#183537;border:1px solid #97aa8b;border-radius:10px;width:min(390px,100%);padding:28px;box-shadow:0 16px 55px #020d0d}.dialog h2{letter-spacing:-.04em;color:#f2edc5;margin:13px 0;font:900 34px/.95 Impact,Arial Black,sans-serif}.dialog p{color:#c4d1c0;font-size:15px;line-height:1.55}.dialog small{color:#9eb5a2;margin-top:13px;font:10px/1.45 ui-monospace,monospace;display:block}.primary{color:#183437;letter-spacing:.04em;background:#e4df92;border:0;border-radius:5px;width:100%;min-height:50px;margin-top:8px;font:800 13px ui-monospace,monospace;box-shadow:0 4px #7b895b}.primary:hover{background:#f5edaa}.text{color:#d9b278;background:0 0;border:0;width:100%;margin-top:12px;display:block}.notice{text-align:center;color:#a8bda9;width:min(1140px,100%);min-height:1.3em;margin:16px auto 0;font:11px/1.35 ui-monospace,monospace}.active-play .masthead{display:none}.active-play .notice{max-width:680px;padding-bottom:max(4px,env(safe-area-inset-bottom));min-height:1.4em;margin:4px auto 0;display:block}.active-play{justify-content:center;padding:0}.active-play .game-shell{grid-template-columns:1fr;max-width:min(100vw,100vh);margin:0}.active-play .cabinet{box-shadow:none;border-radius:0;flex-direction:column;min-height:calc(100svh - 36px);padding:clamp(7px,1.3vw,12px);display:flex}.active-play .bay-wrap{background:0 0;border:0;flex:1;justify-content:center;align-items:center;padding:0;display:flex}.active-play .board{aspect-ratio:1;width:min(100%,100svh - 144px);max-height:100%}.active-play .controls,.active-play .hud{width:100%;max-width:680px;margin:auto}@media (width<=800px){.game-shell{grid-template-columns:1fr;max-width:520px}.briefing,.levels{display:none}.masthead{margin-bottom:8px}.cabinet{padding:7px}.exit-label{font-size:7px}.controls{grid-template-columns:1fr repeat(3,auto)}.controls button{min-width:51px;padding:6px}.dialog{padding:23px}.active-play .controls{padding-bottom:max(7px,env(safe-area-inset-bottom))}}@media (height<=620px) and (width<=800px){.masthead{height:34px;margin-bottom:4px}.masthead img{width:82px}.masthead span{font-size:8px}.hud{padding:3px 3px 7px}.hud strong{font-size:18px}.controls{padding:6px 2px 1px}.controls button{min-height:44px}.notice{margin:4px auto}.active-play .board{width:min(100%,100svh - 152px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.arcade-link{color:#f0d77e;font:700 11px ui-monospace,monospace;text-decoration:none}.masthead .arcade-link{margin-left:auto}.dialog .arcade-link{text-align:center;margin-top:12px;display:block}