@import "https://fonts.googleapis.com/css2?family=Bangers&family=Press+Start+2P&display=swap";html,body,#root{background:#02020c;width:100%;height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}button{font:inherit}.game{color:#fff;background:#02020c;font-family:"Press Start 2P",monospace;position:fixed;inset:0;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.sound{z-index:10;cursor:pointer;background:#070718cc;border:2px solid #00f5ff;border-radius:50%;width:46px;height:46px;position:fixed;top:18px;right:18px}.phase-playing .sound{top:88px}.panel{text-align:center;background:radial-gradient(circle,#18052844,#02020c22 50%,#02020c99);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}h1,h2,.cta,.banner,.new-best{letter-spacing:2px;font-family:Bangers,Impact,sans-serif}h1{color:#00f5ff;text-shadow:5px 5px #ff00e6,-3px -3px #f5ff00,0 0 30px #00f5ff;flex-direction:column;margin:16px 0 6px;font-size:clamp(58px,9vw,120px);line-height:.78;display:flex;transform:skew(-6deg)}h1 span{color:#ff00e6;text-shadow:5px 5px #00f5ff,-3px -3px #f5ff00,0 0 30px #ff00e6;font-size:.8em}.eyebrow,.tagline{color:#f5ff00;text-shadow:0 0 12px #f5ff00;font-size:clamp(8px,1.2vw,13px)}.best{color:#f5ff00;border:3px solid #f5ff00;border-radius:999px;margin:28px 0 20px;padding:14px 20px;font-size:10px;box-shadow:0 0 18px #f5ff0088}.cta{color:#05020c;cursor:pointer;background:linear-gradient(105deg,#ff00e6,#ff7b00,#f5ff00);border:4px solid #000;border-radius:16px;min-width:min(440px,90vw);padding:18px 28px;font-size:clamp(23px,3vw,36px);transition:transform .15s,filter .15s;transform:rotate(-1deg);box-shadow:0 0 28px #ff00e6}.cta:hover{filter:brightness(1.2);transform:rotate(1deg)scale(1.05)}.help{color:#00f5ff;text-shadow:0 0 10px #00f5ff;margin-top:24px;font-size:8px}.hud{pointer-events:none;justify-content:space-between;display:flex;position:fixed;inset:14px 18px auto}.hud div{flex-direction:column;min-width:120px;display:flex}.hud div:nth-child(2){align-items:center}.hud div:last-child{align-items:flex-end}.hud small,.stats small{color:#aaa;font-size:8px}.hud strong{color:#ff00e6;text-shadow:0 0 12px;font-family:Bangers;font-size:38px}.hud div:nth-child(2) strong{color:#00f5ff}.hud div:last-child strong{color:#f5ff00}.hud em{color:#f5ff00;font-size:7px;font-style:normal}.banner{z-index:20;color:#f5ff00;white-space:nowrap;text-shadow:5px 5px #ff00e6,0 0 30px;font-size:clamp(38px,7vw,92px);animation:.35s both slam,.3s .35s infinite alternate pulse;position:fixed;top:23%;left:50%;transform:translate(-50%)rotate(-3deg)}@keyframes slam{0%{opacity:0;transform:translate(-50%)scale(5)rotate(8deg)}}@keyframes pulse{to{transform:translate(-50%)rotate(3deg)scale(1.08)}}.death-panel{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000b}.crash{font-size:64px}h2{color:#ff3838;text-shadow:5px 5px #5b0000,0 0 28px red;margin:4px 0 14px;font-size:clamp(55px,8vw,110px)}.stats{gap:14px;margin:26px 0;display:flex}.stats div{background:#050512;border:3px solid #ff00e6;border-radius:12px;flex-direction:column;gap:12px;min-width:100px;padding:16px 10px;display:flex}.stats div:nth-child(2){border-color:#00f5ff}.stats div:nth-child(3){border-color:#f5ff00}.stats b{color:#ff00e6;font-family:Bangers;font-size:34px}.stats div:nth-child(2) b{color:#00f5ff}.stats div:nth-child(3) b{color:#f5ff00}.new-best{color:#f5ff00;text-shadow:0 0 18px;margin-bottom:24px;font-size:34px}.retry{background:linear-gradient(105deg,#00f5ff,#058bff);box-shadow:0 0 28px #00f5ff}@media (width<=600px){.hud{inset:10px}.hud strong{font-size:28px}.hud div{min-width:auto}.stats{gap:7px}.stats div{min-width:86px;padding:12px 5px}.sound{width:40px;height:40px;top:10px;right:10px}.phase-playing .sound{top:76px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}