:root{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#e8ecec;background:#111315;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;background:#202529;color:inherit;border:1px solid #465056;border-radius:7px;padding:13px 17px;touch-action:manipulation}button:hover{border-color:#d1d9da}button:focus-visible,a:focus-visible{outline:3px solid #9ee45f;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.primary{background:#a4df67;color:#13200b;border-color:#a4df67;font-weight:800}#app{height:100dvh;min-height:360px;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}header{position:absolute;top:max(16px,env(safe-area-inset-top));left:20px;right:20px;display:flex;justify-content:space-between;align-items:start;gap:15px;pointer-events:none}header>div:last-child{text-align:right}header button{pointer-events:auto;padding:7px 10px;display:block;margin:8px 0 0 auto}header small{display:block;color:#a7b2b7;margin-top:7px;font-size:11px}.score{text-align:center;font-size:24px}#health-wrap{position:absolute;top:95px;left:20px;right:20px;font-size:10px;letter-spacing:2px;pointer-events:none}#health-wrap label{display:block}#health-number{float:right}progress{display:block;width:100%;height:9px;border:none;border-radius:4px;margin-top:6px;background:#333a3d;accent-color:#a4df67}progress::-webkit-progress-bar{background:#333a3d;border-radius:4px}progress::-webkit-progress-value{background:#a4df67;border-radius:4px;transition:width .12s}#progress{height:2px;margin-top:7px;opacity:.5}#progress::-webkit-progress-value{background:#dbe4e5}#health.danger::-webkit-progress-value{background:#fa667f}#live-message{position:absolute;left:30%;right:30%;top:39%;text-align:center;font-size:clamp(15px,3vw,26px);font-weight:800;white-space:pre-line;pointer-events:none}#play-help{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:12%;right:12%;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:#a7b2b7;pointer-events:none}#play-help b{color:#eef3f3;font-size:20px;display:block;margin-bottom:5px}#play-help span:last-child{text-align:right}#play-help span:nth-child(2){text-align:center;max-width:230px}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#111315f5;padding:24px;overflow:auto}.card{width:min(650px,100%);margin:auto}.compact{max-width:440px;text-align:center}.card h1{font-size:clamp(34px,7vw,57px);letter-spacing:-2px;margin:8px 0}.card h2{font-size:40px;margin:10px 0 20px}.eyebrow{font-size:11px;letter-spacing:3px;color:#9ba8ae}.intro{color:#bac4c9;font-size:15px;margin:0 0 22px}#song-list{display:grid;gap:8px;margin:18px 0}.song{text-align:left;display:grid;grid-template-columns:1fr auto;gap:6px}.song[aria-pressed=true]{border-color:#a4df67;background:#233022}.song strong{font-size:16px}.song small{grid-column:1/-1;font-size:11px;color:#aebbc0}.song .best{font-size:11px;color:#c0dcad}.card>.primary{width:100%;margin:4px 0 10px}.instructions{font:12px/1.55 system-ui,sans-serif;color:#b2bfc3;margin:12px 0}.instructions p{margin:7px 0}.settings{display:flex;gap:20px;font-size:11px;margin:18px 0;flex-wrap:wrap}.settings label{display:flex;align-items:center;gap:9px}.settings input{width:100px;accent-color:#a4df67}.subtle,#load-status{font-size:10px;color:#8b9a9f;line-height:1.5}.compact>button{display:block;width:100%;margin:8px 0}.two{display:flex;gap:8px}.two button{flex:1}#result-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}#result-stats strong{display:block;font-size:25px;margin:5px}#result-stats small{color:#97a7ae}#new-best{color:#a4df67;height:20px}a{color:#a4df67;font-size:12px;display:inline-block;margin-top:18px}[hidden]{display:none!important}@media(max-width:600px){.screen{padding:18px}.card h1{margin-top:5px}.intro{margin-bottom:12px}.instructions{font-size:11px}.settings{margin:10px 0}header{left:12px;right:12px;font-size:11px}.score{font-size:22px}header small{max-width:115px;font-size:9px}#health-wrap{left:12px;right:12px;top:90px}#play-help{left:9%;right:9%;bottom:max(18px,env(safe-area-inset-bottom));font-size:9px}#play-help span:nth-child(2){max-width:115px}#play-help b{font-size:17px}#live-message{left:27%;right:27%;font-size:14px}.song{padding:11px}.song strong{font-size:14px}}@media(max-height:650px){.screen{align-items:flex-start}.card h1{font-size:30px}.eyebrow{margin:6px 0}.intro{margin:5px 0}.instructions{font-size:10px}#song-list{margin:10px 0}.song{padding:8px}#health-wrap{top:75px}.settings{margin:8px 0}.card h2{font-size:30px}}.audience-settings{font-size:11px;line-height:1.5;border:1px solid #465056;border-radius:7px;padding:10px;margin:12px 0}.audience-settings summary{cursor:pointer}.audience-settings a{margin:0;font-size:11px}.audience-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.audience-buttons button{padding:8px;font-size:11px}#record-status{color:#a7b2b7}#audience-badge{position:absolute;left:20px;top:140px;pointer-events:none;font-size:10px;color:#a7b2b7;max-width:230px}#audience-live-controls{position:absolute;top:140px;right:20px;display:flex;gap:5px}#audience-live-controls button{font-size:10px;padding:6px}#go-live{border-color:#af7cf5}#broadcast-state{color:#bfa3f4;font-size:11px}.audience-settings label{display:block;margin:8px 0}#audience-live-controls{flex-wrap:wrap;justify-content:flex-end;max-width:45%}#visual-panel{position:fixed;inset:auto 16px 16px auto;margin:0;width:min(355px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;background:#10171ef2;color:#dce3e8;border:1px solid #5d7081;border-radius:12px;padding:16px;box-shadow:0 12px 50px #0009;z-index:20;font-size:11px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.visual-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.visual-heading h2{font-size:16px;margin:0}.visual-heading button{padding:3px 9px;font-size:20px}#visual-panel p{line-height:1.45;color:#b2c1cc}#visual-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}#visual-options button{padding:10px 7px;font-size:11px;text-align:left}#visual-options button[aria-pressed=true]{background:#324750;border-color:#b4ded5;color:#fff}#visual-sliders label{display:grid;grid-template-columns:97px 1fr 34px;align-items:center;gap:7px;margin:12px 0}#visual-sliders input{width:100%;accent-color:#9bcfc1}#visual-sliders output{text-align:right;font-variant-numeric:tabular-nums}#visual-settings{font-size:10px}#visual-panel small{display:block;line-height:1.5;color:#99aab6;margin-top:10px}#reset-visuals{padding:7px 10px;font-size:10px}#live-message{opacity:.65}#visual-panel{width:min(420px,calc(100vw - 24px))}#visual-sliders label{grid-template-columns:125px 1fr 38px}#visual-sliders details{border-top:1px solid #43515b;padding:12px 0}#visual-sliders summary{cursor:pointer;font-size:13px;color:#dbede7}.visual-library{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.visual-library label,.visual-library select,.visual-library input,.visual-library p{grid-column:1/-1}.visual-library input,.visual-library select{min-width:0;width:100%;box-sizing:border-box;background:#1a2630;color:#eee;border:1px solid #60717e;border-radius:5px;padding:8px}.visual-library button{font-size:11px;padding:8px}#visual-save-status{min-height:28px}button:disabled{opacity:.4}#bloom-backend{width:100%;background:#1a2630;color:#eee;border:1px solid #60717e;border-radius:5px;padding:9px;margin:7px 0}.bloom-backend-label{display:block;margin-top:16px}#visual-sliders input:disabled{opacity:.3}#bloom-performance{font-variant-numeric:tabular-nums;font-size:10px}#avatar-panel{width:min(900px,96vw);max-height:94vh;background:#0b100e;color:#dcecdc;border:1px solid #45634c;border-radius:12px;padding:16px}#avatar-panel::backdrop{background:#0009}#avatar-panel a{color:#b4ff24}#avatar-game-preview{position:absolute;width:200px;height:200px;bottom:28px;left:calc(50% - 100px);pointer-events:none;z-index:3}#avatar-game-preview[hidden]{display:none}.live-volume{display:flex;align-items:center;gap:5px;font-size:10px;padding:3px 6px;background:#151a1de6;border:1px solid #465056;border-radius:7px}.live-volume input{width:70px;accent-color:#a4df67}