:root{--safe-b: env(safe-area-inset-bottom, 0px);--tap-min: 44px;--ink-glass: rgba(24, 16, 9, .66);--ink-glass-strong: rgba(16, 10, 6, .88);--border-glass: 1px solid rgba(251, 239, 217, .14)}@media(max-width:1023px){.topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:20!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 16px!important;background:var(--ink-glass-strong)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-bottom:var(--border-glass)!important}}.room-name{flex:1;min-width:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb{font-size:11px;color:#fbefd99e;white-space:nowrap}.icon-btn{width:var(--tap-min);height:var(--tap-min);flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:18px;position:relative;background:#fbefd90d;border:none;color:inherit;cursor:pointer}.icon-btn:active{background:#fbefd914}.header-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;background:#c0392b;color:#fff;font-size:10px;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:1.5px solid var(--ink, #1B120A)}.content{padding-top:56px;padding-bottom:calc(84px + var(--safe-b))}.scrim{position:fixed;inset:0;background:#0006;z-index:29;opacity:0;pointer-events:none;transition:opacity .25s ease}.scrim.show{opacity:1;pointer-events:auto}.panel{position:fixed;z-index:30;background:var(--ink-glass-strong);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:var(--border-glass);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1)}.panel-handle{width:36px;height:4px;border-radius:999px;background:#fbefd940;margin:10px auto 2px;flex-shrink:0;cursor:pointer}.panel-head{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:var(--border-glass);flex-shrink:0}.panel-head h2{font-size:15px;margin:0;font-weight:700;flex:1;min-width:0}.panel-close{width:var(--tap-min);height:var(--tap-min);display:flex;align-items:center;justify-content:center;font-size:18px;background:none;border:none;color:inherit;cursor:pointer}.panel-content{flex:1;overflow-y:auto;min-height:0}.panel-tabs{display:flex;gap:6px;padding:10px 14px;border-bottom:var(--border-glass);flex-shrink:0;overflow-x:auto}.ptab{min-height:var(--tap-min);padding:0 14px;border-radius:999px;font-size:12.5px;font-weight:600;color:#fbefd99e;background:#fbefd90f;flex-shrink:0;border:1px solid transparent;cursor:pointer;display:flex;align-items:center}.ptab.active{background:#e8a23d29;color:var(--mist, #FBEFD9);border:1px solid rgba(232,162,61,.5)}@media(max-width:639px){.panel{left:0;right:0;bottom:0;height:88vh;border-radius:20px 20px 0 0;transform:translateY(100%);padding-bottom:var(--safe-b)}.panel.open{transform:translateY(0)}.panel-content{padding:0;display:flex;flex-direction:column;flex:1;min-width:0}.message-text,.candidate-title,.candidate-meta,.room-name,.now-playing-toast span,.global-app-toast span{word-break:break-word;overflow-wrap:break-word;white-space:normal!important}.now-playing-toast,.global-app-toast,.share-toast{width:calc(100vw - 32px);max-width:none;white-space:normal!important;text-align:center;border-radius:16px!important}.pitch-wrapper{position:relative;width:100%;margin-top:calc(56px + 50px + var(--safe-b, 0px));padding:0 12px}.pitch-wrapper .battle-card-panel{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:100%!important;padding:14px;border-radius:16px;z-index:auto;animation:none;box-shadow:0 8px 24px #00000080;margin-bottom:80px;background:#110e0c!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.idle-mode .pitch-wrapper .battle-card-panel{opacity:1!important}.pitch-wrapper .battle-card-mini{position:relative!important;transform:none!important}.pitch-wrapper .battle-card-header{flex-wrap:wrap;gap:8px}.pitch-wrapper .battle-header-left{gap:8px}.pitch-wrapper .battle-diya-icon{font-size:1.2rem}.pitch-wrapper .battle-header-title{font-size:.88rem}.pitch-wrapper .battle-header-right{flex-wrap:wrap;gap:6px}.pitch-wrapper .battle-clock{font-size:.78rem;padding:3px 8px}.pitch-wrapper .sur-badge{font-size:.7rem;padding:3px 8px}.pitch-wrapper .battle-vs-side-by-side{flex-direction:column;gap:0}.pitch-wrapper .candidate-card-side{padding:10px;border-radius:14px;min-width:0}.pitch-wrapper .candidate-info{min-width:0}.pitch-wrapper .vs-circle-divider{width:28px;height:28px;font-size:.65rem;margin:-4px auto;position:relative;z-index:2}.pitch-wrapper .vote-btn{width:100%;min-height:var(--tap-min);font-size:.85rem;padding:10px 16px;border-radius:12px}.pitch-wrapper .nominate-trigger-btn{min-height:var(--tap-min);font-size:.82rem}.pitch-wrapper .battle-pct-labels{font-size:.65rem}.diya-timer-container{top:66px!important;left:50%!important;transform:translate(-50%)!important;z-index:15!important;padding:5px 12px;border-radius:24px}.diya-timer-container:hover{transform:translate(-50%) translateY(-2px)!important}.diya-timer-label{font-size:.56rem}.diya-timer-clock{font-size:.85rem}.diya-icon-wrap{font-size:1.1rem}.player-dock.mobile-player{position:fixed!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;border-radius:0!important;border-top:var(--border-glass);padding:8px 12px!important;padding-bottom:var(--safe-b)!important;gap:10px!important;z-index:20;background:#0c101af2!important}.player-dock.mobile-player .track-section{width:100%;gap:10px}.player-dock.mobile-player .track-cover{width:38px;height:38px;flex-shrink:0}.player-dock.mobile-player .track-info-mini{width:auto;min-width:0;flex:1}.player-dock.mobile-player .track-title-mini{font-size:.82rem}.player-dock.mobile-player .track-artist-mini{font-size:.68rem}.player-dock.mobile-player .radio-live-tag{font-size:.5rem}.player-dock.mobile-player .up-next-mini{display:none}.player-dock.mobile-player .mini-btn.main{width:36px;height:36px;font-size:.9rem}.player-dock.mobile-player .mix-controls-mini{display:flex;flex-direction:row;align-items:center;gap:12px;padding:0;width:auto;border:none;max-height:none;overflow:visible}.player-dock.mobile-player .online-pill-mini{font-size:.7rem}.panel-content .chat-dock-container{display:flex!important;position:relative!important;bottom:auto!important;right:auto!important;width:100%!important;height:100%!important;flex-direction:column;z-index:auto!important}.panel-content .chat-messages{flex:1;overflow-y:auto;padding:12px;min-height:0}.panel-content .chat-input-form{border-radius:0!important;padding:8px 12px;gap:8px;border-top:var(--border-glass);flex-shrink:0}.panel-content .chat-input{min-height:var(--tap-min)!important;font-size:14px!important;padding:0 14px!important;border-radius:999px!important}.panel-content .chat-send{min-width:var(--tap-min)!important;min-height:var(--tap-min)!important}.panel-content .chat-bubble{max-width:88%!important}.panel-content .chat-bubble-user{font-size:11px}.panel-content .chat-bubble-text{font-size:13.5px;line-height:1.4}.panel-content .chat-bubble-time{font-size:10px}.panel-content .chat-identity-bar{padding:8px 14px;border-bottom:var(--border-glass);flex-shrink:0}.panel-content .social-sidebar-content{display:flex!important;flex-direction:column;height:100%}.panel-content .social-search-box{padding:10px 14px;flex-shrink:0}.panel-content .social-search-box input{min-height:var(--tap-min);font-size:13.5px;width:100%;background:#fbefd90f;border:1px solid rgba(251,239,217,.14);border-radius:12px;padding:0 14px;color:inherit}.panel-content .social-tabs{padding:8px 14px;gap:6px;flex-shrink:0;border-bottom:var(--border-glass)}.panel-content .social-tab-btn{min-height:var(--tap-min);padding:0 14px;border-radius:999px;font-size:12.5px;font-weight:600}.panel-content .social-contacts-list{flex:1;overflow-y:auto;padding:8px 12px}.panel-content .contact-card{padding:10px 0;border-bottom:var(--border-glass)}.panel-content .contact-action-btn{min-height:36px;min-width:60px;font-size:12px}.panel-content .dm-request-item{flex-direction:column;align-items:flex-start;gap:8px}.panel-content .dm-request-btns{width:100%;display:flex;gap:8px}.panel-content .dm-accept-btn,.panel-content .dm-decline-btn{flex:1;min-height:var(--tap-min)}.panel-content .contact-card{flex-wrap:wrap;gap:8px}.panel-content .contact-actions{width:100%;justify-content:flex-end}.panel-content .contact-action-btn{flex:1;min-width:0}.social-sidebar{display:none!important}body>.chat-dock-container,.content~.chat-dock-container{display:none!important}}@media(min-width:640px)and (max-width:1023px){.topbar{height:64px!important;padding:0 18px!important;gap:14px!important}.content{padding-top:64px;padding-bottom:96px}.panel{inset:0 0 0 auto;width:min(400px,92vw);height:100%;border-radius:0;border-top:none;border-left:var(--border-glass);transform:translate(100%)}.panel.open{transform:translate(0)}.panel-handle{display:none}.panel-content{padding:0;display:flex;flex-direction:column;flex:1}.pitch-wrapper{position:relative;width:100%;margin-top:130px;padding:0 24px}.pitch-wrapper .battle-card-panel{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:560px!important;border-radius:20px;z-index:auto;animation:none}.pitch-wrapper .battle-card-mini{position:relative!important;transform:none!important}.pitch-wrapper .vote-btn{min-height:var(--tap-min);padding:10px 16px}.pitch-wrapper .nominate-trigger-btn{min-height:var(--tap-min)}.diya-timer-container{top:74px!important;z-index:15!important}.diya-timer-container:hover{transform:translate(-50%) translateY(-2px)!important}.player-dock.mobile-player{position:fixed!important;bottom:24px!important;left:50%!important;transform:translate(-50%)!important;width:90%!important;max-width:700px!important;z-index:20;border-radius:999px!important}.player-dock.mobile-player .track-info-mini{width:auto;min-width:0;flex:1}.player-dock.mobile-player .up-next-mini{max-width:200px}.panel-content .chat-dock-container{display:flex!important;position:relative!important;bottom:auto!important;right:auto!important;width:100%!important;height:100%!important;flex-direction:column;z-index:auto!important}.panel-content .chat-messages{flex:1;overflow-y:auto;padding:12px 16px;min-height:0}.panel-content .chat-input-form{border-radius:0!important;flex-shrink:0}.panel-content .chat-input{min-height:var(--tap-min)!important}.panel-content .chat-send{min-width:var(--tap-min)!important;min-height:var(--tap-min)!important}.panel-content .social-sidebar-content{display:flex!important;flex-direction:column;height:100%}.panel-content .social-search-box input{min-height:var(--tap-min);width:100%}.panel-content .social-tab-btn{min-height:var(--tap-min)}.panel-content .social-contacts-list{flex:1;overflow-y:auto}.panel-content .dm-request-item{flex-wrap:wrap;gap:8px}.panel-content .dm-request-btns{display:flex;gap:6px}.panel-content .dm-accept-btn,.panel-content .dm-decline-btn{min-height:var(--tap-min)}.social-sidebar{display:none!important}body>.chat-dock-container,.content~.chat-dock-container{display:none!important}}@media(min-width:1024px){.scrim,.panel{display:none!important}.content{padding-top:0;padding-bottom:0}}@media(max-width:1023px){.player-dock.mobile-player .track-section,.track-section,.now-playing-title,.track-title-mini,.up-next-mini,.track-info-mini{min-width:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.pitch-wrapper .battle-card-panel{background:#110e0c!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:15!important}body.idle-mode .pitch-wrapper .battle-card-panel{opacity:1!important}}