:root{--pink:#ff5c9a;--hot:#ff2f8a;--teal:#3fe0d0;--sun:#ffc85a;--ink:#120815}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);color:#fff;-webkit-user-select:none;user-select:none;width:100%;height:100%;font-family:Teko,Arial Narrow,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.overlay{text-align:center;cursor:pointer;background:linear-gradient(#1208150d 30%,#1208158c);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}#loading{background:var(--ink);cursor:default}.logo{flex-direction:column;align-items:center;display:flex;transform:rotate(-4deg)}.logo-script{color:var(--pink);text-shadow:3px 3px 0 #fff, 6px 6px 0 var(--teal), 0 0 40px #ff5c9a99;padding:0 .2em;font-family:Yellowtail,Brush Script MT,cursive;font-size:clamp(4rem,13vw,10rem);line-height:1}.logo-script.small{font-size:clamp(3rem,8vw,6rem)}.logo-sub{letter-spacing:.5em;color:#fff;text-shadow:0 2px 10px #0009;margin-top:.6rem;font-size:clamp(1rem,2vw,1.5rem)}.mode-select{gap:1.2rem;margin-top:1.6rem;display:flex}.mode{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a041059;border:2px solid #ffffff40;border-radius:14px;flex-direction:column;align-items:center;gap:.1rem;min-width:12rem;padding:.6rem 1.6rem .5rem;font-family:inherit;transition:transform .15s,border-color .2s,background .2s,box-shadow .2s;display:flex}.mode:hover{border-color:#ffffff80;transform:translateY(-2px)}.mode.active{border-color:var(--sun);background:#ff963c2e;box-shadow:0 0 24px #ffb45059}.mode[data-mode=night].active{border-color:var(--teal);background:#3c78ff2e;box-shadow:0 0 24px #3fe0d059}.mode-name{font-family:Yellowtail,cursive;font-size:2.2rem;line-height:1.1}.mode-desc{letter-spacing:.25em;color:#ffffffbf;font-size:.95rem}.toggles{gap:.8rem;display:flex}.toggle{letter-spacing:.25em;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a041059;border:2px solid #ffffff40;border-radius:999px;margin-top:.2rem;padding:.3rem 1.4rem .15rem;font-family:inherit;font-size:1.3rem;transition:border-color .2s,background .2s}.toggle b{color:var(--teal);font-weight:600}.toggle.chill b{color:var(--sun)}.toggle.off b{color:#ff6b6b}.toggle:hover{border-color:#ffffff8c}.mode-hint{letter-spacing:.3em;color:#fff9;font-size:.95rem}.prompt{letter-spacing:.3em;text-shadow:0 2px 12px #000000b3;margin-top:1rem;font-size:clamp(1.1rem,2vw,1.6rem);animation:1.4s ease-in-out infinite blink}@keyframes blink{50%{opacity:.3}}.keys{letter-spacing:.08em;color:#ffffffd9;text-transform:uppercase;text-shadow:0 1px 6px #000c;flex-wrap:wrap;justify-content:center;gap:.2rem 1.5rem;max-width:50rem;margin-top:1rem;padding:0 1rem;font-size:1.15rem;display:flex}.keys b{color:var(--sun);margin-right:.3em;font-weight:600}.hint{letter-spacing:.1em;color:var(--teal);text-shadow:0 1px 6px #000c;font-size:1.2rem}#hud{pointer-events:none;position:fixed;inset:0}.label{letter-spacing:.25em;color:#ffffffd9;text-shadow:0 1px 4px #000c;font-size:1rem}.label span{color:var(--teal)}.score-box{text-align:right;position:absolute;top:1.2rem;right:2rem}.score{color:#fff;font-variant-numeric:tabular-nums;text-shadow:2px 2px 0 var(--hot), 0 0 18px #00000080;font-size:3.4rem;font-weight:600;line-height:.9}.drift{text-align:center;opacity:0;transition:opacity .2s;position:absolute;top:16%;left:50%;transform:translate(-50%)skew(-8deg)}.drift.active{opacity:1}.drift-mult{letter-spacing:.2em;color:var(--sun);text-shadow:2px 2px #00000080;font-size:1.8rem}.drift-points{color:#fff;text-shadow:3px 3px 0 var(--hot), 0 0 24px #ff2f8a99;font-variant-numeric:tabular-nums;font-size:4.2rem;font-weight:700;line-height:.9}.popups{flex-direction:column;align-items:center;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.popup{letter-spacing:.08em;white-space:nowrap;text-shadow:2px 2px #00000073;font-size:2.4rem;font-weight:600;animation:1.6s ease-out forwards pop;transform:skew(-8deg)}.popup.good{color:var(--sun)}.popup.miss{color:var(--teal)}.popup.bad{color:#ff4b4b}@keyframes pop{0%{opacity:0;transform:translateY(20px)scale(.7)skew(-8deg)}12%{opacity:1;transform:translateY(0)scale(1.1)skew(-8deg)}25%{transform:translateY(0)scale(1)skew(-8deg)}to{opacity:0;transform:translateY(-50px)scale(1)skew(-8deg)}}.speedo{text-align:right;width:17rem;position:absolute;bottom:1.4rem;right:2rem}.speed-row{justify-content:flex-end;align-items:baseline;gap:.5rem;display:flex}.speed{font-variant-numeric:tabular-nums;color:#fff;text-shadow:3px 3px 0 var(--hot), 0 0 20px #0006;font-size:5.5rem;font-weight:600;line-height:.85}.unit{letter-spacing:.15em;color:var(--teal);text-shadow:0 1px 4px #000c;font-size:1.4rem}.gear-box{flex-direction:column;align-self:center;align-items:center;margin-right:.8rem;display:flex}.gear{text-align:center;width:3.2rem;color:var(--sun);text-shadow:0 0 12px #ffc85a99;background:#0000004d;border:2px solid #ffffff80;border-radius:10px;padding-top:.25rem;font-size:3.4rem;font-weight:600;line-height:.85}.gear.shift{color:#ff4b4b;border-color:#ff4b4b;animation:.25s steps(2,end) infinite blink}.trans{letter-spacing:.25em;color:var(--teal);text-shadow:0 1px 4px #000c;margin-top:.2rem;font-size:.85rem}.tach-row{align-items:center;gap:.8rem;margin-top:.4rem;display:flex}.tach>div{background:linear-gradient(90deg, var(--teal) 0%, var(--sun) 70%, #ff3b3b 92%);box-shadow:none;background-size:17rem 100%;transition:none}.boost{align-items:center;gap:.8rem;margin-top:.4rem;display:flex}.bar{background:#00000059;border:1px solid #ffffff80;border-radius:5px;flex:1;height:9px;overflow:hidden}.bar>div{background:linear-gradient(90deg, var(--hot), var(--sun));width:0%;height:100%;box-shadow:0 0 10px var(--sun);transition:width .15s}.cam{margin-top:.4rem;font-size:.9rem}.radio{text-align:center;pointer-events:none;opacity:0;transition:opacity .6s;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.radio.show{opacity:1}.radio-name{text-shadow:2px 2px #00000080,0 0 20px;font-family:Yellowtail,cursive;font-size:3.2rem;line-height:1}.radio-genre{letter-spacing:.4em;color:#fff;text-shadow:0 1px 4px #000c;text-transform:uppercase;font-size:1.1rem}.toast{letter-spacing:.15em;text-shadow:0 1px 6px #000c;opacity:0;pointer-events:none;font-size:1.4rem;transition:opacity .4s;position:fixed;bottom:1.6rem;left:2rem}.toast.show{opacity:1}#photo-hint{letter-spacing:.12em;white-space:nowrap;background:#00000059;border-radius:999px;padding:.3rem 1.2rem;font-size:1.3rem;position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%)}#photo-hint b{color:var(--sun);font-weight:600}@media (width<=700px){.speedo{width:12rem;bottom:1rem;right:1rem}.speed{font-size:3.8rem}.score-box{right:1rem}.score{font-size:2.4rem}#photo-hint{font-size:.9rem}}