
*{margin:0;padding:0;box-sizing:border-box}
body{background:#050510;font-family:'Courier New',monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;color:#0ff}
#splash{position:fixed;inset:0;background:#050510;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;transition:opacity .6s}
#splash.hide{opacity:0;pointer-events:none}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.04) 1px,transparent 1px);background-size:40px 40px}
.logo{font-size:clamp(2.5em,8vw,5em);font-weight:900;color:#0ff;text-shadow:0 0 20px #0ff,0 0 40px #0ff,0 0 80px #0ff;letter-spacing:6px;z-index:1;animation:pulse 2s ease-in-out infinite alternate}
@keyframes pulse{from{text-shadow:0 0 10px #0ff,0 0 20px #0ff}to{text-shadow:0 0 20px #0ff,0 0 50px #0ff,0 0 100px #0ff}}
.sub{font-size:.9em;color:#0af;letter-spacing:8px;margin-top:6px;z-index:1}
.info{color:#0af;font-size:.85em;margin:22px 0 8px;letter-spacing:2px;z-index:1;text-align:center;line-height:2}
.lives-pill{background:rgba(0,255,255,.12);border:1px solid #0ff;border-radius:6px;padding:8px 24px;font-size:.9em;color:#0ff;letter-spacing:2px;margin-bottom:20px;z-index:1}
.pbtn{padding:16px 60px;font-size:1em;font-weight:900;letter-spacing:4px;background:transparent;color:#0ff;border:2px solid #0ff;border-radius:4px;cursor:pointer;font-family:inherit;text-transform:uppercase;z-index:1;transition:all .2s;box-shadow:0 0 20px rgba(0,255,255,.3),inset 0 0 20px rgba(0,255,255,.05)}
.pbtn:hover{background:rgba(0,255,255,.1);box-shadow:0 0 40px rgba(0,255,255,.6),inset 0 0 30px rgba(0,255,255,.15)}
.sfoot{position:absolute;bottom:18px;font-size:.7em;color:#0af;z-index:1}
.sfoot a{color:#0ff;text-decoration:none;margin:0 10px}
#hud{width:100%;max-width:680px;display:none;justify-content:space-between;align-items:center;padding:10px 20px;background:rgba(0,0,0,.8);border-bottom:1px solid #0ff;font-size:.85em;color:#0ff;font-family:'Courier New',monospace}
#hud b{color:#0ff;text-shadow:0 0 10px #0ff}
canvas{display:none;max-width:100%;touch-action:none;cursor:none}
#gfoot{display:none;width:100%;max-width:680px;text-align:center;padding:8px;font-size:.65em;color:#0af;border-top:1px solid #0af}
#gfoot a{color:#0ff;text-decoration:none;margin:0 8px}
#go{display:none;position:fixed;inset:0;background:rgba(5,5,16,.95);z-index:200;flex-direction:column;align-items:center;justify-content:center;gap:16px}
#go h2{font-size:2.2em;color:#0ff;text-shadow:0 0 30px #0ff;letter-spacing:4px}
#go .fs{color:#0af;font-size:1em;font-weight:700;letter-spacing:2px}
#go .rb{padding:14px 48px;font-size:1em;font-weight:900;background:transparent;color:#0ff;border:2px solid #0ff;border-radius:4px;cursor:pointer;font-family:inherit;letter-spacing:3px;transition:all .2s}
#go .rb:hover{background:rgba(0,255,255,.1);box-shadow:0 0 30px rgba(0,255,255,.5)}
