:root{color-scheme:dark;--ink:#05060f;--cyan:#38f8ff;--pink:#ff3da6;--yellow:#ffe66d;--violet:#7657ff;--white:#f5f7ff}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#02030a;overscroll-behavior:none}body{display:grid;place-items:center;color:var(--white);font-family:"Courier New",monospace;font-weight:700;padding:6px;touch-action:manipulation;overflow:hidden}.cabinet{width:min(100%,680px,calc((100dvh - 132px)*25/29));text-align:center}.marquee{display:flex;align-items:baseline;justify-content:center;gap:.25em;font:900 clamp(26px,7vw,54px)/1 Arial,sans-serif;letter-spacing:-.08em;text-shadow:0 0 18px #38f8ff88;margin:4px 0 10px;transform:skew(-5deg)}.marquee span{color:var(--cyan)}.marquee b{color:var(--pink)}.marquee i{font:700 10px/1 "Courier New",monospace;letter-spacing:.25em;color:var(--yellow);transform:skew(5deg)}.hud{display:grid;grid-template-columns:1fr 1.25fr .75fr 1fr .75fr;gap:5px;margin-bottom:7px;color:var(--yellow);text-shadow:0 0 7px #ffe66d55}.hud>div{min-width:0}.hud small{display:block;color:#8790b2;font-size:clamp(7px,2vw,10px);letter-spacing:.1em}.hud strong{font-size:clamp(12px,3.5vw,19px)}.lives{display:flex;justify-content:center;gap:4px;height:21px}.life{width:16px;height:16px;margin-top:2px;border-radius:50%;background:conic-gradient(from 35deg,transparent 0 16%,var(--cyan) 17% 100%);filter:drop-shadow(0 0 4px #38f8ffaa)}.screen-wrap{position:relative;border:3px solid #1a2050;border-radius:10px;background:var(--ink);box-shadow:0 0 0 2px #090b1d,0 0 35px #7657ff3b,inset 0 0 40px #000;overflow:hidden}canvas{display:block;width:100%;height:auto;aspect-ratio:25/29;background:#03040c;image-rendering:auto}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6%;background:radial-gradient(circle,#111a3aed,#03040cf7 68%);text-shadow:0 0 9px currentColor}.overlay.hidden{display:none}.menu h1{font:900 clamp(42px,12vw,94px)/.74 Arial,sans-serif;letter-spacing:-.09em;color:var(--cyan);margin:2% 0;transform:skew(-7deg)}.menu h1 span{color:var(--pink)}.eyebrow{font-size:clamp(8px,2vw,12px);letter-spacing:.22em;color:var(--yellow)}.tagline,.keys{color:#9ea6c5;font-size:clamp(8px,2vw,12px)}label{font-size:11px;letter-spacing:.12em;color:#aeb7d9;margin:8px}select,input,button{font:900 14px "Courier New",monospace;border:0;border-radius:0}select,input{background:#07091a;color:#fff;border:2px solid var(--violet);padding:9px;text-align:center;outline:none}button{min-width:180px;margin:5px;padding:11px 18px;color:#061117;background:var(--cyan);box-shadow:4px 4px 0 #117a91;cursor:pointer;letter-spacing:.08em}button:hover,button:focus-visible{filter:brightness(1.2);transform:translate(-1px,-1px)}button.secondary{color:#fff;background:#22264d;box-shadow:4px 4px 0 #0b0d20}.danger{background:#ff4776;box-shadow:4px 4px 0 #7b1636}.scores-panel h2,.initials h2{color:var(--pink);font-size:clamp(28px,8vw,55px);margin:2px}.scores-panel ol{width:min(100%,470px);min-height:250px;margin:10px;padding:0;list-style-position:inside;text-align:left}.scores-panel li{display:grid;grid-template-columns:35px 1fr 90px 50px;font-size:clamp(11px,2.7vw,17px);padding:5px;border-bottom:1px dashed #343a6b}.scores-panel li b{color:var(--cyan)}.scores-panel li time{color:#7780a3;font-size:.7em}.initials input{width:160px;font-size:38px;text-transform:uppercase;letter-spacing:.25em;margin:20px}.flash{position:absolute;inset:45% 0 auto;z-index:3;color:var(--yellow);font-size:clamp(19px,5vw,34px);text-shadow:0 0 10px currentColor;pointer-events:none}.touch{display:none;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,45px);justify-content:center;gap:5px;margin-top:8px}.touch button{min-width:0;margin:0;padding:5px;background:#171b38;color:var(--cyan);box-shadow:2px 2px 0 #050611}.touch [data-dir=up]{grid-column:2}.touch [data-dir=left]{grid-column:1}.touch [data-dir=down]{grid-column:2}.touch [data-dir=right]{grid-column:3}footer{display:flex;justify-content:center;gap:5px;margin-top:8px}.utility{min-width:0;margin:0;padding:8px 10px;background:#11142b;color:#9ba5ca;box-shadow:none;border:1px solid #29305b;font-size:10px}@media(pointer:coarse),(max-width:650px){body{padding:4px}.cabinet{width:min(100%,680px,calc((100dvh - 205px)*25/29))}.touch{display:grid}.marquee{margin-top:1px}.overlay{max-height:100%}.menu h1{font-size:clamp(37px,13vw,70px)}.menu{justify-content:flex-start;padding-top:6%}.menu p{margin:5px}.menu button{padding:8px;margin:3px}.scores-panel ol{min-height:150px;overflow:auto}footer{margin-top:5px}}@media(max-height:690px){.marquee{font-size:28px}.hud{margin-bottom:3px}.menu .keys,.tagline{display:none}.menu h1{font-size:48px}.touch{grid-template-columns:repeat(4,52px);grid-template-rows:40px}.touch [data-dir]{grid-row:1}.touch [data-dir=up]{grid-column:1}.touch [data-dir=left]{grid-column:2}.touch [data-dir=down]{grid-column:3}.touch [data-dir=right]{grid-column:4}}@media(pointer:coarse) and (max-height:690px),(max-width:650px) and (max-height:690px){.cabinet{width:min(100%,680px,calc((100dvh - 165px)*25/29))}}