@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--bg-color: #000000;--text-color: #ffffff;--accent-pink: #ff00ff;--accent-cyan: #00ffff;--font-main: "VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow:hidden;width:100vw;height:100vh;-webkit-font-smoothing:none}#root{width:100%;height:100%;position:relative}.scanline{width:100%;height:100px;z-index:10;background:linear-gradient(0deg,#0000,#fff3,#0000);opacity:.1;position:absolute;bottom:100%;animation:scanline 10s linear infinite;pointer-events:none}@keyframes scanline{0%{bottom:100%}to{bottom:-100px}}.crt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none;z-index:20}.glow-text{text-shadow:0 0 5px var(--accent-pink),0 0 10px var(--accent-pink)}.input-container{position:absolute;top:4vh;left:50%;transform:translate(-50%);z-index:30;width:90%;max-width:600px;text-align:center;display:flex;flex-direction:column;align-items:center}input[type=text]{background:transparent;border:none;border-bottom:2px solid var(--text-color);color:var(--text-color);font-family:var(--font-main);font-size:2rem;width:100%;outline:none;text-align:center;padding:10px;text-transform:uppercase}input[type=text]::placeholder{color:#ffffff80}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:linear-gradient(to right,#ffffff 0%,#ffffff var(--progress, 50%),#0b0b0b var(--progress, 50%),#0b0b0b 100%);border:none;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:none}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none}input[type=range]::-moz-range-track{background:linear-gradient(to right,#ffffff 0%,#ffffff var(--progress, 50%),#0b0b0b var(--progress, 50%),#0b0b0b 100%);height:4px;border:none}input[type=range]::-moz-range-progress{background:#fff;height:4px;border:none}.form-title{color:#fff;padding:.5rem 1.5rem;transition:all .2s ease;text-shadow:none}.form-input-white{background:transparent;border:2px solid #ffffff;border-bottom:2px solid #ffffff;color:#fff;font-family:var(--font-main);font-size:2rem;width:100%;outline:none;text-align:center;padding:10px;text-transform:uppercase;transition:all .2s ease;text-shadow:none}.form-button-white{background:transparent;border:2px solid #ffffff;color:#fff;font-family:var(--font-main);font-size:1.5rem;padding:10px 30px;margin-top:20px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;text-shadow:none;box-shadow:none}.form-button-white:hover{background:#fff;color:#000;box-shadow:none}button{background:transparent;border:2px solid var(--accent-cyan);color:var(--accent-cyan);font-family:var(--font-main);font-size:1.5rem;padding:10px 30px;margin-top:20px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}button:hover{background:var(--accent-cyan);color:var(--bg-color);box-shadow:0 0 15px var(--accent-cyan)}button[style*="color: #ffffff"]:hover,button[style*="color:#ffffff"]:hover,button.button-white:hover{background:#fff!important;color:var(--bg-color)!important;box-shadow:none!important}.settings-toggle{margin-bottom:4px;background:transparent;border:none;color:#fff;letter-spacing:.2em;text-transform:uppercase;transition:all .2s ease;box-shadow:none}.settings-toggle:hover{background:transparent;color:#fff!important;box-shadow:none;opacity:.85}.settings-dice{border:none!important;color:#fff!important;background:transparent!important;box-shadow:none!important;padding-inline:0!important;margin-bottom:2px}.settings-dice:hover{background:transparent!important;color:#fff!important;box-shadow:none!important;opacity:.8}.timer-display{font-size:5rem;text-shadow:none}.timer-glow{text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.5)}.summary-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;width:90%;max-width:600px;text-align:center;display:flex;flex-direction:column;align-items:center}.summary-title{color:#fff;text-shadow:0 0 5px #ffffff,0 0 10px #ffffff}.summary-timer{color:#fff;text-shadow:0 0 10px #ffffff}.radio-hud{position:fixed;bottom:14px;left:14px;z-index:35;width:min(360px,94vw);padding:10px 12px;color:#f8f8f8;letter-spacing:.06em}.radio-topline{display:flex;align-items:center;gap:8px;justify-content:flex-start}.radio-buttons{display:flex;align-items:center;margin-top:8px;margin-left:-2px}.radio-btn{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:8px 10px;border-radius:8px;border:none!important;color:#fff!important;background:transparent!important;font-size:1rem;font-family:var(--font-main);line-height:1;cursor:pointer;box-shadow:none!important;text-shadow:none!important;-webkit-tap-highlight-color:transparent}.radio-btn:hover{background:transparent!important;transform:none;box-shadow:none!important;color:#fff!important}.radio-btn.active{background:transparent!important;box-shadow:none!important}.radio-btn svg{display:block;pointer-events:none}.radio-volume{display:flex;align-items:flex-end;justify-content:flex-start;flex:0;margin-left:8px}.volume-bars{width:76px;height:28px;display:block;transform:translateY(10px);outline:none;border:none;-webkit-tap-highlight-color:transparent}.volume-bars:focus,.volume-bars:focus-visible{outline:none;border:none}.radio-bottom{display:flex;align-items:center;gap:12px;margin-top:8px}.radio-art{width:38px;height:38px;display:grid;place-items:center;color:#fff}.radio-label{display:flex;flex-direction:column;gap:2px}.radio-track-group{display:flex;flex-direction:column;gap:6px;flex:1}.radio-feedback{display:flex;gap:6px}.radio-feedback-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:transparent;color:#ffffffb3;display:grid;place-items:center;cursor:pointer;transition:border-color .2s ease,color .2s ease;font-size:1.25rem}.radio-feedback-btn.active{border-color:#ffbdf5;color:#ffbdf5}.radio-feedback-btn:hover{border-color:#fff;color:#fff}.radio-feedback-btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.radio-brand{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.radio-track-compact{font-size:1rem;color:#fff}.radio-album-name{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.55}.radio-close{display:grid;place-items:center;width:30px;height:30px;border:none;background:transparent;color:#fff;cursor:pointer;margin-left:-16px;margin-top:22px}.radio-close:hover{background:transparent}.radio-reopen{position:fixed;bottom:20px;left:18px;display:flex;align-items:center;font-size:1rem;gap:6px;padding:8px 10px;border:none;background:transparent;color:#fff;font-family:var(--font-main);letter-spacing:.08em;text-transform:uppercase;z-index:36}@media(max-width:640px){.radio-hud{width:min(320px,94vw);padding:9px 11px}}