:root{color-scheme:dark;--bg:#0b1827;--text:#f5f5e9;--muted:#9bafc1;--line:#304757;--acid:#d5fa43;--cyan:#69dfff;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.cabinet{height:100svh;height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr) 68px;max-width:2200px;margin:auto}.hud{display:flex;align-items:center;gap:clamp(14px,2vw,34px);padding:0 23px;border-bottom:1px solid var(--line);z-index:2;background:#0e1d2c}.brand{display:flex;align-items:center;gap:8px;font-weight:900;letter-spacing:-.6px;font-size:15px;line-height:.99}.brand b{color:var(--acid);letter-spacing:.6px}.brand-mark{width:33px;height:37px;display:grid;place-items:center;background:var(--acid);color:#11252a;font-size:31px;font-style:italic;border-radius:8px 8px 16px 8px;transform:rotate(-8deg);padding-right:4px}.label{font:12px monospace;color:var(--muted);letter-spacing:.8px}.score-block{display:flex;gap:10px;align-items:center}.score-block>strong{font:700 30px 'Courier New',monospace;color:var(--acid);letter-spacing:-1px;min-width:108px;white-space:nowrap}.best{font:12px monospace;color:var(--muted);display:flex;flex-direction:column;gap:3px}.best b{font-weight:400;color:#dee7db}.lives-block{display:flex;flex-direction:column;gap:7px}.ball-lives{display:flex;gap:6px}.ball-lives i{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 30% 24%,white,#a9c3d7 55%,#50667e);box-shadow:0 2px 4px #0006}.ball-lives i.spent{background:#2b4051;box-shadow:none}.multiplier{font:700 22px monospace;color:var(--cyan)}.progress-button{display:flex;flex-direction:column;gap:4px;background:none;border:0;text-align:left;padding:6px 0}.progress-button b{font:700 17px monospace}.progress-button:hover b{color:var(--acid)}.door-current{display:flex;align-items:center;gap:9px;font-size:14px;min-width:0;overflow:hidden;white-space:nowrap}.door-current>span:first-child{font-size:26px;color:var(--acid)}.door-current>span:last-child{overflow:hidden;text-overflow:ellipsis}.header-actions{margin-left:auto;display:flex;gap:7px}.icon-button{position:relative;display:grid;place-items:center;width:35px;height:35px;background:#182e3e;border:1px solid #3a5364;border-radius:7px;font-size:20px}.icon-button:hover{border-color:var(--acid);color:var(--acid)}#sound-off{position:absolute;right:7px;top:1px;color:#ff97ac;font-size:26px}#pause{color:var(--acid)}.game-shell{position:relative;width:100%;min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center;background:#07141f}#game{display:block;width:100%;height:100%;min-height:0;object-fit:contain;touch-action:none;outline:none}.control-bar{padding:10px 22px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0e1d2c}.control-set{height:100%;display:flex;align-items:stretch;justify-content:center;gap:10px;max-width:1500px;margin:auto}.control-set button{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 20px;border:1px solid #3e5a6a;background:#203745;border-radius:7px;font-size:14px;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none;white-space:nowrap}.control-set button.held,.control-set button:active{background:#45626a;border-color:var(--acid)}.control-set .paddle-button{min-width:180px}.control-set .launch-button{background:var(--acid);border-color:var(--acid);color:#193026;min-width:133px}.control-set .launch-button:active{background:#edff91}.control-set .secondary-button{background:#152a39;font-size:12px;color:#c3d3dc}.control-tip{align-self:center;flex:1;font-size:13px;color:#9cb7c5;line-height:1.4;max-width:480px;text-align:center;padding:0 10px}kbd{font:12px monospace;color:#b9cad7;border:1px solid #4b6572;border-radius:4px;padding:3px 5px;min-width:24px;display:grid;place-items:center}.launch-button kbd{color:#253e21;border-color:#60752d}.start-card{position:absolute;top:51%;left:50%;transform:translate(-50%,-34%);width:min(350px,75%);padding:25px;background:#0b1a2af0;border:1px solid #688392;border-radius:13px;box-shadow:0 18px 60px #03101aa8;text-align:center}.eyebrow,.dialog-eyebrow{font:12px monospace;color:var(--cyan);letter-spacing:1px}.start-card h1{font-size:clamp(36px,4vw,60px);font-weight:900;line-height:.9;letter-spacing:-2px;margin:23px 0}.start-card h1 em{font-style:normal;color:var(--acid)}.start-card p{color:#a7baca;font-size:12px;line-height:1.5;margin:17px 0 0}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--acid);color:#122c2b;border:0;padding:14px 18px;border-radius:7px;font-size:16px;font-weight:800;margin-top:18px;box-shadow:0 3px 0 #728f2c}.primary-button:hover{background:#e7ff8a}.primary-button span{font-size:23px}.game-toast{position:absolute;left:50%;bottom:11%;transform:translate(-50%,10px);max-width:85%;padding:9px 16px;border:1px solid #7e9c6370;background:#0b1f2be8;border-radius:7px;font-size:16px;font-weight:bold;text-align:center;pointer-events:none;color:var(--acid);opacity:0;transition:opacity .15s,transform .15s}.game-toast.show{opacity:1;transform:translate(-50%,0)}.charge-meter{position:absolute;right:5%;bottom:16%;font:12px monospace;background:#0b1a2be8;border:1px solid #60794d;padding:12px;border-radius:6px;color:var(--acid)}.charge-meter>div{width:115px;height:7px;background:#314957;margin-top:9px;border-radius:3px;overflow:hidden}.charge-meter i{display:block;height:100%;width:0;background:var(--acid)}.mini-hud{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 28px));display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #47667a;padding:13px 18px;border-radius:9px;background:#0b182be8;pointer-events:none}.mini-hud>div:first-child{display:flex;flex-direction:column;gap:6px}.mini-hud span{font:12px monospace;color:var(--acid);letter-spacing:1px}.mini-hud strong{font-size:16px}.mini-meter{display:flex;align-items:center;gap:9px}.mini-meter>b{font:700 30px monospace;color:var(--acid)}.mini-callout{position:absolute;top:30%;left:50%;transform:translateX(-50%);color:#f7f5df;text-align:center;pointer-events:none;font-size:23px;font-weight:800;text-shadow:0 3px 6px #091427}.mini-controls button{min-width:50px}.dialog-close{position:absolute;right:10px;top:7px;background:none;border:0;color:var(--muted);font-size:29px;padding:3px 7px}dialog{position:fixed;width:min(510px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid #5e7b8b;border-radius:14px;background:#112637;color:var(--text);box-shadow:0 30px 90px #0008}dialog::backdrop{background:#05111ddd;backdrop-filter:blur(4px)}dialog h2{font-size:30px;letter-spacing:-.7px;line-height:1.12;margin:16px 0}dialog p{font-size:16px;line-height:1.55;color:#b6ced9}dialog .instructions{padding:13px;background:#1d3546;border-radius:7px;color:#e5efdc;font-size:14px;line-height:1.65}dialog .minor{font-size:13px;color:#93afc0}.bonus-number{font:700 42px monospace;color:var(--acid);margin:22px 0}.dialog-secondary{width:100%;padding:12px;border:1px solid #496373;border-radius:7px;background:none;margin-top:12px;font-size:14px}.help-list{display:grid;grid-template-columns:auto 1fr;gap:15px 18px;align-items:center;font-size:14px;line-height:1.5;margin:22px 0}.help-list dt{color:var(--acid);font-weight:bold}.help-list dd{margin:0;color:#c0d4de}.door-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.door-item{padding:12px;border:1px solid #3d5768;background:#182e40;border-radius:7px;display:flex;align-items:center;gap:10px}.door-item>span{color:var(--accent);font:700 20px monospace;min-width:24px}.door-item b{font-size:14px;font-weight:600;display:block}.door-item small{font-size:12px;line-height:1.5;color:#a7bdcc}.door-item.done{border-color:#769649;background:#283c30}.door-item.done>span{color:var(--acid)}.door-item.current{border-color:var(--acid)}
@media(max-width:1120px){.hud{gap:17px;padding:0 15px}.score-block>.label,.best{display:none}.door-current{max-width:155px}.control-tip{font-size:12px}.control-set .paddle-button{min-width:150px}.control-set button{padding:9px 14px}}
@media(max-width:850px){.hud{gap:15px}.door-current{display:none}.brand{font-size:13px}.score-block>strong{font-size:26px;min-width:94px}.control-tip{display:none}.control-set .paddle-button{flex:1;min-width:0}.control-set .secondary-button kbd{display:none}.control-bar{padding:10px 12px}.control-set{gap:8px}.control-set button{font-size:13px;gap:6px}}
@media(max-width:580px){.cabinet{grid-template-rows:92px minmax(0,1fr) 64px}.hud{display:grid;grid-template-columns:1fr auto auto auto;grid-template-rows:41px 42px;gap:0 16px;padding:4px 13px 5px}.brand{grid-row:1;grid-column:1;display:flex;font-size:12px;gap:7px}.brand-mark{height:29px;width:27px;font-size:25px}.header-actions{grid-column:2/5;grid-row:1;gap:7px}.icon-button{width:30px;height:30px;font-size:18px}.score-block{grid-column:1;grid-row:2}.score-block>strong{font-size:27px;min-width:0}.lives-block{grid-column:2;grid-row:2;gap:4px}.label{font-size:11px}.multiplier{grid-column:3;grid-row:2;font-size:19px}.progress-button{grid-column:4;grid-row:2;gap:3px}.progress-button b{font-size:15px}.ball-lives i{width:12px;height:12px}.ball-lives{gap:4px}.control-bar{padding:8px 6px max(8px,env(safe-area-inset-bottom))}.control-set{gap:5px}.control-set button{padding:8px 9px;font-size:12px;gap:0}.control-set kbd{display:none}.control-set .launch-button{min-width:79px}.control-set .paddle-button{min-width:0}.control-set .secondary-button{font-size:10px;padding:8px 7px}#nudge span{font-size:0}#nudge span:after{content:'↟';font-size:23px}.start-card{padding:20px;width:75%;max-width:310px}.start-card h1{font-size:43px;margin:20px 0}.eyebrow{font-size:11px}.game-toast{font-size:13px;bottom:12%;padding:8px 10px;width:max-content;max-width:90%}.mini-hud{padding:9px 11px;top:8px;gap:7px}.mini-hud span{font-size:10px}.mini-hud strong{font-size:13px}.mini-meter>b{font-size:24px}.mini-meter>span{display:none}#mini-controls{gap:4px}#mini-controls button{min-width:35px;padding:8px;font-size:14px}#mini-controls .launch-button{min-width:70px;font-size:11px}#mini-controls .secondary-button{font-size:10px}dialog{padding:25px 20px}.door-grid{gap:6px}.door-item{padding:9px;gap:6px}.door-item b{font-size:12px}.door-item small{font-size:11px}}
@media(max-height:520px) and (min-width:581px){.cabinet{grid-template-rows:48px minmax(0,1fr) 52px}.hud{padding:0 12px}.brand{font-size:12px}.brand-mark{height:29px;width:28px;font-size:26px}.score-block>strong{font-size:25px}.control-bar{padding:6px 12px}.start-card{max-width:280px;padding:16px;top:40%}.start-card h1{font-size:35px;margin:13px 0}.start-card p{display:none}.primary-button{padding:10px 15px}.mini-hud{top:6px;padding:8px 12px}.mini-hud strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Four movement directions stay reachable without covering the game. */
@media(max-width:1120px){#mini-control-hint{display:none}#mini-controls button{padding-inline:12px}}
@media(max-width:850px){body.free-movement .cabinet{grid-template-rows:64px minmax(0,1fr) 98px}body.free-movement .control-bar{padding:7px 12px}body.free-movement #mini-controls{display:grid;grid-template-columns:42px 42px 42px minmax(78px,1fr) minmax(62px,1fr);grid-template-rows:38px 38px;gap:5px;max-width:510px}body.free-movement #mini-controls button{padding:5px;min-width:0;font-size:12px}body.free-movement #mini-left{grid-column:1;grid-row:2}body.free-movement #mini-down{grid-column:2;grid-row:2}body.free-movement #mini-right{grid-column:3;grid-row:2}body.free-movement #mini-up{grid-column:2;grid-row:1}body.free-movement #mini-alt{grid-column:4;grid-row:1}body.free-movement #mini-fire{grid-column:4;grid-row:2}body.free-movement #mini-camera{grid-column:5;grid-row:1}body.free-movement #mini-interact{grid-column:5;grid-row:2}body.free-movement #mini-look{grid-column:3;grid-row:1;font-size:11px}}
@media(max-width:580px){body.free-movement .cabinet{grid-template-rows:92px minmax(0,1fr) 96px}body.free-movement .control-bar{padding:6px 7px}body.free-movement #mini-controls{grid-template-columns:36px 36px 36px minmax(74px,1fr) minmax(56px,1fr);gap:4px}#mini-look{display:none!important}.mini-hud strong{line-height:1.4}.mini-hud{align-items:flex-start}.mini-meter>b{line-height:1.25}}
@media(max-height:520px) and (min-width:581px){body.free-movement .cabinet{grid-template-rows:48px minmax(0,1fr) 98px}}