:root{color-scheme:dark;--cyan:#5df6ff;--pink:#ff42cf;--muted:#8195ba;font-family:Arial,Helvetica,sans-serif;background:#050918;color:#edfaff}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 15% 25%,#27103980,transparent 48%),radial-gradient(ellipse at 90% 65%,#08365b70,transparent 48%),#050918}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #fff;outline-offset:4px}button:disabled{opacity:.38;cursor:default}button:not(:disabled):hover{filter:brightness(1.2)}button:not(:disabled):active{transform:translateY(1px)}.arcade{width:min(100% - 28px,510px);margin:0 auto;padding:18px 0 20px}.masthead{height:34px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.back{font-size:11px;letter-spacing:2px;color:#b5c9e4;text-decoration:none}.back:first-letter{color:var(--cyan)}.edition{font-size:9px;letter-spacing:2px;color:var(--muted)}.edition b{margin-left:7px;color:var(--cyan)}.icon-button{background:#111c32;border:1px solid #293654;border-radius:7px;font-size:24px;width:34px;height:34px;line-height:25px}.cabinet{padding:20px 17px 10px;border:1px solid #3d4265;border-radius:20px;background:linear-gradient(130deg,#17223b,#080e22 45%,#13152e);box-shadow:0 0 0 4px #080b19,0 20px 90px #0009,0 0 50px #3154cd16;position:relative}.cabinet:before{content:"";position:absolute;top:-1px;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,var(--pink),var(--cyan),transparent)}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.eyebrow{font-size:8px;letter-spacing:2.5px;color:var(--cyan);margin:0 0 6px;font-weight:700}h1{font-size:37px;font-weight:900;font-style:italic;letter-spacing:-1.8px;line-height:1;margin:0;text-shadow:-2px 1px 0 #8c287d,0 0 22px #48b8ff35}h1 span{color:var(--cyan)}.live-dot{font-size:8px;line-height:1.6;letter-spacing:1.5px;color:#a7bad4;text-align:right}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;background:var(--pink);border-radius:50%;box-shadow:0 0 9px var(--pink);margin-right:5px}.hud{display:grid;grid-template-columns:1.25fr 1.25fr .8fr 1fr;padding:11px 12px;margin-bottom:12px;background:#050b1c;border:1px solid #233252;border-radius:8px;gap:8px}.hud div{display:flex;flex-direction:column;gap:5px}.hud span{font-size:8px;letter-spacing:1.8px;color:var(--muted)}.hud strong{font-family:Consolas,monospace;font-size:20px;font-weight:600;letter-spacing:1px;font-variant-numeric:tabular-nums}#best{color:#a5b6d8}#level{color:var(--cyan)}#lives{font-size:17px;color:var(--pink);white-space:nowrap;letter-spacing:0;text-shadow:0 0 12px #ff42cf55}.screen{position:relative;aspect-ratio:480/680;overflow:hidden;border:1px solid #374367;border-radius:12px;background:#030a20 linear-gradient(135deg,#071120,#20103a) center/cover;box-shadow:0 0 0 4px #050916,0 0 20px #555aff18,inset 0 0 40px #000}.screen:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 20px #0008}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.screen-label{position:absolute;bottom:10px;left:15px;right:15px;display:flex;justify-content:space-between;font:7px Consolas,monospace;letter-spacing:1.5px;color:#7486ad;pointer-events:none}.screen-label span:last-child{color:#ac65ac}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;pointer-events:none}.overlay[hidden]{display:none}.overlay-card{width:100%;max-width:340px;margin-top:125px;text-align:center;padding:24px 18px 19px;background:linear-gradient(135deg,#0a1438ef,#110e2cde);border:1px solid #68508b99;border-radius:12px;box-shadow:0 10px 50px #0009,0 0 25px #892fba22;pointer-events:auto;backdrop-filter:blur(8px)}.overlay-card h2{font-size:31px;line-height:1.08;font-weight:900;letter-spacing:-1px;margin:12px 0;color:#fff}.overlay-card em{font-style:normal;color:var(--cyan);text-shadow:0 0 20px #48ccff55}.overlay-card>p:not(.eyebrow){font-size:12px;color:#b0c0dc;line-height:1.5}.primary{width:100%;border:1px solid #a1f7ff;border-radius:6px;background:linear-gradient(105deg,#68f2ff,#a0bcff);box-shadow:0 0 20px #5eeaff25;color:#06162e;font-size:12px;letter-spacing:1.4px;font-weight:800;min-height:46px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:26px}.primary span{font-size:20px}.overlay-card .overlay-hint{font-size:9px!important;margin:12px 0 0;color:#839abb!important}.controls{display:grid;grid-template-columns:1.65fr 1fr 48px;gap:9px;margin-top:16px}.controls button{min-height:46px;border:1px solid #354261;border-radius:7px;background:linear-gradient(#1c2843,#111a31);font-size:12px;font-weight:700;letter-spacing:1px}.controls .launch{border-color:#337187;background:linear-gradient(#14394b,#122437);color:var(--cyan)}.launch span{font-size:8px;margin-left:9px;color:#b1bfcf;border:1px solid #526379;padding:3px 4px;border-radius:3px}#restart-btn{font-size:25px}#pause-btn span{font-size:10px;margin-left:5px}.status{text-align:center;font-size:10px;line-height:1.4;min-height:14px;margin:12px 0 2px;color:#99aecf}.help{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 15px;font-size:9px;line-height:1.5;color:#778ba9;margin:15px 0 0}.help b{color:#b5c5df;font-size:8px;margin-right:4px;letter-spacing:1px}.help i{margin:0 5px}.arcade:fullscreen{width:100%;overflow:auto;background:#050918;padding:14px max(14px,calc((100vw - 480px)/2))}.arcade:fullscreen .masthead{margin-bottom:10px}
@media(min-height:900px) and (min-width:600px){.arcade{padding-top:26px}}@media(max-width:370px){.arcade{width:calc(100% - 16px);padding-top:10px}.cabinet{padding:16px 10px 8px;border-radius:14px}h1{font-size:31px}.hud{padding:10px 8px;gap:5px}.hud strong{font-size:17px}#lives{font-size:14px}.overlay{padding:12px}.overlay-card{padding:16px 12px;margin-top:90px}.overlay-card h2{font-size:25px}.overlay-card>p:not(.eyebrow){font-size:10px}.overlay-card .eyebrow{font-size:7px;letter-spacing:1.5px}.controls{gap:6px;grid-template-columns:1.5fr 1fr 44px}.launch span{display:none}.edition{font-size:8px}.title-row{margin-bottom:14px}}
@media(orientation:landscape) and (max-height:600px){.arcade{width:min(100% - 24px,790px);padding:10px 0}.masthead{margin-bottom:8px;height:28px}.cabinet{display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:auto auto 1fr auto;gap:12px 22px;padding:14px}.screen{grid-column:1;grid-row:1/5;width:auto;height:calc(100svh - 114px);min-height:230px;max-height:570px;justify-self:center}.title-row{grid-column:2;margin:5px 0;align-items:flex-start}.live-dot{display:none}h1{font-size:32px}.hud{grid-column:2;grid-template-columns:1fr 1fr;gap:16px;margin:0}.controls{grid-column:2;grid-template-columns:1fr 48px;align-self:end;margin:0}.controls .launch{grid-column:1/3}#pause-btn{grid-column:1}.status{grid-column:2;margin:0}.help{margin:8px 0}.overlay-card{padding:12px;margin-top:90px}.overlay-card h2{font-size:23px;margin:7px 0}.overlay-card .eyebrow,.overlay-hint{display:none}.overlay-card>p:not(.eyebrow){font-size:10px}.primary{min-height:38px;font-size:10px}.screen-label{font-size:5px;bottom:6px}.arcade:fullscreen{padding:10px max(12px,calc((100vw - 790px)/2))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Afterglow edition: the playable canvas is the centerpiece. */
body{background:radial-gradient(ellipse at 8% 30%,#63125b38,transparent 46%),radial-gradient(ellipse at 94% 45%,#065bbf38,transparent 45%),linear-gradient(135deg,#070916,#100b20)}
.cabinet{background:linear-gradient(120deg,#182541,#0b1024 32%,#120e26 77%,#29203b);border-color:#645478;box-shadow:0 0 0 4px #070918,0 25px 100px #0009,-12px 0 70px #006aff16,12px 0 70px #ed1cbd14}
.screen{border-color:#526c9c;box-shadow:0 0 0 4px #060918,0 0 18px #2579ff30,0 0 40px #e138be15}
.screen:after{box-shadow:inset 0 0 12px #0006}
.overlay-card{background:linear-gradient(130deg,#080c21ed,#19102ae8);border-color:#79518a;box-shadow:0 12px 40px #0009,0 0 22px #a330be20;backdrop-filter:blur(4px)}
body[data-state="menu"] .overlay{align-items:flex-end;padding-bottom:57px}
body[data-state="menu"] .overlay-card{margin-top:0;padding:17px 18px 13px}
body[data-state="menu"] .overlay-card h2{font-size:27px;margin:8px 0}
body[data-state="menu"] .overlay-card>p:not(.eyebrow){margin:8px 0}
.primary{background:linear-gradient(110deg,#64efff,#a3b6ff 65%,#f0a3ff);border-color:#b3eaff;box-shadow:0 0 22px #6de9ff30,0 0 12px #c146ff20}
.hud{background:#080c1eaa;border-color:#374363}.hud #score{color:#f4e3ff;text-shadow:0 0 10px #e84bd830}
@media(max-width:370px){body[data-state="menu"] .overlay{padding-bottom:36px}body[data-state="menu"] .overlay-card{padding:13px}body[data-state="menu"] .overlay-card h2{font-size:24px}}
@media(orientation:landscape) and (max-height:600px){body[data-state="menu"] .overlay{padding:10px;align-items:center}body[data-state="menu"] .overlay-card{padding:9px;max-width:240px;margin-top:65px}body[data-state="menu"] .overlay-card h2{font-size:20px}body[data-state="menu"] .overlay-card>p:not(.eyebrow){font-size:9px;margin:5px 0}}