*{box-sizing:border-box}html{background:#05070c}body{min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}#root{min-height:100vh}button,input,select{font:inherit}button{color:#f4f7fb;cursor:pointer;background:#182238;border:1px solid #2d3b57;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;min-height:44px;padding:.7rem .85rem;font-weight:700;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}button:active{transform:scale(.98)}button:hover{background:#22304d;border-color:#4b638f}button:disabled{cursor:wait;opacity:.6}input,select{color:#f8fafc;background:#0f1727;border:1px solid #31415f;border-radius:8px;width:100%;min-height:44px;padding:.65rem .75rem}label{color:#aeb8ca;gap:.35rem;font-size:.84rem;font-weight:700;display:grid}h1,h2,p{margin:0}h1{font-size:1.5rem;line-height:1.1}h2{color:#f8fafc;font-size:1.1rem}.eyebrow{color:#45e0bd;text-transform:uppercase;font-size:.72rem;font-weight:900}.error-text{color:#ff8ca0;font-weight:700}.loading-shell,.gate-shell{color:#f8fafc;background:radial-gradient(circle at 0 0,#1a524e 0,#0000 32rem),#080d17;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.loading-mark{border:1px solid #2d3b57;border-radius:8px;padding:2rem 3rem;font-size:1.5rem;font-weight:900}.gate-panel{gap:1.25rem;width:100%;max-width:880px;display:grid}.gate-panel h1{font-size:clamp(2.5rem,7vw,5.4rem)}.gate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.gate-card,.control-card{background:#0c121feb;border:1px solid #263653;border-radius:8px;gap:.85rem;padding:1rem;display:grid;box-shadow:0 18px 44px #0003}.primary-action{background:#1b806e;border-color:#2ad0aa}.split-actions,.button-grid,.adjust-grid{gap:.55rem;display:grid}.split-actions,.button-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.button-grid.four,.adjust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.control-shell{color:#f8fafc;background:#090e18;min-height:100vh;padding:.9rem .9rem 6rem}.control-topbar{justify-content:space-between;align-items:center;gap:1rem;max-width:760px;margin:0 auto .9rem;display:flex}.volume-strip{align-items:center;min-width:135px;display:flex}.volume-strip input{accent-color:#25d0a5;min-height:auto;padding:0}.inline-error{max-width:760px;margin:0 auto .7rem}.control-content{max-width:760px;margin:0 auto}.panel-stack{gap:.8rem;display:grid}.section-title-row,.card-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.name-input{font-weight:900}.icon-danger{background:#3b1722;border-color:#6f2c3d;min-width:46px;padding:.5rem}.score-stepper{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:.6rem;display:grid}.score-stepper button{min-height:64px}.score-stepper input{text-align:center;min-height:64px;font-size:2rem;font-weight:900}.timer-readout{color:#fff;font-variant-numeric:tabular-nums;font-weight:950}.timer-readout.compact{text-align:center;background:#0f1727;border:1px solid #31415f;border-radius:8px;padding:.6rem;font-size:2.4rem}.timer-config{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.adjust-grid button{background:#131f34;font-size:1.1rem}.sfx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.sfx-pad{align-content:center;min-height:110px;padding:.8rem;display:grid}.empty-state{color:#94a3b8;text-align:center;border:1px dashed #334565;border-radius:8px;grid-column:1/-1;padding:2rem}.media-card,.music-link-card{gap:.75rem}.music-link-card.active{border-color:#25d0a5;box-shadow:0 0 0 1px #25d0a540,0 18px 44px #0003}.media-now{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.media-now span{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;font-weight:900;overflow:hidden}.media-now strong{color:#45e0bd;background:#14233b;border:1px solid #2f486d;border-radius:8px;flex:none;padding:.35rem .55rem;font-size:.75rem}.media-range{accent-color:#25d0a5;cursor:pointer;min-height:32px;padding:0}.media-time-row{color:#aeb8ca;font-variant-numeric:tabular-nums;justify-content:space-between;font-weight:800;display:flex}.special-card{text-align:center}.special-number{color:#fff;font-size:6rem;font-weight:950;line-height:1}.special-number.urgent{color:#ff405f}.room-code{text-align:center;background:#111b2d;border:1px solid #31415f;border-radius:8px;padding:1rem;font-size:2.6rem;font-weight:950}.tabbar{background:#080d17eb;border-top:1px solid #263653;grid-template-columns:repeat(6,minmax(0,1fr));gap:.25rem;padding:.45rem;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:#98a8c0;background:0 0;border-color:#0000;gap:.15rem;min-height:58px;padding:.25rem;font-size:.68rem;display:grid}.tabbar button.active{color:#fff;background:#14233b;border-color:#2f486d}.display-shell{color:#f8fafc;background:linear-gradient(135deg,#25d0a51f,#0000 35%),linear-gradient(315deg,#ff5f7e1a,#0000 38%),#05070c;min-height:100vh;position:relative;overflow:hidden}.display-stage{justify-content:center;align-items:center;min-height:100vh;padding:4vmin;display:flex}.display-stage.with-island{padding-top:8rem}.audio-enable{z-index:10;background:#1b806e;border-color:#2ad0aa;position:fixed;top:1rem;right:1rem}.score-island{z-index:4;background:#090e18db;border:1px solid #2d3b57;border-radius:8px;gap:.75rem;max-width:calc(100vw - 2rem);padding:.75rem;display:flex;position:fixed;top:1rem;left:50%;overflow-x:auto;transform:translate(-50%)}.score-island div{background:#111b2d;border-radius:8px;align-items:center;gap:.7rem;min-width:120px;padding:.6rem .8rem;display:flex}.score-island span{color:#b8c3d5;text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.score-island strong{margin-left:auto;font-size:1.7rem}.bar-stage{align-items:end;gap:2.4vmin;width:94vw;max-width:1500px;height:min(72vh,720px);display:grid}.bar-column{grid-template-rows:1fr auto auto;align-items:center;gap:.8rem;min-width:0;height:100%;display:grid}.bar-track{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;align-items:end;width:100%;height:100%;display:flex;overflow:hidden}.bar-fill{border-radius:8px 8px 0 0;width:100%;transition:height .26s;box-shadow:inset 0 -14px 34px #ffffff29}.bar-column strong{font-size:clamp(2rem,5vw,5.4rem);line-height:1}.bar-column span{color:#cbd5e1;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(1rem,2vw,2rem);font-weight:800;overflow:hidden}.timer-display,.special-display{text-align:center;position:relative}.timer-display p,.special-display p{color:#aeb8ca;margin-bottom:1rem;font-size:clamp(1.4rem,3vw,3rem);font-weight:900}.timer-display .timer-readout{font-size:clamp(7rem,21vw,24rem);line-height:.9}.burst-layer{pointer-events:none;position:absolute;inset:0}.burst-layer span{color:#ffcc4d;font-size:clamp(2rem,7vw,7rem);font-weight:950;animation:1.05s forwards burst;position:absolute;top:12%;left:64%}.special-display div{color:#fff;font-size:clamp(8rem,26vw,28rem);font-weight:950;line-height:.9}.special-display.urgent div{color:#ff294d}.youtube-host{opacity:.01;pointer-events:none;width:200px;height:120px;position:fixed;bottom:1rem;right:1rem}.youtube-host iframe{border:0;width:100%;height:100%}@keyframes burst{0%{opacity:0;transform:translateY(24px)scale(.8)}18%{opacity:1}to{opacity:0;transform:translateY(-80px)scale(1.15)}}@media (width<=720px){.gate-grid,.timer-config,.sfx-grid{grid-template-columns:1fr}.gate-panel h1{font-size:3rem}.control-topbar{align-items:start;display:grid}.button-grid.four,.adjust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}