:root{color-scheme:dark;--bg:#090b17;--panel:#101425;--line:#ffffff12;--text:#f0f3ff;--muted:#929cb9;--cyan:#71f0df;--pink:#d8a3ff;--gold:#f4db9d}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#15243b 0,transparent 40%),radial-gradient(ellipse at 100% 75%,#231831 0,transparent 40%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;min-height:100vh}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{touch-action:manipulation}button,input[type=number]{border:1px solid #ffffff21;border-radius:10px;background:#ffffff07}button{padding:11px 17px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#ffffff14}button:active:not(:disabled){transform:translateY(1px)}button.primary{background:var(--cyan);color:#0c242b;border:0;font-weight:750;box-shadow:0 0 25px #71f0df15}button.primary:hover:not(:disabled){background:#9cf8ea}button.ghost{background:transparent}input[type=number]{width:100%;padding:10px;color:var(--text);min-width:0}input[type=range]{accent-color:var(--cyan);width:100%}a{color:var(--cyan)}.shell{max-width:1400px;margin:0 auto;padding:27px 32px 24px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.brand{display:flex;align-items:center;gap:13px}.brandmark{height:38px;width:38px;border:1px solid #71f0df44;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:3px;background:#71f0df08}.brandmark i{width:3px;background:var(--cyan);border-radius:4px;height:12px}.brandmark i:nth-child(2),.brandmark i:nth-child(4){height:22px}.brandmark i:nth-child(3){height:30px}.brand h1{font-size:23px;font-weight:650;margin:0;letter-spacing:1px}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:2.5px}.tag{font-size:11px;color:#b6c0db;border:1px solid #ffffff18;border-radius:30px;padding:8px 12px;white-space:nowrap}.tag b{display:inline-block;background:var(--cyan);width:5px;height:5px;border-radius:50%;margin-right:6px;box-shadow:0 0 9px var(--cyan)}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:19px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--cyan);font-weight:600;margin:0 0 10px}.intro h2{margin:0;font-size:30px;font-weight:550;letter-spacing:1px}.intro p{color:var(--muted);line-height:1.6;margin:0;max-width:410px;font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.game{border:1px solid #ffffff16;border-radius:20px;overflow:hidden;background:#0b1020;box-shadow:0 24px 90px #0004}.game-top{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;gap:10px;background:#101527;border-bottom:1px solid var(--line)}.track-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:290px}.track-kind{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.pill{border:1px solid #71f0df25;background:#71f0df0a;color:var(--cyan);border-radius:30px;font-size:10px;padding:6px 9px;white-space:nowrap}.stage-wrap{position:relative}.stats{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none;z-index:2}.stat{min-width:70px}.stat small{display:block;color:#99a7c9;font-size:9px;letter-spacing:1.4px;margin-bottom:5px}.stat strong{font-size:22px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:1px;font-weight:550}.stat:last-child{text-align:right}.stat.center{text-align:center}.stat.center strong{color:var(--cyan)}canvas{display:block;width:100%;height:450px;touch-action:none}.overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;text-align:center;padding:30px;background:linear-gradient(0deg,#090e1b88,#090e1b22);backdrop-filter:blur(2px)}.overlay[hidden]{display:none}.overlay .overline{font-size:10px;letter-spacing:3px;color:var(--cyan)}.overlay h3{font-size:30px;letter-spacing:2px;font-weight:500;margin:0}.overlay p{color:#bbc6e2;font-size:12px;line-height:1.8;max-width:420px;margin:0}.overlay .primary{margin-top:8px;min-width:160px;padding:13px 26px}.results{display:flex;gap:26px;margin:10px 0}.results strong{display:block;font-size:22px;color:var(--cyan);margin-bottom:7px}.results span{font-size:10px;color:var(--muted)}.game-bottom{padding:0 20px 17px}.timeline{height:3px;background:#ffffff10;border-radius:10px;overflow:hidden}.timeline i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:width .12s linear}.timeline-labels{display:flex;justify-content:space-between;color:#8b97b4;font-size:10px;margin-top:8px;font-variant-numeric:tabular-nums}.touch-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin-top:14px;align-items:center}.hit-btn{padding:13px 8px;border-color:#71f0df35;background:#71f0df07;position:relative;user-select:none;-webkit-user-select:none;touch-action:none;min-height:52px}.hit-btn.right{border-color:#d8a3ff35;background:#d8a3ff07}.hit-btn strong{font-size:12px;font-weight:550;letter-spacing:2px;color:var(--cyan)}.hit-btn.right strong{color:var(--pink)}.hit-btn small{display:block;font-size:9px;margin-top:4px;color:#a3afcc}.hit-btn.pulse{background:#71f0df35}.hit-btn.right.pulse{background:#d8a3ff35}.play-controls{display:flex;gap:7px}.play-controls button{font-size:11px;padding:11px 10px}.under-game{display:flex;justify-content:space-between;gap:15px;margin-top:13px;font-size:10px;color:#8591af;line-height:1.7}.under-game span:first-child{flex:1}.sidebar{display:flex;flex-direction:column;gap:15px}.card{border:1px solid #ffffff14;border-radius:17px;background:linear-gradient(145deg,#151a2aee,#0e1221ee);padding:20px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card h3{font-size:13px;font-weight:600;letter-spacing:1px;margin:0}.card-title span{font-size:10px;color:var(--muted)}.source-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.source-options button{font-size:11px;padding:12px 5px;line-height:1.6}.source-options button b{display:block;font-size:15px;color:var(--cyan);font-weight:400;margin-bottom:3px}.wide{width:100%;font-size:11px;margin-top:8px}.info{color:var(--muted);font-size:11px;line-height:1.8;margin:12px 0 0}.source-note{background:#080c1699;border:1px solid #ffffff0c;border-radius:10px;padding:11px 12px;font-size:10px;color:#a3afcc;line-height:1.8;margin-top:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.form-row label{font-size:10px;color:#a3afcc}.form-row input{display:block;margin-top:7px;font-size:12px}.form-row[hidden]{display:none}.volume{display:flex;align-items:center;gap:12px;margin-top:15px;font-size:10px;color:var(--muted)}.volume input{flex:1}.sensor-row{display:flex;align-items:center;gap:10px}.sensor-row button{font-size:11px;padding:10px 12px;flex:none}.sensor-row p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.sensor-status{font-size:10px;line-height:1.7;color:#a3afcc;margin-top:10px}.companion{position:relative;min-height:158px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-right:120px}.companion h3{line-height:1.6;font-size:16px;font-weight:450}.companion p{color:var(--muted);font-size:10px;line-height:1.8;margin:9px 0 0}.mascot{position:absolute;width:124px;height:145px;right:0;top:10px;display:flex;align-items:center;justify-content:center}.mascot img{width:100%;height:100%;object-fit:contain;display:none}.mascot img.ready{display:block}.orb{width:75px;height:75px;border:1px solid #94ffec88;border-radius:42% 58% 63% 37% / 49% 37% 63% 51%;background:radial-gradient(circle at 35% 30%,#baf7ff,#387986 35%,#272343 70%);box-shadow:0 0 40px #72e3f83a,inset 0 0 20px #b7fff433;position:relative;animation:float 6s ease-in-out infinite}.orb:before,.orb:after{content:'';position:absolute;top:29px;width:7px;height:12px;background:#c8fff7;border-radius:50%;box-shadow:0 0 10px #fff}.orb:before{left:22px}.orb:after{right:22px}@keyframes float{50%{transform:translateY(-10px) rotate(8deg);border-radius:60% 40% 35% 65% / 40% 60% 40% 60%}}.footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;color:#66728f;font-size:10px;line-height:1.8}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:12px;border:1px solid #71f0df44;background:#172639;color:#e5f5ff;font-size:12px;z-index:20;max-width:min(90vw,620px);box-shadow:0 12px 50px #0008;line-height:1.7}.toast[hidden]{display:none}.status-live{font-size:10px;color:var(--muted);line-height:1.6;margin-top:9px;min-height:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1250px){canvas{height:495px}}
@media(max-width:1000px){.shell{padding:22px}.layout{grid-template-columns:minmax(0,1fr) 280px;gap:15px}.card{padding:16px}.intro h2{font-size:25px}.intro p{max-width:320px}canvas{height:440px}.touch-controls{grid-template-columns:1fr 1fr}.play-controls{grid-column:1/-1;grid-row:2;justify-content:center}.track-title{max-width:210px}}
@media(max-width:760px){.shell{padding:19px 14px}.top{margin-bottom:24px}.brand h1{font-size:20px}.tag{font-size:9px;padding:7px 9px}.intro{display:block;margin-bottom:16px}.intro h2{font-size:25px}.intro p{margin-top:10px;max-width:none;font-size:11px}.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.source-card{grid-column:1/-1}.companion{min-height:160px;padding-right:80px}.mascot{width:85px;height:115px;top:25px}.orb{width:57px;height:57px}.orb:before,.orb:after{top:22px;width:5px;height:10px}.orb:before{left:16px}.orb:after{right:16px}.companion h3{font-size:14px}.card h3{font-size:12px}.sensor-row{display:block}.sensor-row p{margin-top:8px}canvas{height:390px}.game-top{padding:14px 16px}.track-title{max-width:240px}.stats{top:19px;left:21px;right:21px}.overlay h3{font-size:27px}.touch-controls{grid-template-columns:1fr auto 1fr}.play-controls{grid-column:auto;grid-row:auto}.play-controls button{padding:12px 8px;font-size:10px}.under-game{font-size:9px}.footer{display:block}.footer span{display:block}.form-row{max-width:420px}.source-options{grid-template-columns:1fr 1fr}.source-note{margin-top:10px}.source-card>.wide{max-width:none}.source-card .card-title{margin-bottom:12px}}
@media(max-width:380px){.tag{display:none}.track-title{max-width:190px}.touch-controls{grid-template-columns:1fr 1fr}.play-controls{grid-column:1/-1;grid-row:2;justify-content:center}.sidebar{display:flex}.companion{min-height:130px}.stats .stat strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.orb{animation:none}*{scroll-behavior:auto!important}}

#analysisProgress{margin-top:14px}#analysisProgress[hidden]{display:none}.analysis-label{display:flex;justify-content:space-between;font-size:10px;color:var(--cyan);margin-bottom:8px}progress{width:100%;height:6px;accent-color:var(--cyan)}.hit-btn.held{background:#71f0df25;box-shadow:inset 0 0 0 1px #71f0df77,0 0 24px #71f0df22}.hit-btn.right.held{background:#d8a3ff25;box-shadow:inset 0 0 0 1px #d8a3ff77,0 0 24px #d8a3ff22}

/* v0.3 — glass runway / Latru resonance */
:root{--bg:#060912;--panel:#101827;--line:#b6e5ff16;--text:#edf9ff;--muted:#8c9cae;--cyan:#87fff0;--pink:#c9b5ff}
body{background:radial-gradient(ellipse at 15% 0%,#152b3a 0,transparent 37%),radial-gradient(ellipse at 90% 80%,#1e1834 0,transparent 45%),#060912}
.shell{max-width:1550px;padding:25px 30px 22px}.top{margin-bottom:27px}.brand h1{font-size:22px;letter-spacing:1.6px}.brand small{font-size:8px;letter-spacing:3.1px;color:#809fae}.brandmark{border-color:#affff045;box-shadow:0 0 22px #87fff00c,inset 0 0 20px #87fff00a}.brandmark i{background:#b2fff2;box-shadow:0 0 8px #87fff044}.tag{font-size:10px;letter-spacing:.8px;border-color:#a0d7ec20;background:#98dfff05}
.intro{margin-bottom:21px}.intro h2{font-size:clamp(25px,2.5vw,35px);font-weight:430;letter-spacing:2px}.eyebrow{font-size:9px;letter-spacing:3px;color:#a8d1dd}.intro p{color:#91a8b7}.layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}
.game{border-radius:13px;border:1px solid #c0e5ff27;box-shadow:0 25px 90px #0007,0 0 0 5px #b0eaff02;background:#070f1b}
.game-top{padding:15px 21px;background:linear-gradient(90deg,#12202ee8,#121626e8);border-color:#a4d7ff14}.track-title{max-width:390px;font-size:13px;letter-spacing:.5px}.track-kind{font-size:9px;color:#8fa6b5;letter-spacing:.5px}.track-tools{display:flex;align-items:center;gap:10px}.pill{border-radius:4px;border-color:#9bd5e125;background:#9bd5e107;color:#c4eee9;letter-spacing:.5px;font-size:9px}.view-button{padding:8px 11px;font-size:10px;border-radius:4px;border-color:#c7e6ff2b;background:#d4eaff08;white-space:nowrap}.view-button:hover{border-color:#96f5ee80}
.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:33px;padding:0 21px;background:#080f1bee;border-bottom:1px solid #a2dfff10;font-size:8px;letter-spacing:1.6px;color:#7d9aaa}.stage-toolbar .stage-channel{color:#a7bfcc}.stage-legend{display:flex;align-items:center;gap:15px;letter-spacing:.3px}.stage-legend span{display:flex;align-items:center;gap:6px}.stage-legend i{display:inline-block;width:16px;height:4px;background:#b9fff7;box-shadow:0 0 7px #87fff038;transform:skewX(-22deg)}.stage-legend .long{height:5px;width:27px;background:linear-gradient(90deg,#c9b5ff11,#d6c8ff);border-bottom:1px solid #c9b5ff}
.motion-button{font-size:9px;padding:4px 0;border:0;background:none!important;color:#a5b4c8;letter-spacing:.4px}.motion-button[aria-pressed=true]{color:#a3e6dd}.motion-button:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:6px}
canvas{height:clamp(410px,59vh,650px)}.stats{top:21px;left:25px;right:25px}.stat small{color:#9ab4c3;letter-spacing:2px;font-size:8px}.stat strong{font-size:24px;font-weight:350;text-shadow:0 0 24px #a4d5ff1c}.stat.center strong{color:#d5fff6}.overlay{background:linear-gradient(0deg,#03071044,#03071005);backdrop-filter:none;isolation:isolate;gap:15px}.overlay:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(540px,91%);height:300px;z-index:-1;border:1px solid #c4ecff2b;background:linear-gradient(145deg,#0b1c2af0,#0c1122e6);box-shadow:0 0 80px #6fbbd311,inset 0 1px #edffff20;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.overlay h3{font-size:27px;letter-spacing:2px;font-weight:430}.overlay p{color:#b9cbd7;font-size:11px}.overlay .overline{font-size:8px;color:#9ad7d6;letter-spacing:3px}.overlay .primary{background:#d3fff4;color:#0a2930;border-radius:4px;font-weight:600;letter-spacing:1px;box-shadow:0 0 30px #97fff217}.overlay .primary:hover{background:#effffb}
.game-bottom{padding:0 20px 14px;background:linear-gradient(180deg,#0b1422,#0b101d)}.timeline{height:2px;border-radius:0;background:#d9efff12}.timeline i{background:linear-gradient(90deg,#8effee,#c9b5ff);box-shadow:0 0 10px #aaffea}.timeline-labels{font-size:9px;letter-spacing:1px}.touch-controls{margin-top:12px}.hit-btn{border-radius:6px;border-color:#9df8df2b;background:linear-gradient(110deg,#a3fff00c,#a3fff004);min-height:54px}.hit-btn.right{border-color:#d3bcff2d;background:linear-gradient(110deg,#ceb7ff04,#ceb7ff0d)}.hit-btn strong{font-size:11px;letter-spacing:2px}.hit-btn small{font-size:8px;letter-spacing:1px}.hit-btn.held{background:#9effe929;box-shadow:inset 0 0 20px #91ffeb20,0 0 25px #91ffeb1b}.hit-btn.right.held{background:#d4b5ff29;box-shadow:inset 0 0 20px #d4b5ff20,0 0 25px #d4b5ff1b}.play-controls button{border-radius:5px;color:#a6bdca;background:#b9e3ff06;font-size:10px}.under-game{font-size:9px;color:#7d96a6}
.card{border-radius:10px;background:linear-gradient(135deg,#12202bd9,#0d1320ed);border-color:#a4c9e51c;padding:18px}.card-title{margin-bottom:14px}.card h3{font-weight:500;font-size:12px}.card-title span{font-size:8px;color:#6f8b9f;letter-spacing:1px}.source-options button{border-radius:5px;background:#bbddff06;border-color:#c6e8ff23}.source-options button b{color:#a5f3e8}.wide{border-radius:5px}.info{font-size:10px;color:#8ba3b4}.source-note{border-radius:5px;background:#050c1766;border-color:#9dc1df0b;color:#8fa8b7}.status-live{color:#a6bac6}.companion{min-height:177px;padding-right:110px}.mascot{width:115px;height:152px;top:13px;filter:drop-shadow(0 0 17px #86ddc421)}.companion h3{font-size:17px;font-weight:400}.footer{font-size:8px;color:#5b768b;letter-spacing:.3px}.sensor-status{font-size:9px}.sensor-row p{font-size:9px}
body.immersive{overflow:hidden}.immersive .shell{max-width:none;height:100dvh;padding:14px}.immersive .top,.immersive .intro,.immersive .sidebar,.immersive .under-game,.immersive .footer{display:none}.immersive .layout{display:block;height:100%}.immersive main{height:100%;max-width:1800px;margin:auto}.immersive .game{height:100%;display:flex;flex-direction:column}.immersive .game-top,.immersive .stage-toolbar,.immersive .game-bottom{flex:none}.immersive .stage-wrap{flex:1;min-height:0}.immersive canvas{height:100%;width:100%}.immersive .game-top{padding:12px 22px}.immersive .game-bottom{padding:0 22px 12px}.immersive .stats{top:22px}.immersive .overlay:before{height:310px}
@media(max-width:1100px){.shell{padding:22px}.layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.card{padding:15px}.track-title{max-width:240px}.game-top{padding:13px 16px}.track-tools{gap:7px}.pill{font-size:8px}.view-button{padding:7px 8px;font-size:9px}.stage-toolbar{padding:0 16px}.stage-channel{display:none}.intro p{max-width:290px}.touch-controls{grid-template-columns:1fr auto 1fr}.play-controls{grid-column:auto;grid-row:auto}.play-controls button{padding:11px 8px}.companion{padding-right:85px}.mascot{width:90px}}
@media(max-width:760px){.shell{padding:18px 12px}.top{margin-bottom:22px}.brand h1{font-size:19px}.brand small{font-size:6px;letter-spacing:2px}.brandmark{width:33px;height:33px}.tag{font-size:8px;padding:7px 8px}.intro{margin-bottom:17px}.intro h2{font-size:25px}.intro p{max-width:100%;font-size:10px;line-height:1.7}.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr}.game{border-radius:9px}.game-top{padding:12px;align-items:flex-start}.track-title{max-width:44vw;font-size:11px}.track-kind{font-size:8px;max-width:44vw;line-height:1.5}.track-tools{flex-direction:column;align-items:flex-end;gap:7px}.pill{font-size:8px}.view-button{font-size:8px;padding:5px 8px}.stage-toolbar{height:30px;padding:0 12px}.stage-legend{font-size:8px;gap:11px}.motion-button{font-size:8px}canvas{height:460px}.stats{top:19px;left:17px;right:17px}.stat{min-width:57px}.stat small{font-size:7px;letter-spacing:1px}.stat strong{font-size:20px}.overlay h3{font-size:22px}.overlay p{font-size:10px;max-width:260px}.overlay:before{height:290px}.game-bottom{padding:0 11px 12px}.touch-controls{gap:6px}.hit-btn{padding:11px 6px;min-height:49px}.hit-btn strong{font-size:10px;letter-spacing:1px}.hit-btn small{font-size:7px;letter-spacing:.3px}.play-controls{gap:4px}.play-controls button{padding:11px 6px;font-size:9px}.under-game{gap:12px;font-size:8px}.footer{font-size:8px}.companion{padding-right:80px}.companion h3{font-size:14px}.mascot{width:82px}.immersive .shell{padding:7px}.immersive .game-top{padding:10px 13px}.immersive .game-bottom{padding:0 12px 10px}.immersive .track-tools{flex-direction:row;align-items:center}.immersive .pill{display:none}.immersive .stage-toolbar{height:26px}.immersive .stats{top:15px}.immersive .track-title{max-width:60vw}.immersive .track-kind{max-width:60vw}}
@media(max-width:380px){.touch-controls{grid-template-columns:1fr auto 1fr}.play-controls{grid-column:auto;grid-row:auto}.hit-btn small{font-size:6px}.stage-legend{gap:9px}.stage-legend i{width:13px}.stage-legend .long{width:20px}.tag{display:none}.sidebar{display:flex}}

@media(max-height:500px) and (min-width:600px){
 .immersive .shell{padding:5px}.immersive .game{border-radius:8px}.immersive .game-top{padding:6px 12px;min-height:37px;align-items:center}.immersive .track-title{font-size:10px;max-width:50vw}.immersive .track-kind{font-size:7px;margin-top:2px}.immersive .track-tools{flex-direction:row;align-items:center;gap:9px}.immersive .pill{font-size:7px;padding:4px 7px}.immersive .view-button{font-size:8px;padding:5px 8px}.immersive .stage-toolbar{height:21px;padding:0 12px;font-size:7px}.immersive .stage-legend{font-size:7px}.immersive .motion-button{font-size:7px}.immersive .game-bottom{padding:0 11px 5px}.immersive .timeline-labels{font-size:7px;margin-top:3px}.immersive .touch-controls{margin-top:4px;gap:8px}.immersive .hit-btn{min-height:31px;padding:6px}.immersive .hit-btn strong{font-size:9px}.immersive .hit-btn small{display:none}.immersive .play-controls button{padding:6px 9px;font-size:8px}.immersive .stats{top:8px;left:18px;right:18px}.immersive .stat small{font-size:6px;letter-spacing:1px;margin-bottom:3px}.immersive .stat strong{font-size:16px}.immersive .overlay{gap:8px;padding:14px}.immersive .overlay:before{height:min(225px,94%);width:min(490px,90%)}.immersive .overlay h3{font-size:20px}.immersive .overlay p{font-size:9px}.immersive .overlay .primary{min-width:130px;margin-top:1px;padding:8px 20px;font-size:11px}.immersive .results{margin:3px 0;gap:22px}.immersive .results strong{font-size:18px}.immersive .overlay .overline{font-size:7px}
}

/* Visible, directional input response; no camera movement. */
.hit-btn{overflow:hidden;isolation:isolate}.hit-btn::after{content:'';position:absolute;inset:0;opacity:0;pointer-events:none;z-index:-1;background:linear-gradient(105deg,transparent 16%,var(--hit-color,#a2fff0) 48%,transparent 78%);transform:translateX(-100%)}
.hit-btn.landed{animation:latru-hit-border .52s linear}.hit-btn.landed::after{animation:latru-hit-sweep .45s linear}.hit-btn.held::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent,#a8fff02e,transparent);animation:latru-hold-flow 1s linear infinite}
.hit-btn.right.held::before{background:linear-gradient(90deg,transparent,#d0b5ff38,transparent)}
@keyframes latru-hit-border{0%{border-color:#fff;box-shadow:inset 0 0 32px var(--hit-color,#a2fff0),0 0 28px var(--hit-color,#a2fff0)}100%{border-color:#bceaff30;box-shadow:inset 0 0 0 transparent,0 0 0 transparent}}
@keyframes latru-hit-sweep{0%{opacity:.5;transform:translateX(-100%)}100%{opacity:0;transform:translateX(100%)}}
@keyframes latru-hold-flow{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
body.still-background .hit-btn.held::before{animation:none;opacity:.35}
@media(prefers-reduced-motion:reduce){.hit-btn.landed,.hit-btn.landed::after,.hit-btn.held::before{animation:none}.hit-btn.landed{border-color:#e0fff4;box-shadow:inset 0 0 12px #a6ffed33}}

/* Continuous reels keep even a one-step combo visibly in motion. */
.number-window{display:inline-block;vertical-align:bottom;overflow:hidden;height:1.16em;line-height:1.16em;min-width:1ch;text-align:inherit;font-variant-numeric:tabular-nums}
.number-reel{display:flex;flex-direction:column;transform:translateY(0);will-change:transform;line-height:1.16em}
.number-reel>span{display:block;flex:none;height:1.16em;line-height:1.16em;white-space:nowrap}
.stat strong,.results strong{font-variant-numeric:tabular-nums}
.results strong .number-window,.results strong .number-reel,.results strong .number-reel>span{color:inherit;font-size:inherit;margin:0}
.judgement-total{display:inline-flex;align-items:baseline;gap:.35em;white-space:nowrap}
.judgement-total b{font:inherit;font-variant-numeric:tabular-nums;min-width:1ch;color:#dcf4ff}

/* v0.5 — personal local stage and chart choices */
.difficulty-card{order:0}.difficulty-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.difficulty-grid button{border-radius:5px;text-align:left;padding:10px 12px;border-color:#b5d8ec24;background:#b5d8ec04}.difficulty-grid button strong{font-size:12px;font-weight:500}.difficulty-grid button small{display:block;color:#7996aa;font-size:9px;margin-top:4px}.difficulty-grid button[aria-pressed=true]{border-color:#a9fff0a0;background:linear-gradient(120deg,#80f5db1d,#b8b2ff15);box-shadow:inset 2px 0 #a4fff0}.difficulty-grid button[aria-pressed=true] small{color:#c5f7e9}.difficulty-summary{font-size:11px;color:#cee5eb;margin:13px 0 5px;line-height:1.7}.difficulty-detail{font-size:9px;line-height:1.8;color:#89a3b4;margin:0}.custom-density{border-top:1px solid #b4dcff15;margin-top:13px;padding-top:11px;font-size:10px;color:#9eb7c6}.custom-density summary{cursor:pointer;list-style-position:inside}.custom-density label{display:flex;justify-content:space-between;margin:12px 0 8px}.custom-density input{margin:0}.density-ends{display:flex;justify-content:space-between;font-size:9px;color:#6d8c9f;margin-top:5px}.best-summary{font-size:10px;line-height:1.8;color:#a4cabc;border-top:1px solid #b4dcff15;margin-top:13px;padding-top:11px}.profile-button{border:0;background:none;padding:3px 0;font-size:9px;color:#bfe7e0;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.4px}.profile-button:hover:not(:disabled){background:none;color:white}.track-tools{flex-wrap:wrap;justify-content:flex-end}.stage-toolbar{letter-spacing:.6px}.local-dialog{color:#edf9ff;background:linear-gradient(140deg,#132430,#0b101e);border:1px solid #bce4ff33;border-radius:12px;padding:26px;width:min(720px,calc(100vw - 28px));max-height:calc(100dvh - 36px);box-shadow:0 35px 120px #000a;overflow:auto}.local-dialog::backdrop{background:#030713b8;backdrop-filter:blur(8px)}.local-dialog header{display:flex;gap:15px;align-items:flex-start;justify-content:space-between}.local-dialog h2{margin:3px 0 8px;font-size:23px;font-weight:450;letter-spacing:1px}.local-dialog .eyebrow{font-size:8px;margin:0 0 8px}.dialog-close{border-radius:4px;font-size:11px;padding:7px 11px}.dialog-subtitle{font-size:11px;line-height:1.8;color:#8faabb;margin:0 0 17px}.history-list{display:flex;flex-direction:column;gap:8px;margin:13px 0 18px}.history-entry{display:grid;grid-template-columns:minmax(0,1fr) 90px 65px 60px;gap:12px;align-items:center;background:#030c1760;border:1px solid #b3d8ed14;border-radius:6px;padding:15px}.history-song{display:block;color:#e3f3f8;font-size:12px;font-weight:500;overflow-wrap:anywhere}.history-meta{font-size:9px;color:#7998ac;line-height:1.7;margin-top:7px}.history-difficulty{color:#adf6e5;font-size:9px;display:inline-block;margin-top:6px}.history-number{text-align:right}.history-number strong{display:block;font-size:16px;font-weight:400;color:#dafaf1;font-variant-numeric:tabular-nums}.history-number small{display:block;font-size:8px;color:#7e9aa9;margin-top:6px}.history-empty{border:1px dashed #b2ddf022;border-radius:6px;padding:33px 18px;text-align:center;color:#85a3b3;line-height:1.9;font-size:11px}.history-actions{display:flex;gap:8px;flex-wrap:wrap}.history-actions button{font-size:10px;border-radius:4px;padding:9px 12px}.storage-status{font-size:10px;color:#8faabb;line-height:1.8;margin:15px 0 0}.storage-status.warning{color:#eecf92}.player-dialog{width:min(460px,calc(100vw - 28px))}.player-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin:18px 0}.player-form label{grid-column:1/-1;font-size:10px;color:#a2bac8}.player-form input{border:1px solid #c2e5ff33;background:#020b16a0;color:#edf9ff;border-radius:5px;padding:11px 12px;min-width:0}.player-form button{border-radius:5px;font-size:11px}.player-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.player-list button{border-radius:5px;font-size:11px;text-align:left;padding:12px;overflow:hidden;text-overflow:ellipsis}.player-list button[aria-pressed=true]{border-color:#a2ffee8a;color:#d1fff3;background:#93ffe512}.player-note{font-size:10px;color:#88a1b1;line-height:1.8}.player-error{color:#f0d094;font-size:10px;line-height:1.6;min-height:16px}.player-dialog .dialog-close[hidden]{display:none}
@media(max-width:760px){.difficulty-card{grid-column:1/-1}.difficulty-grid{grid-template-columns:repeat(4,1fr)}.difficulty-grid button{padding:10px 8px}.difficulty-grid button strong{font-size:11px}.difficulty-grid button small{font-size:8px}.local-dialog{padding:20px 17px}.local-dialog h2{font-size:21px}.history-entry{grid-template-columns:minmax(0,1fr) 65px;gap:9px;padding:12px}.history-entry .history-number:nth-child(n+3){display:flex;align-items:center;gap:6px;justify-content:flex-start}.history-entry .history-number:nth-child(n+3) strong{font-size:12px}.history-entry .history-number:nth-child(n+3) small{margin:0;font-size:8px}.history-entry .history-number:nth-child(4){justify-content:flex-end}.history-number strong{font-size:15px}.game-top>div:first-child{min-width:0}.track-tools{gap:5px;max-width:48%;flex-direction:row}.track-tools .pill{flex-basis:100%;text-align:right;width:max-content}.profile-button{max-width:36%;font-size:8px}.immersive .track-tools .pill{flex-basis:auto}.immersive .game-top{align-items:center}.immersive .track-tools{max-width:55%}.immersive .track-title{max-width:35vw}}
@media(max-height:500px){.local-dialog{max-height:calc(100dvh - 20px);padding:16px 20px}.local-dialog h2{font-size:19px}.player-form{margin:12px 0}.immersive .track-tools .pill{display:none}}

/* v0.6 — the mobile stage is the playing surface. No CSS rotation is used. */
.mobile-portrait-tip{display:none}
.touch-stage .hit-btn{display:none}
.touch-stage .touch-controls{display:flex;justify-content:center}
.touch-stage .play-controls{grid-column:auto;grid-row:auto;justify-content:center}
.touch-stage .stage-wrap{overscroll-behavior:none}
.touch-stage #scene{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.touch-stage.immersive{overscroll-behavior:none}
.touch-stage.immersive #gameSurface{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.touch-stage.immersive #gameSurface button{touch-action:manipulation}
.touch-stage.immersive .shell{
 height:100svh;height:100dvh;min-height:0;
 padding-top:max(5px,env(safe-area-inset-top));
 padding-right:max(5px,env(safe-area-inset-right));
 padding-bottom:max(5px,env(safe-area-inset-bottom));
 padding-left:max(5px,env(safe-area-inset-left));
}
.touch-stage.immersive .game{border-radius:8px;min-height:0}
.touch-stage.immersive .game-top{min-height:43px;padding:5px 12px;gap:12px;align-items:center}
.touch-stage.immersive .game-top>div:first-child{flex:1;min-width:0}
.touch-stage.immersive .track-title{max-width:none;font-size:11px;line-height:1.4;letter-spacing:.3px}
.touch-stage.immersive .track-kind{display:none}
.touch-stage.immersive .track-tools{max-width:none;flex:none;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:7px}
.touch-stage.immersive .track-tools .pill{display:inline-block;flex:0 0 auto;font-size:8px;padding:5px 7px;width:auto;text-align:center}
.touch-stage.immersive .view-button{font-size:10px;line-height:1.2;padding:8px 10px;min-height:31px}
.touch-stage.immersive .stage-toolbar{height:27px;min-height:27px;padding:0 13px;gap:12px;font-size:8px}
.touch-stage.immersive .stage-legend{gap:13px;font-size:8px}
.touch-stage.immersive .profile-button{max-width:36%;font-size:8px;padding:5px 0}
.touch-stage.immersive .motion-button{font-size:8px;padding:5px 0}
.touch-stage.immersive .stage-wrap{flex:1 1 0;min-height:0;overflow:hidden}
.touch-stage.immersive #scene{height:100%;width:100%;min-height:0}
.touch-stage.immersive .stats{top:10px;left:20px;right:20px}
.touch-stage.immersive .stat small{font-size:7px;letter-spacing:1.1px;margin-bottom:4px}
.touch-stage.immersive .stat strong{font-size:18px}
.touch-stage.immersive .game-bottom{
 display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:2px auto;
 column-gap:18px;row-gap:5px;align-items:center;padding:0 12px 5px;
}
.touch-stage.immersive .timeline{grid-column:1/-1;grid-row:1;width:100%}
.touch-stage.immersive .timeline-labels{grid-column:1;grid-row:2;margin:0;font-size:8px;letter-spacing:.6px}
.touch-stage.immersive .touch-controls{grid-column:2;grid-row:2;margin:0;display:flex;gap:0}
.touch-stage.immersive .play-controls{display:flex;gap:7px}
.touch-stage.immersive .play-controls button{min-height:31px;font-size:10px;padding:7px 13px;line-height:1.2}
.touch-stage.immersive .overlay{gap:9px;padding:13px 18px}
.touch-stage.immersive .overlay:before{height:min(270px,calc(100% - 12px));width:min(520px,92%)}
.touch-stage.immersive .overlay h3{font-size:23px;line-height:1.25}
.touch-stage.immersive .overlay p{font-size:10px;line-height:1.65;max-width:430px}
.touch-stage.immersive .overlay .overline{font-size:7px;letter-spacing:2px}
.touch-stage.immersive .overlay .primary{min-height:35px;min-width:145px;padding:9px 22px;font-size:11px;margin-top:2px}
.touch-stage.immersive .results{margin:3px 0;gap:25px}
.touch-stage.immersive .results strong{font-size:21px;margin-bottom:5px}
.touch-stage.immersive .results span{font-size:9px}
@media(max-width:1100px){
 .touch-stage:not(.immersive) .layout{grid-template-columns:1fr}
 .touch-stage:not(.immersive) .sidebar{display:grid;grid-template-columns:1fr 1fr}
 .touch-stage:not(.immersive) .source-card,.touch-stage:not(.immersive) .difficulty-card{grid-column:1/-1}
}
@media(orientation:portrait){
 .touch-stage.immersive .mobile-portrait-tip{
  display:block;flex:none;margin:0;padding:7px 12px;background:#a4ffed08;border-bottom:1px solid #a4ffed12;
  color:#acd0ce;font-size:9px;line-height:1.5;text-align:center;letter-spacing:.4px;
 }
 .touch-stage.immersive .track-tools .pill{display:none}
 .touch-stage.immersive .game-top{padding:7px 11px;gap:8px}
 .touch-stage.immersive .view-button{padding:8px;min-height:32px;font-size:9px}
 .touch-stage.immersive .track-tools{gap:5px}
 .touch-stage.immersive .track-title{font-size:10px}
 .touch-stage.immersive .stats{left:17px;right:17px;top:17px}
 .touch-stage.immersive .stat strong{font-size:20px}
 .touch-stage.immersive .overlay p{max-width:270px}
 .touch-stage.immersive .overlay h3{font-size:22px}
}
@media(orientation:landscape) and (max-height:500px){
 .touch-stage.immersive .overlay{gap:7px;padding:9px 18px}
 .touch-stage.immersive .overlay:before{height:calc(100% - 8px);width:min(520px,88%)}
 .touch-stage.immersive .overlay h3{font-size:21px}
 .touch-stage.immersive .overlay p{font-size:9px;line-height:1.6}
 .touch-stage.immersive .overlay .primary{min-height:32px;padding:7px 22px}
 .touch-stage.immersive .results{gap:23px;margin:2px 0}
 .touch-stage.immersive .results strong{font-size:19px}
}
@media(orientation:landscape) and (max-height:340px){
 .touch-stage.immersive .game-top{min-height:36px;padding:3px 10px}
 .touch-stage.immersive .view-button{min-height:28px;padding:6px 9px;font-size:9px}
 .touch-stage.immersive .stage-toolbar{height:22px;min-height:22px}
 .touch-stage.immersive .game-bottom{row-gap:3px;padding-bottom:3px}
 .touch-stage.immersive .play-controls button{min-height:28px;padding:5px 11px;font-size:9px}
 .touch-stage.immersive .stats{top:6px}
 .touch-stage.immersive .stat strong{font-size:16px}
 .touch-stage.immersive .overlay{gap:5px;padding:7px 15px}
 .touch-stage.immersive .overlay h3{font-size:18px}
 .touch-stage.immersive .overlay .overline{display:none}
 .touch-stage.immersive #overlayHint{display:none}
 .touch-stage.immersive .results strong{font-size:17px}
}


/* Website navigation stays outside the touch judgement area. */
.portal-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.portal-nav a,.history-actions a{color:#c1e8ed;text-decoration:none;font-size:11px;padding:9px 12px;border:1px solid #c7e6ff2b;border-radius:5px;background:#d4eaff08}
.portal-nav a:hover,.history-actions a:hover{border-color:#72e9eb;color:#e8f5ff}
.stage-home{display:none;color:#bde3e6;text-decoration:none;font-size:10px;padding:8px 4px;white-space:nowrap}
.immersive .stage-home{display:inline-flex;align-items:center}
.catalog-entry{margin:0 0 22px;border:1px solid #72e9eb40;background:linear-gradient(110deg,#102a39ec,#1b2134e8);padding:20px 24px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.catalog-entry[hidden]{display:none}.catalog-entry .eyebrow{margin:0 0 9px;font-size:9px}.catalog-entry h2{margin:0 0 8px;font-size:23px;font-weight:450;color:#e8f5ff;overflow-wrap:anywhere}.catalog-entry p{margin:0;font-size:11px;line-height:1.8;color:#a6bbc9}.catalog-entry button{flex:none;min-width:130px}.catalog-entry a{color:#b6dce4}
.immersive .catalog-entry{display:none}#import{scroll-margin-top:24px}
a:focus-visible{outline:2px solid #72e9eb;outline-offset:4px}
@media(max-width:760px){.portal-nav{gap:6px}.portal-nav .tag{display:none}.portal-nav a{font-size:10px;padding:9px 10px}.catalog-entry{padding:17px 18px;align-items:flex-start;flex-direction:column;gap:14px}.catalog-entry h2{font-size:21px}.catalog-entry button{width:100%}.touch-stage.immersive .stage-home{font-size:10px;padding:8px 3px;min-height:31px}.touch-stage.immersive .track-tools{gap:5px}}

/* The song picker is a dialog, never a layer over active hit targets. */
#catalogButton{border-color:#72e9eb88;color:#c8fff4;background:#72e9eb13;font-weight:650}
.catalog-dialog{padding:0;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:hidden}
.catalog-dialog[open]{display:flex;flex-direction:column}.catalog-dialog>header{padding:22px 24px 0;flex:none}.catalog-description{padding:0 24px;margin:0 0 12px;font-size:11px;color:#8fa8bd;line-height:1.75}.catalog-list{padding:0 24px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:7px;min-height:90px;max-height:48dvh;-webkit-overflow-scrolling:touch}
.catalog-choice{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left;gap:14px;padding:12px 14px;border-radius:6px;background:#07111f66;border-color:#8fa8bd28;min-height:68px}.catalog-choice[aria-pressed=true]{border-color:#72e9ebaa;background:linear-gradient(110deg,#72e9eb18,#b6a2f512);box-shadow:inset 2px 0 #72e9eb}.catalog-choice strong{font-size:13px;font-weight:550;display:block;overflow-wrap:anywhere}.catalog-choice small{font-size:10px;color:#8fa8bd;display:block;line-height:1.6;margin-top:4px}.catalog-rating{text-align:right;white-space:nowrap}.catalog-rating b{color:#b6a2f5;font-size:13px;letter-spacing:2px;font-weight:450}.catalog-rating small{font-size:9px}.catalog-dialog footer{padding:15px 24px 20px;border-top:1px solid #8fa8bd25;margin-top:12px;background:#0d1b2b;flex:none}.catalog-actions{display:flex;align-items:center;gap:12px;justify-content:space-between}.catalog-actions label{color:#c6dbe5;font-size:11px}.catalog-actions select{margin-left:8px;color:#e8f5ff;background:#142738;border:1px solid #8fa8bd50;padding:9px 10px;border-radius:5px;max-width:185px}.catalog-actions .primary{min-width:140px}.catalog-feedback{font-size:10px;line-height:1.7;color:#a6c5d4;min-height:17px;margin:11px 0 0}.catalog-retry{font-size:10px;padding:6px 9px;margin-top:7px}.catalog-retry[hidden]{display:none}.catalog-dialog .dialog-subtitle{margin-bottom:10px}.catalog-label{font-size:9px;color:#8fa8bd;margin:3px 0 0}
@media(max-width:540px){.catalog-dialog>header{padding:17px 17px 0}.catalog-description{padding:0 17px;font-size:10px}.catalog-list{padding:0 17px;max-height:43dvh}.catalog-choice{padding:10px 11px;min-height:68px}.catalog-choice strong{font-size:12px}.catalog-rating b{font-size:12px;letter-spacing:1px}.catalog-dialog footer{padding:13px 17px 16px}.catalog-actions{align-items:stretch;flex-direction:column;gap:10px}.catalog-actions label{display:flex;justify-content:space-between;align-items:center}.catalog-actions select{flex:1;max-width:230px}.catalog-actions .primary{width:100%;padding:11px}.touch-stage.immersive .track-tools .pill{display:none}.touch-stage.immersive .view-button{padding:7px 7px}.touch-stage.immersive .stage-home{font-size:9px}.touch-stage.immersive .track-tools{gap:4px}}
@media(max-height:500px){.catalog-dialog>header{padding:12px 20px 0}.catalog-dialog h2{font-size:18px;margin:0 0 6px}.catalog-dialog .eyebrow{display:none}.catalog-description{padding:0 20px;margin-bottom:7px;font-size:9px}.catalog-list{padding:0 20px;max-height:40dvh}.catalog-choice{min-height:54px;padding:8px 11px}.catalog-choice strong{font-size:11px}.catalog-choice small{font-size:9px;margin-top:2px}.catalog-dialog footer{padding:9px 20px;margin-top:7px}.catalog-actions{flex-direction:row;align-items:center;gap:12px}.catalog-actions .primary{width:auto;min-width:140px;padding:9px}.catalog-feedback{font-size:9px;margin-top:6px}.catalog-actions select{padding:6px 8px}.catalog-label{display:none}}
.brand-divider{font-weight:300;color:#91a2c3}
.overlay-hint{font-size:10px;color:#8493b3}
.density-footnote{margin-top:8px}
.companion-eyebrow{margin:0 0 8px;font-size:9px}

/* Local portal controls share the existing navigation treatment. */
.portal-nav button{padding:9px 12px;border:1px solid #b6e5ff22;border-radius:5px;font-size:11px;color:var(--cyan);background:transparent}
@media(max-width:760px){.portal-nav button{font-size:10px;padding:9px 10px}.brand h1{letter-spacing:.6px}.top{flex-wrap:wrap}.portal-nav{margin-left:auto}}

/* Sound settings remain accessible from the immersive stage toolbar. */
.sound-dialog{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto}.sound-controls{display:grid;gap:13px}.sound-controls label{display:block;font-size:12px;color:#cce3ed;line-height:1.7}.sound-controls select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #8fa8bd50;border-radius:6px;background:#142738;color:#e8f5ff;font:inherit}.sound-controls input[type=range]{display:block;margin-top:9px}.sound-controls output{float:right;color:#a6f4e7;font-variant-numeric:tabular-nums}.sound-note{margin:0;color:#91a8b7;font-size:11px;line-height:1.8}.sound-controls #spaceBypass{justify-self:start;font-size:11px}.sound-controls #spaceBypass[aria-pressed=true]{border-color:#9de7dc;color:#baf7ed;background:#9de7dc15}.sound-controls select:disabled{opacity:.45}#soundButton{padding:4px 8px;font-size:9px;white-space:nowrap}
@media(max-width:540px){.stage-toolbar{gap:5px}.stage-legend{gap:6px}.stage-legend i{width:10px}.stage-legend .long{width:18px}#soundButton{padding:4px 5px}.sound-dialog{padding:17px}.sound-controls{gap:10px}.sound-controls select{padding:9px 10px}}

.sound-preview{padding:0 0 16px;margin-bottom:15px;border-bottom:1px solid #b4dcff20}.sound-preview .primary{font-size:12px;padding:10px 17px}.sound-preview p{margin:8px 0 0;font-size:11px;color:#a5c1ce;line-height:1.7}.sound-preview #previewStatus{color:#85a6b8;font-size:10px}