:root{color-scheme:dark;--lime:#b6ff35;--pink:#ff5896;--game-height:100dvh;font-family:Arial,Helvetica,sans-serif;background:#061013;color:#edf5e7}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #466054;background:#142620;border-radius:10px;touch-action:none}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}#cabinet{height:var(--game-height);max-width:1100px;margin:auto;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);background:radial-gradient(ellipse at 50% 65%,#193025,#061013 70%)}header{height:55px;display:flex;align-items:center;gap:9px;padding:5px 15px;flex-shrink:0;border-bottom:1px solid #243a32}header a{font-size:25px;padding:8px;text-decoration:none;color:#cbe3bf}.brand{font-size:11px;letter-spacing:2px;color:var(--lime);font-weight:900;flex:1}.brand small{display:block;color:#e5eade;letter-spacing:.7px;font-size:10px;margin-top:4px}header button{height:37px;min-width:42px;font-size:10px;font-weight:800}#menu{font-size:19px}.scoreboard{display:flex;align-items:center;justify-content:space-around;text-align:center;padding:9px 10px 5px;flex-shrink:0}.scoreboard small{display:block;color:#9fb1a3;font-size:9px;letter-spacing:1.7px}.scoreboard strong{font-size:23px;line-height:1.3;font-variant-numeric:tabular-nums}#score{color:var(--lime)}#ballNumber{font-size:19px}#best{font-size:19px;color:#d4dac6}#objective{display:flex;gap:12px;justify-content:center;align-items:center;font-size:11px;min-height:28px;flex-shrink:0}#coils{color:var(--lime);letter-spacing:4px;font-size:17px}#playfield{position:relative;flex:1;min-height:0;isolation:isolate;overflow:hidden}canvas{display:block;width:100%;height:100%}#touchfield{position:absolute;inset:0;touch-action:none;z-index:1}#notice{position:absolute;z-index:2;left:10%;right:10%;top:35%;text-align:center;font-size:17px;font-weight:900;color:#f2ffd6;text-shadow:0 2px 8px #000;pointer-events:none;transition:opacity .16s}#notice:empty{opacity:0}#launch{position:absolute;z-index:3;bottom:78px;left:50%;transform:translateX(-50%);padding:12px 22px;min-width:200px;box-shadow:0 5px 28px #000b;background:#b6ff35;color:#0b1b15;font-size:15px;font-weight:900;overflow:hidden}#launch small{display:block;font-size:10px;font-weight:400;margin-top:4px}#launch i{position:absolute;bottom:0;left:0;height:4px;background:#ff4c8c;width:var(--charge,0%)}.pads{position:absolute;bottom:10px;left:12px;right:12px;display:flex;justify-content:space-between;gap:20px;z-index:3;pointer-events:none}.pads button{pointer-events:auto;height:59px;width:42%;max-width:250px;background:#10291de6;border:1px solid #95d84c77;color:#c9ff98;display:flex;align-items:center;justify-content:center;gap:10px;font-size:29px;box-shadow:0 4px 20px #0005;user-select:none}.pads #right{border-color:#ff528577;color:#ffa8c4}.pads span{font-size:10px;letter-spacing:1px;font-weight:800}.pads button.down{background:#9ce445;color:#092514;transform:translateY(2px)}.pads #right.down{background:#ff5896;color:#300c20}footer{text-align:center;color:#8d9e91;font-size:8px;letter-spacing:.8px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));flex-shrink:0}.overlay{position:fixed;inset:0;z-index:20;height:var(--game-height);background:#020b0bea;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));overflow:auto}.overlay article{max-width:460px;max-height:100%;width:100%;overflow:auto;padding:25px 26px;background:linear-gradient(140deg,#173129,#0c171e);border:1px solid #47654c;border-radius:22px;box-shadow:0 24px 90px #0009}.eyebrow{display:block;color:var(--lime);font-size:10px;letter-spacing:1.8px;font-weight:900}h1{font-size:43px;letter-spacing:-1.7px;line-height:1;margin:16px 0 10px}h1 em{color:var(--pink);font-family:Georgia,serif}h2{font-size:29px;margin:12px 0}.lead{font-size:21px;line-height:1.25;margin:0 0 20px;color:#d2dbc8}.lesson{display:grid;gap:5px;font-size:13px}.lesson b{color:#ddedca;margin-top:8px}.lesson span{color:#aabcad;line-height:1.4}.sub{font-size:11px;color:#99ac9e;line-height:1.5}p{font-size:14px;line-height:1.5}.primary,.secondary{width:100%;display:block;padding:14px 12px;text-align:center;border-radius:10px;margin-top:12px;font-size:12px;letter-spacing:.7px;font-weight:900;text-decoration:none}.primary{background:var(--lime);color:#112117;border:0}.secondary{color:#d8e3d4;background:#21342e;border:1px solid #476052}.finalscore{display:block;font-size:52px;color:var(--lime);font-variant-numeric:tabular-nums}.ap-cost{margin:14px 0}.overlay .ap-cost strong{font-size:11px}.overlay .ap-cost span{font-size:10px}.overlay .ap-receipt{margin:16px 0}.overlay .ap-receipt dl{gap:7px}.overlay .ap-receipt dt{font-size:9px}
@media(min-aspect-ratio:1.2){#cabinet{padding-left:140px;padding-right:140px}header,.scoreboard,#objective,footer{position:relative;z-index:4}#playfield{position:absolute;inset:0;max-width:1100px;margin:auto}header{pointer-events:none;border:0}header a,header button{pointer-events:auto}.scoreboard{position:absolute;left:max(15px,calc((100% - 1080px)/2));top:75px;display:grid;gap:28px;width:145px}.scoreboard strong{font-size:25px}#objective{position:absolute;left:max(15px,calc((100% - 1080px)/2));top:305px;width:145px;flex-direction:column;text-align:center;font-size:10px;padding:0 8px}footer{position:absolute;bottom:5px;left:0;right:0;font-size:7px;pointer-events:none}.pads{bottom:40px;left:25px;right:25px}.pads button{width:27%;height:65px;max-width:170px}#launch{left:auto;right:20px;bottom:125px;transform:none;min-width:145px;font-size:11px;padding:12px}.brand{text-align:center}#notice{top:55%}}
@media(max-height:680px) and (max-aspect-ratio:1.2){header{height:43px}.scoreboard{padding-top:5px}.scoreboard strong{font-size:20px}#objective{min-height:23px;font-size:10px}.pads button{height:46px}.pads{bottom:6px}#launch{bottom:61px;padding:9px 16px}footer{font-size:7px;padding-top:3px}.overlay article{padding:20px}h1{font-size:35px}.lead{font-size:17px;margin-bottom:10px}.lesson{font-size:12px;gap:3px}}

@media(min-aspect-ratio:1.2){header{padding:5px 20px}header .brand{text-align:left;position:absolute;left:65px;top:14px;width:145px}header #sound{margin-left:auto}.scoreboard{top:72px;gap:18px}#objective{top:245px}.pads button{height:59px}#notice{font-size:13px;left:25%;right:25%}}
@media(min-aspect-ratio:1.2) and (max-height:350px){.scoreboard{top:58px;gap:11px}.scoreboard strong,.scoreboard #best{font-size:19px}#objective{top:185px;font-size:9px;gap:4px}.pads{bottom:30px}.pads button{height:53px}#launch{bottom:105px}header .brand{font-size:9px}header .brand small{font-size:8px}}

#objective{min-height:33px}#coils{font-weight:900;font-size:14px;white-space:nowrap}#mission{font-size:10px;font-weight:800;letter-spacing:.4px}#objective.outbreak{color:#ff93bc}#objective.outbreak #coils{color:#ff5896}@media(max-aspect-ratio:1.2){#objective{padding:0 12px;gap:8px}#mission{text-align:center}}

#launch::after{content:"";position:absolute;bottom:0;left:40%;width:15%;height:7px;border:1px solid #7b153e;background:#ff589677;pointer-events:none}#launch i{height:5px;background:#182d22}
@media(min-aspect-ratio:1.2){#objective{gap:0}#objective #coils{display:none}#mission{line-height:1.25}}