.level-card:after{background:repeating-radial-gradient(circle at center, transparent 0 12px, var(--accent) 12px 14px);opacity:.3;border:0;border-radius:50%;width:150px;height:150px;bottom:-60px;right:-60px;-webkit-mask:radial-gradient(circle,#000 0 50%,#0000 72%);mask:radial-gradient(circle,#000 0 50%,#0000 72%)}.sound-title .brand{color:#cffafe}.sound-title .title-hero span{background:linear-gradient(90deg,#22d3ee,#a78bfa 45%,#f472b6);-webkit-background-clip:text;background-clip:text}.ex-figure{background:#0d1426;border-color:#1e293b}.note-diagram:has(svg.example-art){background:#0d1426;border-color:#1e293b;padding:0;overflow:hidden}.snd-card{z-index:4;top:var(--hud-top,86px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(360px,100% - 24px);box-shadow:var(--shadow);color:#e2e8f0;pointer-events:none;background:#0f172adb;border:1px solid #22d3ee47;border-radius:16px;padding:8px 13px 9px;position:absolute;left:12px}.snd-row{flex-wrap:wrap;align-items:baseline;gap:1px 9px;display:flex}.snd-row+.snd-row{margin-top:3px}.snd-label{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;font-size:12px;font-weight:800}.snd-val{font-family:var(--math);color:#e2e8f0;font-size:15px}.snd-row.main .snd-val{font-family:var(--display);font-size:22px;font-weight:600}.snd-row.minor .snd-val{font-family:var(--font);color:#cbd5e1;font-size:12px;font-weight:600}.snd-pickers{gap:6px;display:grid}.snd-pick{align-items:center;gap:8px;min-width:0;display:flex}.snd-pick-k{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:0 0 62px;font-size:12px;font-weight:800}.snd-pick .segmented{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.snd-pick .segmented::-webkit-scrollbar{display:none}.snd-pick .seg{white-space:nowrap;flex:1 0 auto;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:6px 10px;font-size:12.5px;display:inline-flex}.snd-pick .seg:disabled{opacity:.55;cursor:default}.seg .dot{background:var(--c);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #0f172a40}.sound .choices.arty{grid-template-columns:repeat(4,1fr)}.sound .choices.arty .choice{text-align:center;grid-template-columns:24px 1fr;grid-template-areas:"key art""text text";align-items:center;gap:3px 6px;display:grid}.sound .choices.arty .choice-key{grid-area:key}.choice-art{grid-area:art;place-items:center;display:grid}.choice-text{grid-area:text}.choice-art svg{width:64px;height:30px}.snd-pick[data-key=label] .segmented{flex-wrap:wrap}.sound .param[data-key=depth],.sound .param[data-key=dist],.sound .param[data-key=L],.sound .param[data-key=L1],.sound .param[data-key=L2]{--track-fill:#d97706}.sound .param[data-key=amt],.sound .param[data-key=lambda],.sound .param[data-key=turns]{--track-fill:#7c3aed}.sound .param[data-key=v],.sound .param[data-key=vs1],.sound .param[data-key=vs2],.sound .param[data-key=freq]{--track-fill:#0891b2}.sound .param[data-key=amp],.sound .param[data-key=speed]{--track-fill:#db2777}.sound .controls:not(:has(.param:not([hidden]))) .launch{flex:auto}@media (width<=520px) and (orientation:portrait){.sound .controls{flex-wrap:nowrap;gap:6px}.sound .param{flex:1 1 0;min-width:0;padding:5px 6px 6px}.sound .param:not(.predict-param){grid-template-columns:auto 1fr auto;grid-template-areas:"head head head""minus value plus";gap:2px 4px}.sound .param:not(.predict-param) .param-row{display:contents}.sound .param:not(.predict-param) .param-row>.step:first-child{grid-area:minus}.sound .param:not(.predict-param) .param-row>.step:last-child{grid-area:plus}.sound .param:not(.predict-param) .slider-wrap{display:none}.sound .param .param-head{justify-content:center;gap:4px;font-size:12px}.sound .param:not(.predict-param) .param-value{justify-self:center;font-size:20px}.sound .param .step{width:34px;height:34px}.sound .controls:has(>.predict-param){flex-wrap:wrap}.sound .predict-param{flex:100%}.sound .controls:has(>.predict-param) .launch{flex:100%;min-height:44px}.sound .launch{flex:1 1 0;min-width:0;min-height:46px;padding:6px 10px;font-size:20px}.sound[data-nparams="3"] .controls{flex-wrap:wrap}.sound[data-nparams="3"] .controls>.param,.sound[data-nparams="3"] .controls>.launch{flex:calc(50% - 3px)}.sound .launch:disabled{font-size:16px}.sound .choices{grid-template-columns:1fr}.sound .choices.short,.sound .choices.arty{grid-template-columns:1fr 1fr}.sound .choices.arty .choice{padding:5px 7px 6px;font-size:12.5px;line-height:1.2}.sound .choices[data-resolved] .choice:not([data-correct]):not([data-wrong]),.sound .choices[data-running] .choice:not([aria-checked=true]){display:none}.sound .coach{font-size:13.5px;line-height:1.36}.snd-row.minor{display:none}.snd-card{padding:5px 10px 6px}.snd-row.main .snd-val{font-size:18px}.snd-val{font-size:13.5px}.snd-pick-k{flex-basis:56px;font-size:12px}.snd-pick .seg{min-height:32px;padding:5px 7px;font-size:12px}.snd-pick[data-key=label] .snd-pick-k{display:none}.snd-pick[data-key=label] .segmented{grid-template-columns:1fr 1fr;display:grid;overflow:visible}}@media (width<=380px) and (orientation:portrait){.sound .launch{font-size:17px}.sound .launch .icon{display:none}.sound .param .param-value{font-size:18px}.sound .param .step{width:30px;height:30px}.snd-pick-k{letter-spacing:.02em;flex-basis:46px}.snd-pick .seg{gap:4px;padding:5px;font-size:12px}.sound .choices.arty .choice-art svg{width:54px;height:24px}}@media (width<=520px) and (height<=600px) and (orientation:portrait){.snd-row:not(.main){display:none}.sound .coach{font-size:12.5px;line-height:1.3}}@media (orientation:landscape) and (height<=500px){.sound .choices[data-resolved] .choice:not([data-correct]):not([data-wrong]),.sound .choices[data-running] .choice:not([aria-checked=true]){display:none}.snd-card{max-width:240px;padding:5px 9px 6px;left:6px}.snd-row.minor{display:none}.snd-row.main .snd-val{font-size:17px}.snd-val{font-size:12.5px}.snd-label{font-size:12px}.sound .launch{flex:none}.sound .controls:not(:has(.param:not([hidden]))) .launch{flex:none}.sound .param{padding:4px 6px}.sound .param:not(.predict-param){grid-template-columns:1fr auto auto auto;grid-template-areas:"head minus value plus";align-items:center;gap:4px}.sound .param:not(.predict-param) .param-row{display:contents}.sound .param:not(.predict-param) .param-row>.step:first-child{grid-area:minus}.sound .param:not(.predict-param) .param-row>.step:last-child{grid-area:plus}.sound .param:not(.predict-param) .slider-wrap{display:none}.sound .param .param-head{font-size:12px}.sound .param .param-value{text-align:center;justify-self:center;min-width:1.8em;font-size:18px}.sound .choices.arty{grid-template-columns:1fr 1fr}.sound .choices.arty .choice{padding:4px 6px;font-size:12px;line-height:1.15}.sound .choices.arty .choice-art svg{width:50px;height:22px}.sound .choices.arty .choice-key{width:20px;height:20px}.snd-pick{gap:5px}.snd-pick-k{letter-spacing:.02em;flex-basis:44px;font-size:12px}.snd-pick .segmented{flex-wrap:wrap;display:flex}.snd-pick .seg{min-height:28px;padding:4px 6px;font-size:12px}}