@import url('./fonts.css');
:root{--bg:#06100c;--panel:#0b1d15;--line:#294438;--ink:#edffeb;--muted:#82978d;--acid:#bdff3d;--orange:#ff6b35;--cyan:#44e5e7}*{box-sizing:border-box}html{background:var(--bg);touch-action:manipulation}body{margin:0;min-height:100vh;color:var(--ink);font-family:'IBM Plex Mono',monospace;background:linear-gradient(rgba(189,255,61,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(189,255,61,.025) 1px,transparent 1px),var(--bg);background-size:32px 32px}button,a{font:inherit}.topbar{height:68px;padding:0 clamp(18px,4vw,60px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(6,16,12,.95)}.topbar a{color:var(--muted);font-size:10px;letter-spacing:.12em;text-decoration:none}.topbar .brand{justify-self:start;color:var(--ink);font:16px 'Archivo Black',sans-serif}.brand span{display:inline-grid;width:34px;height:34px;margin-right:10px;place-items:center;color:var(--bg);background:var(--acid);transform:rotate(-3deg)}.topbar p{justify-self:end;margin:0;color:var(--muted);font-size:9px;letter-spacing:.12em}.topbar i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}main{width:min(1160px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,760px) minmax(260px,1fr);border-inline:1px solid var(--line)}.game-column{padding:clamp(20px,4vw,46px);border-right:1px solid var(--line)}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.16em}.heading h1{margin:0;font:clamp(44px,7vw,76px)/.85 'Archivo Black',sans-serif;letter-spacing:-.06em}.heading h1 span{color:var(--acid)}.hint{margin:0;color:var(--muted);font-size:9px}.scorebar{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;border:1px solid var(--line);background:var(--panel)}.scorebar>div{padding:13px 17px;border-right:1px solid var(--line)}.scorebar>div:last-child{border:0}.scorebar small{display:block;color:var(--muted);font-size:8px;letter-spacing:.16em}.scorebar strong{font:22px 'Archivo Black',sans-serif;letter-spacing:.04em}.scorebar #lives{color:var(--orange);font-size:15px}.cabinet{position:relative;width:min(100%,480px);margin:18px auto 0;border:10px solid #132a20;border-radius:24px 24px 8px 8px;background:#020705;box-shadow:0 20px 60px #0008,0 0 0 1px var(--line)}canvas{display:block;width:100%;height:auto;aspect-ratio:2/3;border-radius:12px;outline:0;background:#07140f;touch-action:none}.glass{position:absolute;inset:0;pointer-events:none;border-radius:12px;background:linear-gradient(125deg,rgba(255,255,255,.07),transparent 24%,transparent 70%,rgba(189,255,61,.025))}.overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:36px;text-align:center;background:rgba(3,11,7,.82);backdrop-filter:blur(3px);border-radius:12px}.overlay[hidden]{display:none}.overlay>p:first-child{margin:0 0 8px;color:var(--orange);font-size:9px;letter-spacing:.18em}.overlay h2{max-width:350px;margin:0;font:clamp(28px,5vw,45px)/1 'Archivo Black',sans-serif}.overlay>p:nth-child(3){max-width:350px;color:var(--muted);font-size:11px;line-height:1.7}.overlay button,.controls button,.utility-controls button{min-height:48px;border:1px solid var(--line);color:var(--ink);background:#10261b;cursor:pointer}.overlay button{padding:0 25px;border:0;color:#08110d;background:var(--acid);font-weight:600}.controls{width:min(100%,500px);margin:14px auto 0;display:grid;grid-template-columns:1fr auto 1fr;gap:10px}.controls button{user-select:none;touch-action:none}.controls .flipper{font-weight:600}.controls .flipper:active,.controls .flipper.active{color:var(--bg);background:var(--orange);transform:translateY(2px)}#launch{padding-inline:18px;color:var(--bg);background:var(--acid);font-weight:600}.utility-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.utility-controls button{min-height:44px;padding:0 14px;color:var(--muted);font-size:9px}aside{padding:38px 30px;position:relative;background:rgba(11,29,21,.72)}aside section{padding:26px 0;border-bottom:1px solid var(--line)}aside h2{margin:0 0 20px;font:22px/1.1 'Archivo Black',sans-serif}.game-number{position:absolute;top:18px;right:22px;color:rgba(189,255,61,.1);font:86px 'Archivo Black',sans-serif}.progress{height:5px;background:#20382d}.progress span{display:block;width:0;height:100%;background:var(--acid);transition:width .2s}.progress+p{color:var(--muted);font-size:9px}.rules ol{list-style:none;padding:0;margin:0}.rules li{display:flex;gap:12px;padding:9px 0;color:var(--muted);font-size:10px;line-height:1.5}.rules b{color:var(--orange)}.local-note{display:flex;flex-direction:column;gap:5px;padding-top:24px}.local-note strong{font-size:9px;color:var(--cyan)}.local-note span{color:var(--muted);font-size:9px}footer{height:56px;padding:0 clamp(18px,4vw,60px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:8px;letter-spacing:.13em}@media(max-width:820px){main{display:block;border:0}.game-column{border:0;padding:22px 14px}.heading .hint{display:none}aside{border-top:1px solid var(--line)}.cabinet{width:min(100%,430px)}.topbar{grid-template-columns:1fr auto}.topbar>p{display:none}}@media(max-width:440px){.topbar>a:nth-child(2){display:none}.scorebar strong{font-size:17px}.scorebar>div{padding:10px}.cabinet{border-width:6px}.controls{gap:6px}.controls button{font-size:10px}.heading h1{font-size:47px}footer span:last-child{display:none}}@media(orientation:landscape) and (max-height:650px){main{grid-template-columns:1fr 240px}.cabinet{width:300px}.heading{margin-bottom:10px}.heading h1{font-size:42px}.game-column{padding:14px}.scorebar>div{padding:8px}.controls{width:360px}.controls button{min-height:44px}aside{display:none}}
.launch-strength{display:grid;grid-template-columns:auto minmax(130px,1fr) 48px;gap:12px;align-items:center;margin-top:10px;padding:12px 14px;border:1px solid var(--line);background:var(--panel);font-size:10px;font-weight:600;letter-spacing:.1em}.charge-track{height:10px;overflow:hidden;border:1px solid var(--line);background:#06100c}.charge-track i{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--acid),var(--orange));transition:width .04s linear}.launch-strength strong{color:var(--acid);text-align:right}#launch.charging,.overlay button.charging{color:var(--bg);background:var(--orange);box-shadow:0 0 18px rgba(255,107,53,.45)}#launch{font-size:9px}.game-select-link{grid-column:1/-1;flex:1 0 100%;min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--acid);color:var(--acid);background:#091710;text-decoration:none;font-size:10px;font-weight:600;letter-spacing:.1em}.game-select-link:hover,.game-select-link:focus-visible{color:var(--bg);background:var(--acid);outline:none}@media(max-width:520px){.launch-strength{grid-template-columns:1fr 52px}.launch-strength>span{grid-column:1/-1}.game-select-link{min-height:52px}}