:root{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;color:#dae9fb;background:#060b13;color-scheme:dark;--mint:#00ffcc;--pink:#ff2299}
#forfeit-prompt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#351924;color:#ffc1c9;font-size:12px;flex:0 0 auto}#forfeit-prompt button{font-size:11px;flex-shrink:0}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;min-height:44px;background:#102030;border:1px solid #284356;border-radius:10px;padding:10px 14px}button:hover{border-color:var(--mint)}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:3px}button:disabled{opacity:.45;cursor:default}button.selected{background:#083e39;border-color:var(--mint);color:var(--mint)}a{color:var(--mint);text-decoration:none}button.primary{background:var(--mint);color:#031a16;border:0;font-weight:800}#app{height:100dvh;display:flex;flex-direction:column}header{flex:0 0 auto;min-height:52px;display:flex;align-items:center;gap:10px;padding:6px 10px;background:#091320;border-bottom:1px solid #1c2b3f}header strong{font-size:13px;letter-spacing:1.5px;flex:1}header strong span{color:var(--mint)}header button{font-size:12px;min-height:38px;padding:7px 10px}#status{flex:0 0 auto;font-size:11px;margin:0;padding:7px 12px;color:#9aacbd;background:#050c15}#setup{overflow-y:auto;flex:1;padding:22px 20px 36px;max-width:700px;width:100%;margin:0 auto}h1{font-family:system-ui,sans-serif;font-size:clamp(32px,7vw,58px);line-height:1.05;margin:14px 0 18px;letter-spacing:-2px}h1 em{font-style:normal;color:var(--mint)}h2{font-size:18px;letter-spacing:-.3px;margin-top:28px}.intro{line-height:1.65;color:#9cacbe;font-size:14px;max-width:500px}.eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--pink)}.modes{display:flex;gap:6px;margin-top:22px}.modes button{flex:1;font-size:12px;padding:11px 6px}#rules{font-size:13px;line-height:1.65;color:#abc4d8;min-height:50px}.subtle{font-size:11px;line-height:1.6;color:#8797ad}#moods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mood{display:flex;text-align:left;align-items:center;gap:10px;min-height:83px;padding:10px}.mood span{font-size:25px}.mood b{font-size:12px}.mood small{display:block;margin-top:6px;color:#93a6b9;font-size:10px}.mood[data-mood=chill]{border-color:#1386b0}.mood[data-mood=explore]{border-color:#138957}.mood[data-mood=hype]{border-color:#984025}.mood[data-mood=lounge]{border-color:#7756b4}.mood[data-mood=bass]{border-color:#a93372}.mood.selected{box-shadow:inset 0 0 0 1px var(--mint);border-color:var(--mint)}#start,#resume,#forfeit{width:100%;margin-top:12px}#forfeit{color:#ff8494;border-color:#80384b;background:#311625}#play{position:relative;flex:1;min-height:0;background:#000}#play iframe{display:block;width:100%;height:100%;border:0}#scoreboard{display:flex;flex:0 0 auto;gap:8px;padding:7px 10px;background:#0d1a2c;border-bottom:1px solid #24324d}#scoreboard div{flex:1;font-size:10px;color:#91a8c4}#scoreboard b{display:block;color:#ffed41;font-size:20px;line-height:1.25}#scoreboard .active{color:var(--mint)}#result{padding:20px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at center,#122347,#060b13 70%)}#result h2{font:800 30px system-ui;color:var(--mint);margin:0 0 12px}#result p{max-width:440px;font-size:14px;line-height:1.7;color:#acc6de}#result button{min-width:220px}#online-lobby{margin-top:12px;padding:10px;border:1px solid #20485a;border-radius:12px}#stable-video{position:fixed;bottom:85px;right:8px;width:100px;height:100px;object-fit:cover;border:2px solid #d4a574;border-radius:12px;pointer-events:none}#app [hidden]{display:none!important}@media(max-width:370px){header strong{font-size:11px}#moods{grid-template-columns:1fr}.modes button{font-size:11px}}@media(min-width:850px){#play iframe{max-width:700px;margin:auto}}