.audio-toggle-wrap{position:relative}.audio-toggle{position:relative;width:36px;height:36px;border-radius:50%;border:1px solid rgba(var(--green-2-rgb),.22);background:rgba(var(--green-2-rgb),.06);cursor:pointer;padding:0;color:rgb(var(--mint-rgb));display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.audio-toggle .audio-icon{width:18px;height:18px;display:block}.audio-toggle .audio-w1,.audio-toggle .audio-w2,.audio-toggle .audio-x{display:none}.audio-toggle[data-mode=sfx-ambient] .audio-w1,.audio-toggle[data-mode=sfx-ambient] .audio-w2,.audio-toggle[data-mode=off] .audio-x{display:block}.audio-toggle[data-mode=off]{color:#ffffff59}.audio-toggle[data-mode=sfx-ambient][data-source=sc]{color:#ffaa5aeb}@media(hover:hover){.audio-toggle:hover{transform:scale(1.08);background:rgba(var(--green-2-rgb),.14);border-color:rgba(var(--mint-rgb),.55)}.audio-toggle:focus-visible{outline:none;border-color:rgba(var(--mint-rgb),.75);box-shadow:0 0 0 3px rgba(var(--mint-rgb),.22)}}.audio-toggle-tip{position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-4px);opacity:0;pointer-events:none;background:#080c12f0;color:rgba(var(--text-rgb),.85);font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:500;padding:5px 10px;border-radius:6px;border:1px solid rgba(var(--green-2-rgb),.35);white-space:nowrap;transition:opacity .2s ease,transform .2s ease;z-index:201}.audio-toggle-tip.show{opacity:1;transform:translateY(0)}@media(max-width:720px){.audio-toggle{width:44px;height:44px}.audio-toggle .audio-icon{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){.audio-toggle{transition:none}.audio-toggle:hover{transform:none}}.ambient-menu{position:absolute;top:calc(100% + 8px);right:0;--menu-width: 220px;width:var(--menu-width);box-sizing:border-box;transition:width .24s cubic-bezier(.22,1,.36,1),opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1);padding:10px 10px 8px;border-radius:var(--radius-lg);background:rgba(var(--bg-2-rgb),.96);border:1px solid rgba(var(--green-2-rgb),.32);box-shadow:0 14px 32px #00000080,inset 0 1px #ffffff0a;z-index:var(--z-modal);display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(-4px) scale(.96);transform-origin:top right}.ambient-menu[data-active=music],.ambient-menu[data-active=sc]{--menu-width: 300px}.audio-topbar{display:flex;gap:8px;align-items:center;min-height:24px;padding:2px 2px 6px;border-bottom:1px solid rgba(var(--text-rgb),.08)}.audio-tooltip{position:absolute;top:10px;left:12px;width:calc(100% - 24px);padding:6px 12px;background:#0f19142e;border-radius:var(--radius-md);font:500 12px/1.4 Inter,system-ui,sans-serif;color:rgb(var(--mint-rgb));letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:normal;word-break:break-word;opacity:0;visibility:hidden;transform:translateY(-2px);pointer-events:none;transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1),visibility 0s .18s;z-index:250;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ambient-menu:has(.audio-nowplaying-title-wrap.scrolling:hover) .audio-tooltip{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .18s cubic-bezier(.22,1,.36,1) .22s,transform .18s cubic-bezier(.22,1,.36,1) .22s,visibility 0s .22s}.audio-nowplaying{display:flex;flex:0 1 0%;align-items:center;gap:4px;overflow:hidden;opacity:0;pointer-events:none;transition:flex-basis .24s cubic-bezier(.22,1,.36,1),opacity .18s ease}.ambient-menu[data-active=music] .audio-nowplaying,.ambient-menu[data-active=sc] .audio-nowplaying{flex-basis:62%;opacity:1;pointer-events:auto;transition:flex-basis .24s cubic-bezier(.22,1,.36,1),opacity .18s ease 80ms}.audio-nowplaying-title-wrap{flex:1;min-width:0;overflow:hidden;position:relative}.audio-nowplaying-title{display:inline-block;white-space:nowrap;font:500 11px Inter,system-ui,sans-serif;color:rgba(var(--text-rgb),.85)}.audio-nowplaying-title-wrap.scrolling .audio-nowplaying-title{animation:audio-nowplaying-scroll 12s linear infinite;padding-right:24px}@keyframes audio-nowplaying-scroll{0%,8%{transform:translate(0)}92%,to{transform:translate(calc(-100% + 100px))}}.audio-nowplaying-controls{display:flex;gap:2px;flex-shrink:0}.audio-nowplaying-ctrl{appearance:none;-webkit-appearance:none;background:rgba(var(--green-2-rgb),.12);border:1px solid rgba(var(--green-2-rgb),.2);color:rgba(var(--text-rgb),.78);padding:1px 5px;border-radius:3px;cursor:pointer;font:11px Inter,system-ui,sans-serif;font-variant-emoji:text;-webkit-font-variant-emoji:text;line-height:1.2}@media(max-width:640px){.audio-nowplaying-ctrl[data-action=toggle]{font-size:16.5px;padding:2px 8px}}.ctrl-icon-play,.ctrl-icon-pause{display:none;vertical-align:middle}button:not(.is-playing) .ctrl-icon-play{display:inline-block}button.is-playing .ctrl-icon-pause{display:inline-block}.audio-nowplaying-ctrl .ctrl-icon-play,.audio-nowplaying-ctrl .ctrl-icon-pause{width:12px;height:12px}.music-opt-ctrl .ctrl-icon-play,.music-opt-ctrl .ctrl-icon-pause{width:15px;height:15px}@keyframes sc-attention-pulse{0%,to{background:rgba(var(--green-2-rgb),.12);border-color:rgba(var(--green-2-rgb),.2);color:rgba(var(--text-rgb),.78)}50%{background:rgba(var(--mint-rgb),.32);border-color:rgba(var(--mint-rgb),.55);color:rgb(var(--mint-rgb))}}.audio-nowplaying-ctrl[data-action=toggle].sc-attention{animation:sc-attention-pulse 1.6s ease-in-out infinite}.audio-menu-stack{display:flex;flex-direction:column;gap:6px}.audio-section{display:flex;flex-direction:column;gap:2px;transition:opacity .2s ease}.audio-section-divider{height:1px;margin:6px 4px;background:linear-gradient(to right,transparent,rgba(var(--text-rgb),.18),transparent)}.audio-section.dimmed{opacity:.42}.audio-section.dimmed .ambient-opt{color:rgba(var(--text-rgb),.55)}.ambient-menu[data-context=hub] .audio-section[data-section=internal-music],.ambient-menu[data-context=game] .audio-section:not([data-section]){display:none}.ambient-opts{display:flex;flex-direction:column;gap:2px}.music-opt-row{display:contents}.music-opt-inline-ctrls{display:none}@media(hover:none){.audio-nowplaying-controls{display:none}.ambient-menu[data-active=music] .audio-nowplaying,.ambient-menu[data-active=sc] .audio-nowplaying{flex-basis:55%}.ambient-menu[data-active=music] .ambient-vol,.ambient-menu[data-active=sc] .ambient-vol{flex-basis:42%}.music-opt-row{display:flex;align-items:center;gap:6px}.music-opt-row .music-opt{flex:1;min-width:0}.music-opt-row:has(.music-opt[aria-checked=true]) .music-opt-inline-ctrls{display:flex;gap:4px;flex-shrink:0;padding-right:4px}.music-opt-ctrl{appearance:none;-webkit-appearance:none;background:rgba(var(--green-2-rgb),.14);border:1px solid rgba(var(--green-2-rgb),.22);color:rgba(var(--text-rgb),.85);min-width:38px;min-height:38px;padding:4px 8px;border-radius:6px;cursor:pointer;font:15px Inter,system-ui,sans-serif;font-variant-emoji:text;-webkit-font-variant-emoji:text;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center}.music-opt-ctrl[data-action=toggle]{color:rgb(var(--mint-rgb));background:rgba(var(--mint-rgb),.22);border-color:rgba(var(--mint-rgb),.32);font-size:17px}.music-opt-ctrl:active{background:rgba(var(--mint-rgb),.35)}.music-opt-row.sc-loading .music-opt-ctrl{pointer-events:none;opacity:.55}.music-opt-row.sc-loading .music-opt-ctrl[data-action=toggle]{opacity:1;color:transparent;position:relative}.music-opt-row.sc-loading .music-opt-ctrl[data-action=toggle]:after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;border:2px solid rgba(var(--mint-rgb),.3);border-top-color:rgb(var(--mint-rgb));border-radius:50%;animation:sc-loading-spin .7s linear infinite}@keyframes sc-loading-spin{to{transform:rotate(360deg)}}}.ambient-vol{position:relative;flex:1 1 100%;height:22px;min-width:60px;cursor:pointer;outline:none;touch-action:none;--vol-frac: .4;transition:flex-basis .24s cubic-bezier(.22,1,.36,1)}.ambient-menu[data-active=music] .ambient-vol,.ambient-menu[data-active=sc] .ambient-vol{flex-basis:35%}.ambient-vol:before{content:"";position:absolute;left:8px;right:8px;top:50%;height:4px;transform:translateY(-50%);background:rgba(var(--green-2-rgb),.15);border:1px solid rgba(var(--green-2-rgb),.25);border-radius:3px;pointer-events:none}.ambient-vol-fill{position:absolute;left:8px;top:50%;height:4px;width:calc((100% - 16px) * var(--vol-frac));transform:translateY(-50%);background:linear-gradient(to right,rgb(var(--green-2-rgb)),rgb(var(--mint-rgb)));border-radius:3px;pointer-events:none;transition:width 60ms linear}.ambient-vol-thumb{position:absolute;top:50%;left:calc(8px + (100% - 16px) * var(--vol-frac));width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 32% 32%,rgb(var(--mint-rgb)),rgb(var(--green-2-rgb)) 85%);border:1px solid rgba(var(--text-rgb),.65);box-shadow:0 1px 3px #0006,0 0 4px rgba(var(--mint-rgb),.28);transform:translate(-50%,-50%);pointer-events:none;transition:box-shadow .14s ease,left 60ms linear}.ambient-vol.dragging .ambient-vol-fill,.ambient-vol.dragging .ambient-vol-thumb{transition:none}.ambient-vol:hover .ambient-vol-thumb,.ambient-vol.dragging .ambient-vol-thumb,.ambient-vol:focus-visible .ambient-vol-thumb{box-shadow:0 1px 4px #00000080,0 0 12px rgba(var(--mint-rgb),.6)}.ambient-vol:focus-visible{outline:2px solid rgba(var(--mint-rgb),.5);outline-offset:1px;border-radius:6px}.ambient-vol.muted:before{background:rgba(var(--text-rgb),.06);border-color:rgba(var(--text-rgb),.1)}.ambient-vol.muted .ambient-vol-fill{background:rgba(var(--text-rgb),.18)}.ambient-vol.muted .ambient-vol-thumb{background:radial-gradient(circle at 32% 32%,rgba(var(--text-rgb),.5),rgba(var(--text-rgb),.25) 85%);border-color:rgba(var(--text-rgb),.3);box-shadow:0 1px 2px #0000004d}.ambient-menu.show{opacity:1;transform:translateY(0) scale(1)}.ambient-opt{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:0;background:transparent;color:rgba(var(--text-rgb),.78);font:13px Inter,system-ui,sans-serif;text-align:left;border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .14s ease,color .14s ease}.audio-nowplaying-ctrl,.music-ext-preset,.music-ext-play{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.ambient-opt:hover{background:rgba(var(--mint-rgb),.1);color:rgb(var(--text-rgb))}.ambient-opt:hover .ambient-opt-icon{opacity:1}.audio-nowplaying-ctrl:hover,.music-ext-preset:hover{background:rgba(var(--mint-rgb),.18);color:rgb(var(--mint-rgb))}.music-ext-play:hover{background:rgba(var(--mint-rgb),.3)}}.ambient-opt[aria-checked=true]{background:rgba(var(--mint-rgb),.18);color:rgb(var(--mint-rgb))}.ambient-opt[aria-checked=true]:after{content:"\25cf";margin-left:auto;color:rgb(var(--mint-rgb));font-size:10px}.ambient-opt:focus-visible{outline:2px solid rgba(var(--mint-rgb),.55);outline-offset:2px}.ambient-opt-icon{width:18px;height:18px;flex-shrink:0;opacity:.78;transition:opacity .2s ease,transform .2s ease}.ambient-opt[aria-checked=true] .ambient-opt-icon{opacity:1;transform:scale(1.08)}.ambient-opt-name{flex:1}.music-ext-form{display:flex;flex-wrap:wrap;gap:4px;padding:0 4px;max-height:0;overflow:hidden;transition:max-height .22s ease,padding .22s ease,margin-top .22s ease}.ambient-menu[data-active=sc] .music-ext-form,.ambient-menu:has(.music-ext-form:focus-within) .music-ext-form{max-height:220px;padding:6px 4px 2px;margin-top:4px;border-top:1px solid rgba(var(--text-rgb),.08)}@media(hover:hover){.ambient-menu:has(.audio-section[data-section=external]:hover) .music-ext-form,.ambient-menu:has(.music-ext-form:hover) .music-ext-form{max-height:220px;padding:6px 4px 2px;margin-top:4px;border-top:1px solid rgba(var(--text-rgb),.08)}}.music-ext-presets{display:flex;flex-wrap:wrap;gap:4px;flex-basis:100%;margin-bottom:2px}.music-ext-preset{background:rgba(var(--green-2-rgb),.12);border:1px solid rgba(var(--green-2-rgb),.2);color:rgba(var(--text-rgb),.78);font:11px Inter,system-ui,sans-serif;padding:3px 9px;border-radius:var(--radius-lg);cursor:pointer;transition:background .12s ease,color .12s ease}.music-ext-url{flex:1;min-width:0;background:rgba(var(--bg-rgb),.5);border:1px solid rgba(var(--green-2-rgb),.25);color:rgba(var(--text-rgb),.9);font:11px Inter,system-ui,sans-serif;padding:4px 6px;border-radius:var(--radius-sm);outline:none}.music-ext-url:focus{border-color:rgba(var(--mint-rgb),.55)}.music-ext-play{background:rgba(var(--mint-rgb),.18);color:rgb(var(--mint-rgb));border:0;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer}@media(max-width:720px){.ambient-menu{--menu-width: 300px;padding:var(--space-2)}.ambient-menu[data-active=music],.ambient-menu[data-active=sc]{--menu-width: 320px}.ambient-opt{padding:10px 12px;font-size:14px}.ambient-vol{height:28px}}@media(prefers-reduced-motion:reduce){.ambient-menu{transition:opacity .1s ease;transform:none}.ambient-menu.show{transform:none}}header.top #audio-toggle-wrap{margin-left:auto}header.top:has(.ambient-menu.show){z-index:var(--z-modal)}