.stage-volume{background:linear-gradient(110deg,#ff89580c,#ffffff04);border:1px solid #ff895830;border-radius:999px;flex-shrink:0;width:224px;padding:0 12px}.stage-volume:focus-within{border-color:#ff8958}.stage-volume__slider{appearance:none;cursor:pointer;accent-color:#ff8958;background:0 0;flex:1;width:100%;min-width:0;height:44px;margin:0}.stage-volume__slider::-webkit-slider-runnable-track{background:linear-gradient(to right, #ff8958 0%, #ffad7c var(--volume-level), #ffffff24 var(--volume-level), #ffffff24 100%);border-radius:999px;height:6px}.stage-volume__slider::-moz-range-track{background:#ffffff24;border-radius:999px;height:6px}.stage-volume__slider::-moz-range-progress{background:linear-gradient(90deg,#ff8958,#ffad7c);border-radius:999px;height:6px}.stage-volume__slider::-webkit-slider-thumb{-webkit-appearance:none;background:#ff8958;border:2px solid #ffd4b9;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 0 8px #ff895838}.stage-volume__slider::-moz-range-thumb{background:#ff8958;border:2px solid #ffd4b9;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #ff895838}.stage-volume__slider:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #ffad7c}@media (width>=1280px){.stage-volume{width:288px}}@media (width>=1536px){.stage-volume{width:320px}}@keyframes gc-queue-drawer-enter{0%{opacity:0;transform:translate(calc(-50% - 72px),38px)scale(.985)}72%{opacity:1;transform:translate(calc(6px - 50%),-3px)scale(1.005)}to{opacity:1;transform:translate(-50%)scale(1)}}.gc-stage-queue-drawer{will-change:transform, opacity;animation:.26s cubic-bezier(.18,.82,.22,1) both gc-queue-drawer-enter;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.gc-stage-queue-drawer{animation:none}}.stage-shell{height:100dvh}.stage-shell--mobile{padding-top:env(safe-area-inset-top);background:#101014!important}.stage-shell--mobile .stage-topbar{background:#141418;flex-wrap:nowrap;gap:6px;min-height:58px;padding:6px 10px}.stage-shell--mobile .stage-topbar__identity{flex:1;overflow:hidden}.stage-shell--mobile .stage-topbar__identity>div{flex:1}.stage-shell--mobile .stage-topbar__identity .font-display{max-width:none}.stage-shell--mobile .stage-topbar__identity>svg,.stage-shell--mobile .stage-topbar__track{display:none}.stage-shell--mobile .stage-topbar__actions{flex-wrap:nowrap;gap:4px;margin-left:0}.stage-shell--mobile .stage-topbar button,.stage-shell--mobile .stage-topbar a{min-width:40px;min-height:44px;padding-inline:10px}.stage-shell--mobile .stage-shell__main{flex-direction:column}.stage-shell--mobile .stage-shell__view{flex:auto;min-height:0}.stage-shell--mobile .stage-shell__scene{padding:8px 10px 0;overflow:hidden}.stage-shell--mobile .stage-scene{border-radius:12px;height:100%}.stage-shell--mobile .stage-scene__stage{padding:10px 8px 0}.stage-shell--mobile .stage-screen{flex-shrink:0;max-width:560px;min-height:200px;max-height:none;box-shadow:0 0 0 1px #ffffff14}.stage-shell--mobile .stage-deck{margin-top:-10px}.stage-shell--mobile .stage-character--selector{width:95px;height:114px}.stage-shell--mobile .stage-deck__front{border-radius:12px 12px 5px 5px;max-width:300px;margin-top:-25px;padding:6px 18px}.stage-shell--mobile .stage-deck__logo{height:42px}.stage-shell--mobile .stage-scene__floor{justify-content:flex-start;min-height:72px;padding:8px;overflow-y:auto}.stage-shell--mobile .stage-scene__floor-label{position:sticky;top:0}.stage-shell--mobile .stage-scene__person{width:48px}.stage-shell--mobile .stage-scene__person .stage-character{height:70px}.stage-shell--mobile .stage-scene__name{font-size:9px}.stage-shell--mobile .stage-scene__row{gap:4px;transform:none}.stage-shell--mobile .stage-shell__aside{background:#101014;border-left:0;flex:1 1 0;width:100%;min-height:0;display:flex}.stage-shell--mobile .stage-shell__rail-tabs,.stage-shell--mobile[data-mobile-tab=stage] .stage-shell__aside{display:none}.stage-shell--mobile:not([data-mobile-tab=stage]) .stage-shell__view{flex:none}.stage-shell--mobile:not([data-mobile-tab=stage]) .stage-shell__scene{flex:none;height:216px}.stage-shell--mobile:not([data-mobile-tab=stage]) .stage-scene__stage{height:100%;padding:0}.stage-shell--mobile:not([data-mobile-tab=stage]) .stage-screen{aspect-ratio:auto;width:100%;max-width:none;height:100%}.stage-shell--mobile:not([data-mobile-tab=stage]) .stage-deck,.stage-shell--mobile:not([data-mobile-tab=stage]) .stage-scene__floor{display:none}.stage-shell--mobile .stage-booth-bar{background:#141418;gap:5px;padding:5px 10px}.stage-shell--mobile .stage-booth-bar__skip,.stage-shell--mobile .stage-booth-bar__tip{width:auto}.stage-shell--mobile .stage-booth-bar__skip:empty{display:none}.stage-shell--mobile .stage-booth-bar__reactions{min-width:0}.stage-shell--mobile .stage-booth-bar__reactions>div{gap:5px}.stage-shell--mobile .stage-booth-bar button{gap:5px;height:44px;padding-inline:10px}.stage-shell--mobile .stage-booth-bar button .hidden{display:none}.stage-shell--mobile .stage-booth-bar__tip button{padding-inline:7px;font-size:11px}.mobile-now-playing{-moz-column-gap:10px;background:#141418;flex:none;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:8px 14px 0;display:grid}.mobile-now-playing__track{min-width:0}.mobile-now-playing__track p{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.mobile-now-playing__track>span{color:#a8a5b3;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.mobile-now-playing__clock{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;font-size:11px;display:flex}.mobile-now-playing__progress{background:#ffffff12;grid-column:1/-1;height:2px;margin-top:7px;overflow:hidden}.mobile-now-playing__progress>span{background:#ff8958;height:100%;display:block}.mobile-now-playing__volume{grid-column:1/-1;align-items:center;gap:10px;display:flex}.mobile-now-playing__volume button{color:#ff8958;flex:none;place-items:center;width:44px;height:38px;display:grid}.mobile-now-playing__volume input{accent-color:#ff8958;cursor:pointer;width:100%;min-width:0;height:32px}.mobile-now-playing__volume>span{text-align:right;color:#a8a5b3;font-variant-numeric:tabular-nums;flex:none;width:38px;font-size:11px}.mobile-room-tabs{z-index:30;padding:0 max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));background:#17171c;flex:none;position:relative}.mobile-room-tabs button{border-top:2px solid #0000;min-width:0;min-height:58px}.mobile-room-tabs button[aria-pressed=true]{background:#ff895808;border-top-color:#ff8958}.stage-shell--mobile .room-chat{background:#17171c;border-radius:12px}.stage-shell--mobile .room-chat>div:first-child{padding:8px 12px}.stage-shell--mobile .room-chat__composer{flex-shrink:0;gap:4px;padding:8px}.stage-shell--mobile input:not([type=range]),.stage-shell--mobile select{font-size:16px}.stage-shell--mobile .room-chat__composer button{flex-shrink:0;width:40px;min-height:44px}.stage-shell--mobile .room-chat__composer input{min-height:44px}.stage-shell--mobile .room-queue{border-radius:12px;padding:12px}.stage-shell--mobile .room-queue button{min-height:44px}.stage-shell--mobile .room-queue__entry{flex-wrap:wrap;gap:8px;padding:10px}.stage-shell--mobile .room-queue__entry>.min-w-0{min-width:100px}.stage-shell--mobile [hidden]{display:none!important}.stage-shell--mobile button:focus-visible{outline-offset:-2px;outline:2px solid #ff8958}@media (height<=700px){.stage-shell--mobile .stage-shell__main{overscroll-behavior:contain;overflow-y:auto}.stage-shell--mobile .stage-shell__view{flex:none}.stage-shell--mobile[data-mobile-tab=stage] .stage-shell__scene{flex:none;height:420px}.stage-shell--mobile:not([data-mobile-tab=stage]) .stage-shell__aside{flex:none;height:280px}}@media (width>=600px) and (height<=600px){.stage-shell--mobile .stage-shell__main{flex-direction:row}.stage-shell--mobile:not([data-mobile-tab=stage]) .stage-shell__view{width:48%}.stage-shell--mobile:not([data-mobile-tab=stage]) .stage-shell__aside{width:52%;height:100%;min-height:260px;position:sticky;top:0}}@media (prefers-reduced-motion:reduce){.stage-shell--mobile *{scroll-behavior:auto!important}}
