:root{--y:#FFE600;--b:#2121FF;--p:#ffb8ff;--c:#00ffff;--o:#ffb852;}
*{box-sizing:border-box;margin:0;padding:0}
body{background:radial-gradient(ellipse at top,#0b0b2a 0%,#000 70%);color:#fff;font-family:'Press Start 2P',monospace;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:10px;overflow-x:hidden;user-select:none;-webkit-user-select:none}
.marquee{color:var(--y);font-size:clamp(18px,5vw,34px);text-align:center;text-shadow:0 0 8px var(--y),0 0 22px #ff9900;animation:flick 6s infinite;letter-spacing:2px}
.marquee span{display:block;font-size:.35em;color:var(--p);text-shadow:0 0 8px var(--p);margin-top:6px;letter-spacing:4px}
@keyframes flick{0%,92%,100%{opacity:1}93%{opacity:.4}94%{opacity:1}96%{opacity:.6}}
#hud{display:flex;justify-content:space-between;width:min(448px,96vw);margin:10px 0 6px;font-size:10px}
#hud div{display:flex;flex-direction:column;gap:4px;align-items:center}
#hud small{color:#ff4040}
#hud b{font-weight:normal;font-size:12px;min-height:14px}
#lives{color:var(--y);letter-spacing:2px}
#cabinet{position:relative;border:3px solid var(--b);border-radius:10px;box-shadow:0 0 18px var(--b),inset 0 0 18px #2121ff55;padding:4px;background:#000}
canvas{display:block;touch-action:none}
#overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:16px}
#overlay.on{background:rgba(0,0,0,.82);pointer-events:auto}
#overlay h2{color:var(--y);font-size:18px;text-shadow:0 0 10px var(--y);margin-bottom:14px}
#overlay p{font-size:9px;line-height:1.8;color:#ccc;margin:6px 0}
#overlay .blink{color:#fff;animation:bl 1s steps(2) infinite;font-size:11px;margin:14px 0}
@keyframes bl{50%{opacity:0}}
#overlay table{font-size:9px;margin-top:8px;border-collapse:collapse}
#overlay td{padding:3px 8px}
#overlay td:last-child{color:var(--y);text-align:right}
#overlay button,#controls button{font-family:inherit;font-size:9px;background:#000;color:var(--y);border:2px solid var(--y);padding:8px 10px;margin:4px;cursor:pointer;border-radius:4px}
#overlay button:hover,#controls button:hover{background:var(--y);color:#000}
.newhi{color:var(--p)!important;animation:bl .5s steps(2) infinite}
#fruits{position:absolute;right:8px;bottom:-26px;font-size:14px;letter-spacing:2px}
#controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:32px;gap:4px}
#auth-status{font-size:8px;color:#888;margin-left:8px}
#auth-status a{color:var(--c)}
#dpad{display:none;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);margin-top:10px;opacity:.7}
#dpad button{background:#111;border:2px solid var(--b);color:var(--y);font-size:20px;border-radius:10px}
#dpad [data-d="0"]{grid-area:1/2}#dpad [data-d="2"]{grid-area:2/1}#dpad [data-d="3"]{grid-area:2/3}#dpad [data-d="1"]{grid-area:3/2}
@media (pointer:coarse){#dpad{display:grid}}
#crt{position:fixed;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px)}
#crt.off{display:none}
footer{margin-top:16px;font-size:8px;color:#666}
footer a{color:#999}