:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e8e2d9;--theme-deep: #0f2831;--theme-sky: #5cc934;--theme-steel: #e1eb9d;--theme-blue: #0a6d1e;--theme-warm: #eab52b;--theme-alert: #d35719;--bg-base: #091a1f;--bg-surface: rgba(15, 40, 49, .92);--bg-elevated: rgba(3, 55, 33, .55);--bg-hover: rgba(92, 201, 52, .18);--surface-primary: #0c2228;--sidebar-matte-color: color-mix( in srgb, var(--surface-primary) 62%, transparent );--border-subtle: rgba(92, 201, 52, .18);--border-default: rgba(92, 201, 52, .32);--border-accent: var(--accent);--text-primary: #e1eb9d;--text-secondary: #a8c87a;--text-muted: #8db47a;--accent: #5cc934;--accent-hover: #7de056;--accent-glow: rgba(92, 201, 52, .22);--danger: #d35719;--success: #0a6d1e;--warning: #eab52b;--accent-4: rgba(92, 201, 52, .04);--accent-6: rgba(92, 201, 52, .06);--accent-8: rgba(92, 201, 52, .08);--accent-10: rgba(92, 201, 52, .1);--accent-12: rgba(92, 201, 52, .12);--accent-15: rgba(92, 201, 52, .15);--accent-20: rgba(92, 201, 52, .2);--accent-25: rgba(92, 201, 52, .25);--accent-30: rgba(92, 201, 52, .3);--accent-35: rgba(92, 201, 52, .35);--accent-40: rgba(92, 201, 52, .4);--accent-50: rgba(92, 201, 52, .5);--accent-60: rgba(92, 201, 52, .6);--accent-70: rgba(92, 201, 52, .7);--deep-10: rgba(15, 40, 49, .1);--deep-12: rgba(15, 40, 49, .12);--deep-15: rgba(15, 40, 49, .15);--deep-18: rgba(15, 40, 49, .18);--deep-20: rgba(15, 40, 49, .2);--deep-25: rgba(15, 40, 49, .25);--deep-28: rgba(15, 40, 49, .28);--deep-30: rgba(15, 40, 49, .3);--deep-35: rgba(15, 40, 49, .35);--deep-38: rgba(15, 40, 49, .38);--deep-40: rgba(15, 40, 49, .4);--deep-45: rgba(15, 40, 49, .45);--deep-50: rgba(15, 40, 49, .5);--surface-50: rgba(12, 34, 40, .5);--surface-60: rgba(12, 34, 40, .6);--surface-80: rgba(12, 34, 40, .8);--surface-90: rgba(12, 34, 40, .9);--elevated-60: rgba(3, 55, 33, .6);--elevated-85: rgba(3, 55, 33, .85);--elevated-90: rgba(3, 55, 33, .9);--elevated-98: rgba(3, 55, 33, .98);--elevated-99: rgba(3, 55, 33, .99);--glass-bg: color-mix(in srgb, var(--surface-primary) 48%, transparent);--glass-bg-strong: color-mix( in srgb, var(--surface-primary) 64%, transparent );--glass-border: color-mix( in srgb, var(--accent) 28%, rgba(255, 255, 255, .1) );--glass-highlight: rgba(255, 255, 255, .12);--glass-shadow: 0 12px 30px rgba(2, 10, 16, .24);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .45);--transition-fast: .14s ease;--transition-normal: .22s ease;--transition-slow: .34s ease;--shell-top-bar-height: 64px;--pixel-contrast: .5}*{box-sizing:border-box}button,[role=button]{cursor:pointer;-webkit-user-select:none;user-select:none}@media (prefers-color-scheme: light){:root{color-scheme:dark}}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}body{margin:0;min-height:100vh;background:var(--bg-base)}.initial-room-paint-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:grid;place-items:center;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .26s ease,visibility .26s ease;background:radial-gradient(120% 90% at 10% 8%,color-mix(in srgb,var(--theme-sky) 14%,transparent),transparent 58%),radial-gradient(95% 70% at 85% 12%,color-mix(in srgb,var(--theme-blue) 16%,transparent),transparent 62%),var(--bg-base)}.initial-room-paint-gate-overlay.is-fading{opacity:0;visibility:hidden;pointer-events:none}.initial-room-paint-gate-card{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid var(--border-subtle);color:var(--text-secondary);background:color-mix(in srgb,var(--surface-primary) 55%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.85rem;font-weight:600}.initial-room-paint-gate-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 58%,transparent);animation:initial-room-dot-pulse 1.15s ease-in-out infinite}@keyframes initial-room-dot-pulse{0%{transform:scale(.86);opacity:.7;box-shadow:0 0 color-mix(in srgb,var(--accent) 58%,transparent)}70%{transform:scale(1);opacity:1;box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 0%,transparent)}to{transform:scale(.9);opacity:.8;box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-25);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-40)}.app-shell{width:100%;height:100vh;display:grid;gap:0;grid-template-columns:var(--left-rail-width, 280px) 6px minmax(0,1fr) var(--right-handle-width, 6px) var(--right-panel-width, 300px);background:var(--surface-primary);font-size:calc(14px * var(--ui-scale, 1));overflow:hidden;position:relative;padding-top:max(4px,env(safe-area-inset-top))}@media (max-width: 768px){.app-shell{padding-top:max(36px,env(safe-area-inset-top))}}@media (max-height: 600px){.app-shell{padding-top:max(32px,env(safe-area-inset-top))}}.panel{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-elevated);padding:14px;box-shadow:var(--shadow-card);transition:border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal)}.panel:hover{border-color:var(--border-default);box-shadow:0 4px 18px #00000059}.left-rail,.right-panel,.center-stage,.center-chat{display:flex;flex-direction:column}.resize-handle{width:100%;height:100%;cursor:pointer;position:relative;z-index:20;background:var(--sidebar-matte-color);opacity:0;transition:background var(--transition-fast),opacity var(--transition-normal)}.resize-handle:after{content:"";position:absolute;top:0;bottom:0;width:16px;left:50%;transform:translate(-50%);background:transparent;pointer-events:auto}.resize-handle:before{content:"";position:absolute;top:0;bottom:0;width:2px;left:50%;transform:translate(-50%);background:var(--sidebar-matte-color);transition:background var(--transition-fast),opacity var(--transition-normal);border-radius:1px;z-index:1;pointer-events:none;opacity:0}.resize-handle:hover,.resize-handle:active{background:var(--sidebar-matte-color);opacity:.62}.resize-handle:hover:before,.resize-handle:active:before{background:var(--sidebar-matte-color);opacity:.72}.resize-handle:active{opacity:.78}.resize-handle:active:before{opacity:.84}.resize-handle-left{grid-column:2}.resize-handle-right{grid-column:4}.resize-handle-right:after{left:0;transform:none}.left-rail.rail-collapsed,.right-panel.rail-collapsed{overflow:hidden;padding:0;min-width:0;width:0;opacity:0;pointer-events:none;transition:width var(--transition-slow),opacity var(--transition-normal),padding var(--transition-slow)}.left-rail.rail-collapsed+.resize-handle-left{width:6px}.left-rail{grid-column:1;min-width:0;background:transparent;border-right:1px solid var(--border-subtle);padding:0;overflow:hidden;gap:0;backdrop-filter:none;-webkit-backdrop-filter:none}.rail-list-item{display:flex;flex-direction:row;align-items:stretch;gap:0;padding:4px 0}.rail-list-item-image{width:60px;height:auto;min-width:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md) 0 0 var(--radius-md);overflow:hidden;border:1px solid var(--glass-border);border-right:none;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);aspect-ratio:3 / 2}.rail-list-item-image img{width:100%;height:100%;object-fit:contain}.rail-list-item-content{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1 1 auto}.rail-list-item-content .pill-select{flex:1 1 auto;display:flex;flex-direction:column}.rail-list-item-content button.pill-select-trigger.custom-select-trigger{border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:none;flex:1 1 auto;display:flex;align-items:center}@container rail-section (max-width: 180px){.rail-list-item{flex-direction:column;align-items:flex-start}.rail-list-item-image{border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--glass-border);border-bottom:none;width:60px;min-width:60px}.rail-list-item-content button.pill-select-trigger.custom-select-trigger,.rail-profile-pill{border-radius:0 0 var(--radius-md) var(--radius-md);border-left:1px solid var(--glass-border);border-top:none}.rail-profile-wrap .rail-list-item-image{border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--glass-border);border-bottom:none}}.rail-profile-wrap{position:relative;z-index:2}.rail-profile-pill{border-radius:0 var(--radius-md) var(--radius-md) 0;padding:6px 12px;font-size:.76rem;font-weight:700;border:1px solid var(--glass-border);border-left:none;background:var(--glass-bg);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;cursor:pointer;width:auto;flex:1 1 auto;overflow:visible}.rail-profile-wrap .rail-list-item-image .rail-profile-avatar-btn{background:transparent;border:none;overflow:visible}.brand-wordmark{display:inline-flex;align-items:center;gap:8px}.brand-reset-button{border:0;padding:0;background:transparent;color:inherit;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-sm);transition:opacity var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast)}.brand-reset-button:hover{opacity:.92;filter:brightness(1.04)}.brand-reset-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-35)}.rail-profile-avatar-btn{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;padding:0;position:relative;flex-shrink:0;background:transparent;border:none;overflow:visible}.rail-profile-menu-note{width:100%;margin-top:2px}.rail-profile-avatar-btn .chat-avatar,.rail-profile-avatar-btn .chat-avatar-fallback{width:100%;height:100%;border-radius:0}.rail-profile-dot{position:absolute;right:2px;bottom:2px;width:9px;height:9px;border:1px solid var(--bg-surface)}.brand-feather-logo,.brand-name-logo{height:22px;width:auto;flex-shrink:0}.rail-profile-hearts{display:flex;align-items:center;gap:2px}.rail-profile-heart{width:14px;height:14px;object-fit:contain;flex-shrink:0;image-rendering:pixelated}.hearts-tooltip-wrapper{position:relative;display:flex;align-items:center}.hearts-tooltip{display:none;position:absolute;left:0;top:100%;margin-top:8px;z-index:10200;pointer-events:none}.hearts-tooltip-wrapper:hover .hearts-tooltip{display:block}.hearts-breakdown{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px;white-space:nowrap;box-shadow:var(--glass-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:210px}.hearts-breakdown-item{display:flex;align-items:center;gap:8px;font-size:.78rem}.hearts-breakdown-item.locked{opacity:.38}.hearts-breakdown-icons{display:flex;gap:2px;align-items:center;flex-shrink:0;min-width:42px}.hearts-breakdown-heart{width:13px;height:13px;object-fit:contain;image-rendering:pixelated}.hearts-breakdown-label{flex:1;font-weight:500;color:var(--text-primary)}.hearts-breakdown-check{color:var(--accent);font-weight:700;font-size:.85rem;margin-left:auto}.rail-profile-name-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 5px;min-width:0}.rail-profile-name{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.rail-profile-tag{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:3px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);flex-shrink:0;white-space:nowrap}.rail-brand-footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:10px 14px;margin:4px 0 0;border-top:1px solid var(--glass-border)}.rail-section{padding:6px 14px 8px;container-type:inline-size;container-name:rail-section}.rail-rooms{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column;position:relative;margin-bottom:8px;border-bottom:none;container-type:inline-size}.rail-tab-content{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:var(--radius-md)}.rail-tab-content>*{position:relative;z-index:1}.rail-tab-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-surface) 52%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:none;z-index:0}.rail-tab-content.rail-tab-content-places:before{display:none}.rail-tab-content.rail-tab-content-arcade:before{display:none}:root[data-color-mode=light] .rail-tab-content:before{background:color-mix(in srgb,#ffffff 12%,transparent)}.rail-section h3{margin:0 0 10px;font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.sidebar-friends-tab{flex:1;overflow-y:auto;min-height:0;padding:4px 2px}.friends-heading{display:flex;align-items:center;justify-content:space-between;margin:0;padding:6px 8px;font-size:12px;font-weight:700;color:var(--text-secondary)}.friend-search-btn{background:var(--accent-8);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:3px 8px;font-size:.85rem;cursor:pointer;color:var(--text-secondary);transition:background .12s,border-color .12s}.friend-search-btn:hover{background:var(--accent-20);border-color:var(--border-default)}.friend-search-modal{width:min(480px,92vw);max-height:75vh;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--elevated-98) 0%,var(--elevated-99) 100%);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px;box-shadow:0 32px 80px #0009,0 0 40px var(--accent-6);animation:modal-in .25s ease}.friend-search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.friend-search-header h2{font-size:1.05rem;font-weight:700;margin:0}.friend-search-input-wrap{margin-bottom:12px}.friend-search-input{width:100%;padding:8px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--input-bg, rgba(255, 255, 255, .06));color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .15s;box-sizing:border-box}.friend-search-input:focus{border-color:var(--accent)}.friend-search-results{flex:1;overflow-y:auto;min-height:0}.friend-search-loading,.friend-search-empty{text-align:center;padding:20px 0;color:var(--text-secondary);font-size:.85rem}.friend-search-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:var(--radius-sm);transition:background .12s}.friend-search-row:hover{background:var(--hover-bg)}.friend-search-avatar .chat-avatar{width:36px;height:36px;border-radius:50%}.friend-search-info{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.friend-search-name{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-search-badges{display:flex;gap:4px;align-items:center;flex-shrink:0}.friend-search-badge-icon{width:16px;height:16px;border-radius:3px;object-fit:contain}.friend-search-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.friend-search-action-btn{padding:4px 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:.78rem;cursor:pointer;transition:background .12s,border-color .12s}.friend-search-action-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--accent)}.friend-search-action-btn.sent{opacity:.6;cursor:default}.status-dropdown-trigger-inline{display:inline-flex;align-items:center;gap:4px;padding:1px 4px 1px 0;margin:0;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-primary);cursor:pointer;font-size:.72rem;text-align:left;transition:color var(--transition-fast),background var(--transition-fast)}.presence-dot.custom{background:var(--accent)}.status-modal-option{background:none;border:1px solid transparent;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left;transition:background var(--transition-fast),border-color var(--transition-fast)}.status-modal-option:hover{background:var(--deep-25);border-color:var(--accent-15)}.status-modal-option.selected{background:var(--accent-15);border-color:var(--accent-30)}.status-modal-steam-btn{color:var(--text-secondary)}.status-modal-steam-btn:hover{background:var(--bg-hover);color:var(--accent)}.status-modal-steam-btn .steam-icon{flex-shrink:0}.status-modal-divider{height:1px;background:var(--border-subtle);margin:6px 0}.status-modal-game-section{display:flex;align-items:center;gap:8px;padding:4px 0}.status-modal-game-input-wrap{position:relative;flex:1;display:flex;align-items:center}.status-modal-game-icon{position:absolute;left:8px;font-size:.82rem;pointer-events:none}.status-modal-game-input{width:100%;background:var(--surface-60);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 26px 6px 28px;font-size:.82rem;color:var(--text-primary)}.status-modal-game-input::placeholder{color:var(--text-muted)}.status-modal-game-input:focus{outline:none;border-color:var(--accent-50)}.status-modal-game-clear{position:absolute;right:4px;background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0 4px;line-height:1}.status-modal-game-clear:hover{color:var(--text-primary)}.status-modal-game-suggestions{position:absolute;top:100%;left:0;right:0;z-index:300;list-style:none;margin:2px 0 0;padding:4px 0;background:var(--elevated-98);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);max-height:180px;overflow-y:auto;box-shadow:0 8px 24px #00000080}.status-modal-game-suggestion{padding:5px 10px;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.status-modal-game-suggestion:hover{background:var(--accent-15);color:var(--text-primary)}.status-modal-lfg-label{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.status-modal-lfg-label input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.sidebar-friends-list{display:flex;flex-direction:column;gap:1px;overflow-y:auto;min-height:0}.offline-friends-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;margin-top:4px;border:none;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.02em;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.offline-friends-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.sidebar-friend-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-primary);cursor:pointer;width:100%;text-align:left;transition:background var(--transition-fast),transform var(--transition-fast);animation:sidebar-friend-enter .2s ease both}.sidebar-friend-row:hover{background:var(--bg-hover);transform:translate(2px)}.sidebar-friend-row:active{transform:scale(.98)}.steam-sync-row{border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--accent-10) 70%,transparent)}.steam-sync-row:hover:not(:disabled){background:color-mix(in srgb,var(--accent-20) 80%,transparent)}.steam-sync-row:disabled{cursor:progress;opacity:.8;transform:none}.sidebar-friend-row-wrap{display:flex;flex-direction:column}.sidebar-friend-row-static{cursor:default}.sidebar-friend-row-static:hover{transform:none}.sidebar-friend-row-pending{border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-hover) 55%,transparent)}.sidebar-friend-meta{font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-friend-inline-actions{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.sidebar-friends-list-pending{margin-bottom:8px}.status-reaction-row{display:flex;gap:4px;margin-top:3px;flex-wrap:wrap}.status-reaction-btn{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0a;color:var(--text-muted);font-size:.72rem;cursor:pointer;transition:all .15s ease;line-height:1.4}.status-reaction-btn:hover{background:#ffffff1a;border-color:#fff3}.status-reaction-btn.active{background:#64c7e826;border-color:#64c7e866;color:var(--accent)}.status-reaction-btn.has-count{font-weight:600}.steam-friend-row{cursor:default}.steam-add-friend-btn{margin-left:auto;padding:4px 8px;border:1px solid var(--accent-40);border-radius:var(--radius-sm);background:var(--accent-10);color:var(--accent);font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;line-height:1}.steam-add-friend-btn:hover:not(:disabled){background:var(--accent-25);border-color:var(--accent-60)}.steam-add-friend-btn.sent{opacity:.5;cursor:default;border-color:var(--accent-20)}.invite-btn-logo{width:18px;height:18px;border-radius:2px;object-fit:contain;vertical-align:middle;border:none!important}.collapse-arrow{display:inline-block;transition:transform .2s ease;font-size:.8em;line-height:1}.collapse-arrow.collapsed{transform:rotate(-90deg)}.friend-action-buttons{display:flex;gap:2px;margin-left:auto;flex-shrink:0;padding-right:4px}.friend-action-btn{border:none;background:transparent;cursor:pointer;font-size:.8rem;padding:2px 4px;border-radius:var(--radius-sm);opacity:.6;transition:all .15s ease;line-height:1}.friend-action-btn:hover:not(.disabled){opacity:1;background:#ffffff14}.friend-action-btn.disabled{opacity:.2;cursor:default;pointer-events:none}.sidebar-friend-avatar{position:relative;flex-shrink:0}.sidebar-friend-avatar .chat-avatar{width:30px!important;height:30px!important;font-size:.72rem!important;aspect-ratio:1 / 1}.steam-sync-avatar{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--bg-surface) 45%,var(--accent-10));color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-subtle)}.steam-sync-avatar svg{opacity:.9}.sidebar-friend-avatar .presence-dot{width:8px;height:8px;bottom:-1px;right:-2px;border-width:1.5px}.sidebar-friend-name{flex:1;min-width:0;font-size:.84rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-friend-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}.sidebar-friend-steam-name{display:flex;align-items:center;gap:3px;font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.steam-icon-tiny{flex-shrink:0;opacity:.8}.sidebar-friend-status{flex-shrink:0;font-size:.68rem;font-weight:600}.sidebar-friend-status.online{color:#43b581}.sidebar-friend-status.idle{color:#faa61a}.sidebar-friend-status.offline{color:#99a3ad}.create-room-btn{width:100%;padding:8px 12px;margin-top:4px;font-size:.82rem;font-weight:600;background:transparent;border:1px dashed var(--accent-25);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-normal),border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-fast)}.create-room-btn:hover:not(:disabled){border-color:var(--theme-blue);color:var(--theme-sky);background:var(--accent-8);box-shadow:0 0 10px var(--accent-6);transform:translateY(-1px)}.create-room-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.create-room-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--accent-12);color:var(--text-muted)}@keyframes channel-expand{0%{opacity:0;max-height:0;transform:scaleY(.7);padding-bottom:0}to{opacity:1;max-height:600px;transform:scaleY(1);padding-bottom:6px}}.channel-pill-row{display:flex;flex-direction:column;gap:14px;padding-top:2px}.channel-type-picker{display:flex;gap:8px;margin-top:4px}.channel-type-btn{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);font-size:.82rem;cursor:pointer;transition:all var(--transition-fast)}.channel-type-btn.active{border-color:var(--theme-blue);color:var(--theme-sky);background:var(--accent-10)}.channel-type-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-secondary)}.create-channel-modal{max-width:360px}.voice-dock-channel-name{font-size:.85em;font-weight:400;color:var(--text-secondary)}.room.in-voice{border-left:3px solid var(--success);padding-left:9px}.rail-install-btn{padding:0}.rail-install-image{width:20px;height:20px;object-fit:contain;display:block}.app-version{font-size:.6rem;color:var(--text-muted, #555);opacity:.5;margin-left:auto;-webkit-user-select:none;user-select:none;letter-spacing:.03em}.rail-dock,.voice-dock{margin:0!important;padding:8px!important;gap:6px;display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface-primary) 45%,transparent)!important;border:1px solid var(--border-subtle)!important;border-left:none!important;border-radius:var(--radius-md)!important;flex-shrink:0;box-shadow:none;animation:none;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;max-height:min(72vh,760px);overflow:hidden}.voice-dock-active{margin-bottom:0;border-radius:0!important}.voice-dock-floating{position:fixed;z-index:9999;width:280px;max-height:min(72vh,760px);border-radius:var(--radius-md)!important;box-shadow:0 8px 32px #00000073,0 0 0 1px var(--border-subtle);cursor:grab;transition:box-shadow var(--transition-fast);margin-bottom:0}.voice-dock-floating:active{cursor:grabbing}.voice-dock-floating .voice-dock-header{cursor:grab}.voice-dock-floating .voice-dock-header:active{cursor:grabbing}.voice-dock-active:empty,.voice-dock-active:not(:has(*)){display:none}.dock-title-stack{min-width:0;display:flex;flex-direction:column;gap:2px}.stream-dock-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);padding:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.stream-dock-main{min-width:0;display:flex;flex-direction:column;gap:2px}.stream-dock-main strong{font-size:.8rem;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-dock-meta,.stream-dock-stats{color:var(--text-muted);font-size:.7rem;line-height:1.2}.stream-dock-actions{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.voice-dock-preview{margin-top:auto;margin-bottom:0;border-top:none!important}.voice-dock-active{border-top:none!important;margin-top:auto}.voice-dock-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.dock-header-pill{display:inline-flex;align-items:center;min-height:22px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-35),var(--border-subtle));background:color-mix(in srgb,var(--accent-20),var(--surface-60));color:var(--text-primary);font-size:.68rem;font-weight:700;white-space:nowrap}.voice-dock-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary)}.voice-dock-room-name{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.01em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}.join-voice-button{width:100%;padding:6px;font-weight:600;font-size:.8rem;background:var(--success);border:1px solid transparent;border-radius:var(--radius-sm);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform 80ms ease}.join-voice-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.join-voice-button:hover:not(:disabled){background:#58b882;box-shadow:0 0 12px #4a9e724d}.join-voice-button:active:not(:disabled){transform:scale(.97)}.join-voice-button--active{background:var(--danger, #c0392b)}.join-voice-button--active:hover:not(:disabled){background:#e74c3c;box-shadow:0 0 12px #c0392b4d}.voice-join-split{position:relative;display:flex;flex:1;min-width:0}.voice-join-split .voice-join-main{flex:1;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0;border-right:1px solid rgba(255,255,255,.18)}.voice-join-chevron-btn{flex-shrink:0;width:26px;padding:0;background:var(--success);border:1px solid transparent;border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-top-left-radius:0;border-bottom-left-radius:0;color:#fff;font-size:.65rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.voice-join-chevron-btn:hover:not(:disabled){background:#58b882}.voice-join-chevron-btn:disabled{opacity:.45;cursor:default}.voice-join-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:300;min-width:100%;background:var(--surface-80);border:1px solid var(--accent-35);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 16px #00000059}.voice-join-dropdown-item{display:block;width:100%;padding:8px 12px;text-align:left;background:transparent;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:background var(--transition-fast)}.voice-join-dropdown-item:hover{background:var(--accent-12)}.voice-join-dropdown-item.is-selected{color:var(--success);font-weight:700}.voice-dock-action-row{display:flex;gap:8px;padding:0}.voice-dock-action-row .join-voice-button{flex:1}.stream-go-live-button{display:inline-flex;align-items:center;justify-content:center;gap:0;width:36px;min-width:36px;height:36px;padding:0;font-weight:600;font-size:.8rem;background:color-mix(in srgb,var(--danger) 18%,var(--surface-primary));border:1px solid color-mix(in srgb,var(--danger) 48%,var(--border-subtle));border-radius:var(--radius-sm);color:color-mix(in srgb,var(--danger) 84%,var(--text-primary));cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform 80ms ease,border-color var(--transition-fast)}.stream-go-live-button:hover{background:color-mix(in srgb,var(--danger) 26%,var(--surface-primary));border-color:color-mix(in srgb,var(--danger) 64%,var(--border-subtle));box-shadow:0 0 14px color-mix(in srgb,var(--danger) 26%,transparent)}.stream-go-live-button:active{transform:scale(.97)}.stream-go-live-button svg{flex-shrink:0}.voice-leave-button{border:1px solid color-mix(in srgb,var(--danger) 55%,var(--border-subtle));background:color-mix(in srgb,var(--danger) 22%,var(--surface-primary));color:color-mix(in srgb,var(--danger) 78%,var(--text-primary))}.voice-leave-button:hover{border-color:color-mix(in srgb,var(--danger) 72%,var(--border-subtle));background:color-mix(in srgb,var(--danger) 30%,var(--surface-primary));color:color-mix(in srgb,var(--danger) 88%,var(--text-primary))}.voice-leave-button:active{transform:scale(.98)}.voice-dock h3{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.voice-dock-list{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;max-height:min(52vh,520px);overflow-y:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable}.voice-mic-warning{width:100%;border:1px solid color-mix(in srgb,var(--warning) 60%,var(--border-subtle));background:color-mix(in srgb,var(--warning) 15%,var(--surface-primary));color:color-mix(in srgb,var(--warning) 75%,var(--text-primary));border-radius:var(--radius-sm);display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;padding:7px 9px;text-align:left}.voice-mic-warning:hover{border-color:color-mix(in srgb,var(--warning) 78%,var(--border-default));background:color-mix(in srgb,var(--warning) 25%,var(--surface-primary))}.voice-mic-warning-icon{font-size:.82rem}.voice-mic-warning-text{font-size:.72rem;font-weight:600;min-width:0;overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word;line-height:1.25}.voice-mic-warning-action{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.voice-mic-troubleshooting{border:1px solid color-mix(in srgb,var(--warning) 45%,var(--border-subtle));background:color-mix(in srgb,var(--warning) 8%,var(--bg-surface));border-radius:var(--radius-sm);padding:8px;display:flex;flex-direction:column;gap:8px}.voice-mic-troubleshooting-list{border-top:1px solid color-mix(in srgb,var(--warning) 35%,var(--border-subtle));padding-top:6px;display:flex;flex-direction:column;gap:4px}.voice-mic-troubleshooting-list p{margin:0;font-size:.7rem;color:var(--text-secondary);line-height:1.3}.mic-permission-gate{flex:1;display:flex;flex-direction:column;gap:6px}.mic-permission-gate--prompt .join-voice-button--enable-mic{background:var(--accent-primary, #6c63ff);border-color:transparent}.mic-permission-gate--prompt .join-voice-button--enable-mic:hover:not(:disabled){background:color-mix(in srgb,var(--accent-primary, #6c63ff) 80%,#fff)}.mic-permission-gate--blocked .join-voice-button--blocked{background:color-mix(in srgb,var(--danger) 22%,var(--surface-primary));border:1px solid color-mix(in srgb,var(--danger) 55%,var(--border-subtle));color:color-mix(in srgb,var(--danger) 78%,var(--text-primary))}.mic-permission-gate--blocked .join-voice-button--blocked:hover{background:color-mix(in srgb,var(--danger) 30%,var(--surface-primary))}.mic-permission-hint{font-size:.66rem;color:var(--text-muted);text-align:center;line-height:1.2}.mic-permission-instructions{border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border-subtle));background:color-mix(in srgb,var(--danger) 8%,var(--bg-surface));border-radius:var(--radius-sm);padding:8px 10px}.mic-permission-instructions-title{margin:0 0 6px;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.mic-permission-instructions-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:3px}.mic-permission-instructions-list li{font-size:.68rem;color:var(--text-secondary);line-height:1.3}.mic-status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:99px;font-size:.65rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.mic-status-pill--blocked{background:color-mix(in srgb,var(--danger) 18%,var(--surface-primary));border:1px solid color-mix(in srgb,var(--danger) 48%,var(--border-subtle));color:color-mix(in srgb,var(--danger) 82%,var(--text-primary))}.voice-dock-empty-state,.stream-dock-empty-state{padding:10px!important;border-radius:0!important;box-shadow:0 10px 24px #0003}.voice-dock-empty-state .voice-dock-list,.stream-dock-empty-state .voice-dock-list{max-height:none}.voice-dock-empty-state .voice-dock-empty,.stream-dock-empty-state .voice-dock-empty{border-top:1px solid var(--border-subtle);margin-top:2px;padding-top:10px}.voice-dock-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-height:52px;flex-shrink:0;overflow:hidden;transition:border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal)}.voice-dock-row:hover{border-color:var(--border-default);background:var(--bg-hover);box-shadow:0 2px 12px #00000040}.voice-dock-row.speaking{border-color:#43b5818c;background:#264f3e40;box-shadow:0 0 8px #43b58133}.voice-dock-avatar.speaking .chat-avatar{outline:2px solid #43b581;outline-offset:-1px;border-radius:6px}.voice-dock-meta strong.speaking{color:#43b581;text-shadow:0 0 6px rgba(67,181,129,.5)}.voice-dock-avatar{display:flex;align-items:center;justify-content:center;padding:0;width:66px;height:44px;flex-shrink:0;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden}.voice-dock-avatar .chat-avatar{width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover}.voice-dock-main{display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:auto 44px;column-gap:10px;row-gap:2px;min-width:0;padding:4px 8px}.voice-dock-meta{grid-column:1;grid-row:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.voice-dock-meta-right{min-width:0;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.voice-dock-name-row{min-width:0;display:flex;align-items:center;gap:6px}.voice-dock-volume-inline{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:2px 6px;border-radius:999px;border:1px solid var(--accent-24);background:color-mix(in srgb,var(--accent-14) 68%,var(--surface-primary));color:var(--text-muted);font-size:.62rem;font-weight:700;line-height:1;letter-spacing:.03em;flex-shrink:0;margin-left:auto}.voice-camera-badge{border:1px solid var(--accent-30);border-radius:999px;background:color-mix(in srgb,var(--accent-14) 75%,var(--surface-primary));color:var(--text-primary);font-size:.58rem;font-weight:700;letter-spacing:.08em;line-height:1;padding:3px 6px;flex-shrink:0}.voice-screen-badge{border-color:var(--info-40, var(--accent-30));background:color-mix(in srgb,var(--info-16, var(--accent-14)) 70%,var(--surface-primary))}.voice-dock-meta strong{font-size:.78rem;font-weight:600}.voice-dock-meta strong,.voice-dock-meta small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-dock-meta small{color:var(--text-muted);font-size:.72rem;flex-shrink:0;max-width:14ch;text-align:right}.voice-dock-media{grid-column:1;grid-row:2;display:grid;grid-template-columns:66px minmax(0,1fr);align-items:stretch;gap:10px}.voice-dock-slider-wrap{grid-column:2;grid-row:1 / span 2;display:flex;align-items:stretch;justify-content:center;height:100%}.voice-level-wave-frame{width:100%;min-width:0;height:44px;aspect-ratio:auto;background:var(--accent-8);border:1px solid var(--accent-15);border-radius:8px;box-shadow:none;overflow:hidden}.voice-dock-mixer-slider{height:100%}.mixer-slider-shell{width:100%;min-width:0;height:100%;display:flex;align-items:stretch;justify-content:center;-webkit-user-select:none;user-select:none}.mixer-slider{width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;cursor:ns-resize;touch-action:none}.mixer-slider.disabled{opacity:.55;cursor:default}.mixer-slider:focus-visible{outline:none}.mixer-slider:focus-visible .mixer-slider-chassis{outline:2px solid var(--accent-55);outline-offset:2px}.mixer-slider-chassis{position:relative;width:100%;height:100%;border-radius:10px;border:1px solid var(--border-default);background:color-mix(in srgb,var(--accent) 12%,var(--surface-primary));box-shadow:inset 0 1px 3px #0000002e;overflow:hidden}.mixer-slider-guides{position:absolute;top:5px;right:0;bottom:5px;left:0;display:grid;grid-template-rows:repeat(7,1fr);justify-items:center;pointer-events:none}.mixer-slider-guide{width:10px;height:1px;background:var(--border-default)}.mixer-slider-slot{position:absolute;top:5px;bottom:5px;left:50%;width:6px;transform:translate(-50%);border-radius:999px;background:color-mix(in srgb,var(--accent) 22%,var(--surface-primary));box-shadow:inset 0 0 0 1px var(--border-subtle),inset 0 1px 2px #00000038}.mixer-slider-fill{position:absolute;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 40%,var(--surface-primary)),var(--accent));box-shadow:0 0 10px var(--accent-glow)}.mixer-slider-thumb{position:absolute;left:50%;width:18px;height:14px;transform:translate(-50%);border-radius:4px;background:linear-gradient(180deg,var(--accent-hover),var(--accent));border:1px solid color-mix(in srgb,var(--accent) 60%,var(--text-primary));box-shadow:0 2px 7px #00000047,inset 0 1px #ffffff26;pointer-events:none}.mixer-slider-thumb-grip{position:absolute;top:3px;right:4px;bottom:3px;left:4px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--deep-35) 0,var(--deep-35) 2px,var(--accent-15) 2px,var(--accent-15) 3px)}.voice-dock-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding-top:3px;border-top:1px solid var(--accent-8)}.ptt-indicator{grid-column:1 / -1;text-align:center;font-size:.78rem;padding:6px 8px;border-radius:var(--radius-sm);background:#0d152a99;color:var(--text-muted);border:1px solid var(--accent-12);transition:background .12s ease,color .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.ptt-indicator.active{background:#264f3e73;color:#43b581;border-color:#43b58180;box-shadow:0 0 8px #43b58140}.ptt-indicator.compact{font-size:.72rem;padding:5px 6px}.settings-hint{display:block;font-size:.72rem;color:var(--text-muted);margin-top:2px;line-height:1.4}.settings-hint kbd{display:inline-block;padding:1px 5px;background:var(--accent-12);border:1px solid var(--accent-20);border-radius:3px;font-family:inherit;font-size:.7rem}.icon-button{width:36px;height:36px;display:grid;place-items:center;font-size:1rem;border-radius:var(--radius-sm);padding:0}.center-stage{grid-column:3;min-width:0;min-height:0;height:100vh;overflow:hidden}.center-chat,.left-rail,.right-panel{--center-chat-gradient-top: var(--theme-deep);--center-chat-gradient-bottom: var(--bg-surface)}.center-chat{background:var(--surface-primary);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);padding:0;height:auto;min-height:0;flex:1 1 0;gap:0;position:relative}:root[data-color-mode=dark] .center-chat,:root[data-color-mode=dark] .left-rail,:root[data-color-mode=dark] .right-panel{--center-chat-gradient-top: color-mix( in srgb, var(--theme-sky) 46%, var(--theme-deep) 54% );--center-chat-gradient-bottom: var(--bg-surface)}:root[data-color-mode=light] .center-chat,:root[data-color-mode=light] .left-rail,:root[data-color-mode=light] .right-panel{--center-chat-gradient-top: color-mix( in srgb, var(--theme-deep) 64%, #ffffff 36% );--center-chat-gradient-bottom: var(--bg-surface)}:root[data-color-mode=light]{--glass-bg: color-mix(in srgb, #ffffff 42%, var(--theme-deep) 12%);--glass-bg-strong: color-mix(in srgb, #ffffff 58%, var(--theme-deep) 14%);--glass-border: color-mix( in srgb, var(--accent) 22%, rgba(255, 255, 255, .72) );--glass-highlight: rgba(255, 255, 255, .42);--glass-shadow: 0 10px 24px rgba(24, 42, 52, .12)}.dither-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(var(--dgs-columns, 1),1fr);grid-auto-rows:var(--dgs-cell-size, 10px);pointer-events:none;z-index:0;opacity:var(--dgs-overlay-opacity, 1)}.dither-gradient-cell{background:var(--dgs-end-color, transparent)}.center-chat-vertical-pixels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.center-chat-vertical-pixels,.sidebar-vertical-pixels{--dgs-start-color: var(--center-chat-gradient-top);--dgs-end-color: var(--center-chat-gradient-bottom);--pixel-contrast-signed: calc((var(--pixel-contrast) - .5) * 2)}:root[data-color-mode=dark] .center-chat-vertical-pixels{opacity:calc((.62 + (var(--pixel-contrast-signed) * .28)) * var(--room-pixel-opacity, 1));mix-blend-mode:normal;filter:saturate(calc(.88 + (var(--pixel-contrast-signed) * .2))) contrast(calc(.95 + (var(--pixel-contrast-signed) * .35)))}:root[data-color-mode=dark] .sidebar-vertical-pixels .dither-gradient-overlay{opacity:calc(.62 + (var(--pixel-contrast-signed) * .28));mix-blend-mode:normal;filter:saturate(calc(.88 + (var(--pixel-contrast-signed) * .2))) contrast(calc(.95 + (var(--pixel-contrast-signed) * .35)))}:root[data-color-mode=light] .center-chat-vertical-pixels{opacity:calc((.5 + (var(--pixel-contrast-signed) * .32)) * var(--room-pixel-opacity, 1));mix-blend-mode:normal;filter:saturate(calc(.84 + (var(--pixel-contrast-signed) * .24))) contrast(calc(.92 + (var(--pixel-contrast-signed) * .38)))}:root[data-color-mode=light] .sidebar-vertical-pixels .dither-gradient-overlay{opacity:calc(.5 + (var(--pixel-contrast-signed) * .32));mix-blend-mode:normal;filter:saturate(calc(.84 + (var(--pixel-contrast-signed) * .24))) contrast(calc(.92 + (var(--pixel-contrast-signed) * .38)))}.sidebar-vertical-pixels{width:100%;height:100%;background:transparent!important}.sidebar-vertical-pixels .dither-gradient-overlay{display:none!important}.sidebar-gradient-content{position:relative;z-index:1;width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.sidebar-gradient-content:before{content:none}.left-rail .dither-gradient-surface,.right-panel .dither-gradient-surface,.left-rail .dither-gradient-overlay,.right-panel .dither-gradient-overlay{display:none!important}@keyframes share-toast-in{0%{opacity:0;transform:translateY(-50%) translate(8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.chat-footer{padding:8px 20px 12px;display:flex;align-items:center;gap:20px;flex-shrink:0;transition:background var(--transition-normal)}.chat-footer-community-btn{display:none;width:36px;height:36px;padding:0;border:1px solid var(--accent-35);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--accent-12) 0%,var(--surface-90) 100%);align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.chat-footer-community-btn:hover{background:linear-gradient(180deg,var(--accent-20) 0%,var(--surface-90) 100%);border-color:var(--accent-60)}.chat-footer .chat-attach-btn,.chat-footer-format-toolbar .composer-format-toggle-btn,.chat-footer-format-toolbar .composer-format-btn{box-shadow:none}.chat-footer-community-btn img{width:18px;height:18px;object-fit:contain}.chat-footer-names{display:flex;flex-direction:column;gap:4px;min-width:0;flex-shrink:0}.chat-footer-names[role=button]{cursor:pointer}.chat-footer-place-name{font-size:1rem;font-weight:700;margin:0;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-footer-room-name{font-size:.85rem;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-footer-toolbar{display:flex;align-items:center;gap:12px;flex:1;min-width:0;overflow-x:auto}.chat-footer-format-toolbar{display:flex;align-items:center;gap:8px;border:none;background:transparent;padding:0;width:100%}.chat-footer-format-toolbar>.composer-toolbar-actions{margin-left:auto}.chat-footer-format-toolbar .composer-toolbar-actions .composer-format-actions{flex:0 1 auto;overflow-x:visible}.chat-footer-format-toolbar .composer-format-toggle-btn{display:inline-flex;width:36px;height:36px;padding:0;flex-shrink:0;background:linear-gradient(180deg,var(--accent-12) 0%,var(--surface-90) 100%);border:1px solid var(--accent-35);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.88rem;transition:background var(--transition-fast),border-color var(--transition-fast)}.chat-footer-format-toolbar .composer-format-toggle-btn:hover{background:linear-gradient(180deg,var(--accent-20) 0%,var(--surface-90) 100%);border-color:var(--accent-60)}.chat-footer-format-toolbar .composer-format-toggle-btn.is-active{background:linear-gradient(180deg,var(--accent-20) 0%,var(--surface-90) 100%);border-color:var(--accent-60);box-shadow:0 10px 20px #07181d38;color:var(--text-primary)}.chat-footer-format-toolbar .composer-format-actions:not(.format-actions-visible){display:none}.chat-footer-format-toolbar .composer-format-actions.format-actions-visible{animation:format-actions-slide-in .2s cubic-bezier(.4,0,.2,1)}.chat-footer-format-toolbar .composer-format-btn{height:36px;min-height:36px;padding:0 10px;background:linear-gradient(180deg,var(--accent-12) 0%,var(--surface-90) 100%);border:1px solid var(--accent-35);border-radius:var(--radius-md)}.chat-footer-format-toolbar .composer-format-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--accent-20) 0%,var(--surface-90) 100%);border-color:var(--accent-60)}.chat-footer-info-btn,.chat-footer-community-btn-tall,.chat-footer-community-label{display:none}.chat-footer-main-rows,.chat-footer-bottom-row{display:contents}.chat-footer-voice-row{display:none}@media (max-width: 780px){.chat-footer{align-items:stretch;flex-direction:row;gap:0;padding:8px 12px 12px;overflow:hidden}.chat-footer-toolbar .chat-footer-community-btn:not(.chat-footer-community-btn-tall){display:none}.chat-footer-community-btn-tall{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:44px;flex-shrink:0;padding:6px 0;border:1px solid var(--accent-35);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--accent-12) 0%,var(--surface-90) 100%);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);margin-right:10px;align-self:stretch}.chat-footer-community-btn-tall:hover{background:linear-gradient(180deg,var(--accent-20) 0%,var(--surface-90) 100%);border-color:var(--accent-60)}.chat-footer-community-btn-tall img{width:18px;height:18px;object-fit:contain}.chat-footer-community-label{display:block;font-size:.65rem;font-weight:700;letter-spacing:.06em;color:var(--text-secondary);line-height:1}.chat-footer-main-rows{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.chat-footer-names{flex-direction:row;align-items:baseline;gap:6px}.chat-footer-room-name:before{content:"·";margin-right:6px;opacity:.5}.chat-footer-bottom-row{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;overflow:hidden}.chat-footer-voice-row{display:flex;align-items:stretch;flex-shrink:0;min-width:0}.chat-footer-voice-row .join-voice-button,.chat-footer-voice-row .voice-join-split{font-size:.82rem}.chat-footer-toolbar{flex:1;min-width:0;overflow:hidden}.chat-footer-format-toolbar{width:100%}.chat-footer-info-btn{display:inline-flex}}.chat-feed{flex:1;overflow-y:auto;overflow-anchor:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px}.chat-feed-shell{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.chat-feed-upcoming-events{position:absolute;top:0;left:0;right:0;z-index:2;padding:8px 16px 0;pointer-events:none}.chat-feed-upcoming-events:empty{display:none}.chat-empty{color:var(--text-muted);font-size:.88rem;text-align:center;padding:48px 20px;font-style:italic;display:flex;align-items:center;justify-content:center}.chat-loading-spinner{width:24px;height:24px;border:2.5px solid var(--border-subtle);border-top-color:var(--accent-primary, #6366f1);border-radius:50%;animation:spin .7s linear infinite}.chat-message{position:relative;display:flex;align-items:flex-end;gap:8px;max-width:78%;width:fit-content;animation:message-in .18s ease;padding:2px 0}.chat-message:not(.chat-message-own){align-self:flex-start}.chat-message-own{align-self:flex-end;margin-left:auto;margin-right:0}.chat-message-vote{width:min(100%,720px)}.chat-message-vote .chat-avatar-wrap{align-self:flex-start}.chat-message-vote.chat-message-own .chat-avatar-wrap{align-self:flex-end}.chat-vote-message-shell{display:flex;flex-direction:column;gap:8px;min-width:0;width:min(100%,640px)}.chat-vote-message-header{display:flex;align-items:center;gap:8px;min-width:0;padding:0 4px;color:var(--text-secondary)}.chat-vote-message-header strong{color:var(--text-primary)}.chat-vote-message-header small{color:inherit}.chat-vote-message-header-own{justify-content:flex-end}.chat-bubble{display:flex;flex-direction:column;gap:2px;min-width:0;padding:8px 12px;border-radius:14px 14px 14px 4px;background:var(--surface-80);border:1px solid var(--border-subtle);transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.chat-message:hover .chat-bubble{border-color:var(--border-default)}.chat-message-own .chat-bubble{border-radius:14px 14px 4px;background:var(--deep-45);border-color:var(--accent-glow);text-align:right}.chat-message-own:hover .chat-bubble{border-color:var(--accent-40);box-shadow:0 2px 10px var(--accent-8)}:root[data-color-mode=light][data-themeId=jungle] .chat-bubble{background:#f2f8ef}:root[data-color-mode=light][data-themeId=midnight-blue] .chat-bubble{background:#eff3fb}.chat-bubble.border-glow{border:2px solid var(--border-default);box-shadow:0 0 8px 2px currentColor,0 0 16px 4px currentColor;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 6px 1px currentColor}50%{box-shadow:0 0 14px 4px currentColor}}.chat-message small{color:var(--text-muted);font-size:.68rem}.chat-bubble>span{font-size:.9rem;line-height:1.45;color:var(--text-primary);word-break:break-word}.chat-inline-link{color:var(--theme-sky, #64c7e8);text-decoration:underline;text-underline-offset:2px;word-break:break-all}.chat-inline-link:hover{color:#b5c0d4}.chat-smart-link{display:inline-flex;flex-direction:column;gap:1px;text-decoration:none;color:inherit;word-break:break-word}.chat-smart-link:hover .chat-smart-link-title{text-decoration:underline}.chat-smart-link-title{font-size:.9rem;font-weight:700;color:var(--theme-sky, #64c7e8);line-height:1.35}.chat-smart-link-desc{font-size:.78rem;color:var(--text-secondary, #b5c0d4);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.youtube-embed{position:relative;width:560px;max-width:100%;aspect-ratio:16 / 9;margin-top:6px;border-radius:8px;overflow:hidden;background:#0000004d}.youtube-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.link-preview-card{display:flex;flex-direction:column;margin-top:6px;width:560px;max-width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));background:var(--surface-80);text-decoration:none;color:inherit;transition:border-color var(--transition-normal, .15s),background var(--transition-normal, .15s)}.link-preview-card:hover{border-color:var(--border-default, rgba(255, 255, 255, .15));background:#14203ccc}.link-preview-image{width:100%;max-height:200px;object-fit:cover}.link-preview-body{padding:8px 10px;display:flex;flex-direction:column;gap:3px;min-width:0}.link-preview-site{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-muted, #8a94a6);text-transform:uppercase;letter-spacing:.03em}.link-preview-favicon{width:14px;height:14px;border-radius:2px;flex-shrink:0}.link-preview-title{font-size:.84rem;font-weight:600;color:var(--theme-sky, #64c7e8);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-desc{font-size:.78rem;color:var(--text-secondary, #b5c0d4);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.thread-message-content .youtube-embed,.thread-message-content .link-preview-card{width:420px;max-width:100%}.chat-message-header{display:flex;align-items:baseline;gap:6px;min-width:0}.chat-message-header strong{font-size:.82rem;font-weight:600;color:var(--theme-steel);transition:color var(--transition-fast);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.chat-message-header strong:hover{color:var(--theme-sky)}.chat-message-header small{flex-shrink:0;white-space:nowrap}.chat-message-header-own{justify-content:flex-end}.chat-bubble-segment{position:relative;display:flex;flex-direction:column;gap:2px}.chat-bubble-segment-deletable{padding-right:32px}.chat-message-own .chat-bubble-segment-deletable{padding-right:0;padding-left:32px}.chat-bubble-segment-cont{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.chat-bubble-segment-datetime{border-top:none;margin-top:0;padding-top:0}.chat-bubble-inline-ts{text-align:right;margin-top:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.chat-bubble-inline-ts small{color:var(--text-muted);font-size:.75rem;white-space:nowrap}.chat-time-separator{align-self:center;display:flex;align-items:center;gap:12px;width:100%;margin:12px 0 8px;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.chat-time-separator:before,.chat-time-separator:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.chat-actions-toolbar{position:absolute;top:100%;margin-top:-4px;display:none;flex-direction:column;gap:3px;background:#39446ee0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:10px;padding:4px;pointer-events:auto;z-index:5;box-shadow:0 4px 16px #00000059;max-width:360px;overflow:hidden}.chat-message-last .chat-actions-toolbar{top:auto;bottom:100%;margin-top:0;margin-bottom:-4px}.chat-message:not(.chat-message-own) .chat-actions-toolbar{left:84px}.chat-message-own .chat-actions-toolbar{right:84px}@media (hover: hover){.chat-message:hover .chat-actions-toolbar{display:flex}}.chat-actions-reply-row{display:flex;gap:3px;align-items:center}.chat-actions-reply-input{flex:1;min-width:0;width:120px;background:var(--surface-80);border:1px solid var(--border-subtle);border-radius:6px;padding:4px 8px;font-size:.78rem;color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-actions-reply-input:focus{border-color:var(--theme-blue);box-shadow:0 0 0 2px var(--accent-glow)}.chat-actions-reply-input::placeholder{color:var(--text-muted)}.chat-actions-reply-send{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.88rem;line-height:1;background:var(--theme-blue);border:1px solid transparent;border-radius:6px;cursor:pointer;flex-shrink:0;padding:0;transition:background var(--transition-fast),transform 80ms ease}.chat-actions-reply-send:hover{background:var(--theme-sky);transform:scale(1.08)}.chat-actions-emoji-row{display:flex;gap:2px}.chat-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.88rem;line-height:1;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;flex-shrink:0;padding:0;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.chat-action-btn:hover{background:#1479eca9;border-color:var(--theme-blue);transform:scale(1.18);box-shadow:0 0 8px #056ce063}.chat-segment-delete-btn{position:absolute;top:0;right:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.72rem;line-height:1;background:#39446eeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;padding:0;opacity:0;pointer-events:none;transform:scale(.85);transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);z-index:2;box-shadow:0 2px 8px #0000004d}.chat-message-own .chat-segment-delete-btn{right:auto;left:0}@media (hover: hover){.chat-bubble-segment-deletable:hover .chat-segment-delete-btn{opacity:1;pointer-events:auto;transform:scale(1)}}.chat-segment-delete-btn:hover{background:#c0524f59;border-color:var(--danger);box-shadow:0 0 8px #c0524f4d;transform:scale(1.15)}.chat-delete-btn{position:absolute;top:0;right:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.78rem;line-height:1;background:#39446eeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;padding:0;opacity:0;pointer-events:none;transform:scale(.85);transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);z-index:6;box-shadow:0 2px 8px #0000004d}.chat-message-own .chat-delete-btn{right:auto;left:0}@media (hover: hover){.chat-message:hover .chat-delete-btn{opacity:1;pointer-events:auto;transform:scale(1)}}.chat-delete-btn:hover{background:#c0524f59;border-color:var(--danger);box-shadow:0 0 8px #c0524f4d;transform:scale(1.15)}.voice-dock-kick-btn{grid-column:2;align-self:center;margin-right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;line-height:1;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;padding:0;color:var(--text-muted);flex-shrink:0;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}@media (max-width: 900px){.voice-dock-list{max-height:min(56vh,420px)}.voice-dock-row{min-height:50px}.voice-dock-avatar{width:62px;height:41px}.voice-dock-main{grid-template-columns:minmax(0,1fr) 30px;grid-template-rows:auto 36px;column-gap:8px}.voice-dock-media{grid-template-columns:62px minmax(0,1fr);gap:8px}.voice-level-wave-frame{height:36px}.mixer-slider-shell{width:100%;min-width:0}.voice-dock-volume-inline{min-width:30px;padding:2px 5px;font-size:.58rem}}.voice-dock-row:hover .voice-dock-kick-btn{opacity:1}.voice-dock-kick-btn:hover{background:#c0524f40;border-color:var(--danger);color:var(--danger);transform:scale(1.15)}.chat-avatar-wrap{width:76px;height:58px;padding-top:2px}.chat-avatar{width:76px;height:58px;border-radius:6px;object-fit:cover;border:2px solid var(--accent-25);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.chat-avatar:hover{border-color:var(--theme-blue);box-shadow:0 0 6px var(--accent-20);transform:scale(1.05)}.chat-avatar-fallback{display:block;border-radius:6px}.chat-feed.chat-drag-active{position:relative;outline:2px dashed var(--theme-blue);outline-offset:-4px;background:var(--accent-6)}.chat-feed.chat-drag-active:after{content:"Drop files here";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:var(--theme-sky);background:#0a1028b3;pointer-events:none;z-index:10;border-radius:8px}.chat-attachments{display:flex;flex-direction:column;gap:6px;margin-top:4px;min-width:0;max-width:100%}.chat-attachment-image-link{display:block;width:fit-content;max-width:min(560px,100%);background:none;border:none;padding:0;cursor:pointer;text-align:left}.chat-attachment-image{max-width:100%;max-height:240px;border-radius:8px;object-fit:contain;cursor:pointer;border:1px solid var(--border-subtle);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-attachment-image:hover{border-color:var(--theme-blue);box-shadow:0 2px 12px var(--accent-20)}.chat-attachment-video{max-width:min(50%,560px);max-height:360px;border-radius:8px;background:#000;pointer-events:none}.chat-attachment-video-btn{position:relative;display:block;max-width:min(50%,560px);background:none;border:1px solid var(--border-subtle);border-radius:8px;padding:0;cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-attachment-video-btn:hover{border-color:var(--theme-blue);box-shadow:0 2px 12px var(--accent-20)}.chat-attachment-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;font-size:1.2rem;background:#0009;border-radius:50%;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--transition-fast)}.chat-attachment-video-btn:hover .chat-attachment-video-play{background:var(--accent-70)}.chat-attachment-audio-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--elevated-60);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.85rem;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-attachment-audio-btn:hover{background:var(--deep-40);border-color:var(--theme-blue);box-shadow:0 2px 8px var(--accent-15)}.chat-attachment-audio-icon{font-size:1.1rem}.chat-attachment-audio-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.chat-attachment-audio-action{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.chat-attachment-file{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:var(--elevated-60);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.85rem;transition:background var(--transition-fast),border-color var(--transition-fast)}.chat-attachment-file:hover{background:var(--deep-40);border-color:var(--theme-blue)}.active-votes-preview{margin-top:8px}.active-votes-preview-list{display:flex;flex-direction:column}.active-votes-preview-item{display:flex;align-items:center;gap:8px;text-align:left}.active-votes-preview-item:hover{filter:brightness(1.2)}.active-votes-preview-avatar{display:grid;place-items:center;font-size:.78rem;background:color-mix(in srgb,var(--surface-primary) 70%,var(--theme-blue))}.active-votes-preview-copy{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.active-votes-preview-question{min-width:0;font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-votes-preview-meta{font-size:.72rem;color:var(--text-secondary)}.chat-pending-vote-card{gap:12px}.chat-pending-vote-card-rich{align-items:stretch;gap:12px;width:min(100%,520px);max-width:min(100%,520px);padding:14px;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-80) 88%,white),var(--surface-80)),var(--surface-80)}.chat-pending-vote-header{display:flex;flex-direction:column;gap:6px;min-width:0}.chat-pending-vote-kicker-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.chat-pending-vote-kicker{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--theme-blue)}.chat-pending-vote-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-primary);color:var(--text-primary);font-size:.74rem;font-weight:700}.chat-pending-vote-question{font-size:.96rem;font-weight:700;color:var(--text-primary);line-height:1.35}.chat-pending-vote-options{display:flex;flex-wrap:wrap;gap:8px}.chat-pending-vote-option,.chat-pending-vote-more{display:inline-flex;align-items:center;min-width:0;max-width:100%;padding:7px 10px;border-radius:999px;background:var(--surface-primary);border:1px solid var(--border-subtle)}.chat-pending-vote-option .game-title-display{min-width:0}.chat-pending-vote-more{color:var(--text-secondary);font-size:.8rem;font-weight:600}.chat-pending-vote-mode-note{font-size:.78rem;line-height:1.45;color:var(--text-secondary)}.chat-pending-actions-rich{justify-content:flex-end}.chat-pending-vote-meta{font-size:.72rem;color:var(--text-secondary)}.vote-composer-backdrop{z-index:80}.vote-composer-modal{width:min(640px,calc(100vw - 24px));max-height:min(86vh,760px);display:flex;flex-direction:column}.vote-composer-header{border-bottom:1px solid var(--border-subtle)}.vote-composer-subtitle{margin:4px 0 0;color:var(--text-secondary);font-size:.9rem}.vote-composer-body{display:flex;flex-direction:column;gap:16px;padding:18px;overflow-y:auto}.vote-composer-presets{display:flex;flex-wrap:wrap;gap:8px}.vote-composer-preset-pill{padding:9px 14px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-primary);color:var(--text-secondary);font-size:.8rem;font-weight:700}.vote-composer-preset-pill.active{border-color:#5bd5c85c;background:#5bd5c824;color:var(--text-primary)}.vote-composer-field{display:flex;flex-direction:column;gap:8px}.vote-composer-hint{margin:-2px 0 2px;font-size:.76rem;color:var(--text-secondary)}.vote-composer-field>span,.vote-composer-toggle span{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.vote-composer-field input,.vote-composer-field .custom-select-trigger{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-primary);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.vote-composer-field input::placeholder,.game-autocomplete-input-shell input::placeholder,.chat-vote-write-in input::placeholder{color:var(--text-muted)}.vote-composer-field input:focus,.vote-composer-field .custom-select-trigger:focus,.game-autocomplete-input-shell:focus-within,.chat-vote-write-in input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-elevated)}.game-title-display-image{width:38px;height:24px;border-radius:8px;object-fit:cover;flex-shrink:0;display:block;background:#ffffff0f}.game-title-display-image--placeholder{display:grid;place-items:center;font-size:.95rem}.game-title-display-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-autocomplete-input-shell{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.game-autocomplete-input-shell input{flex:1;min-width:0;border:none;background:transparent;color:var(--text-primary);padding:4px 0}.game-autocomplete-input-shell input:focus{outline:none;box-shadow:none}.game-autocomplete-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:6;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:12px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-elevated) 94%,black 6%);box-shadow:0 18px 38px #00000047}.game-autocomplete-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px;border:none;border-radius:10px;background:transparent;color:inherit}.game-autocomplete-suggestion:hover,.game-autocomplete-suggestion.active{background:color-mix(in srgb,var(--surface-primary) 84%,transparent)}.game-autocomplete-suggestion .game-title-display,.chat-vote-option-row .game-title-display{flex:1;min-width:0}.game-autocomplete-suggestion-meta{flex-shrink:0;font-size:.72rem;color:var(--text-muted)}.vote-composer-options{display:flex;flex-direction:column;gap:8px}.vote-composer-option-row{display:grid;grid-template-columns:28px minmax(0,1fr) 34px;gap:8px;align-items:center}.vote-composer-option-index{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#5bd5c829;color:#8ce3d9;font-size:.76rem;font-weight:700}.vote-composer-option-remove,.vote-composer-add-option,.vote-composer-footer button,.chat-vote-submit,.chat-vote-rank-actions button{border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-primary);color:var(--text-primary)}.vote-composer-option-remove{width:34px;height:34px}.vote-composer-add-option{align-self:flex-start;padding:8px 12px}.vote-composer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vote-composer-grid--wide{align-items:end}.vote-composer-toggle{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-elevated)}.vote-composer-error{padding:10px 12px;border-radius:10px;background:#d357192e;border:1px solid rgba(211,87,25,.28);color:#f3bf9e;font-size:.84rem}.vote-composer-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 18px 18px;border-top:1px solid var(--border-subtle)}.vote-composer-footer .primary-button{padding:10px 14px;background:linear-gradient(135deg,#2a9d8f,#5bd5c8);color:#062027;border-color:transparent;font-weight:700}.vote-composer-footer .secondary-button{padding:10px 14px}.chat-vote-card{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:12px;border-radius:14px;border:1px solid rgba(91,213,200,.2);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-primary) 88%,#0f3741 12%),color-mix(in srgb,var(--bg-elevated) 88%,#09161d 12%))}.chat-vote-card-expired{border-color:#f4a26147}.chat-vote-header-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.chat-vote-title{font-size:.96rem;font-weight:700;color:#e8f6f3}.chat-vote-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:.74rem;color:var(--text-secondary)}.chat-vote-winner-pill{padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#ffd16638,#f4a2613d);color:#fff1bf;border:1px solid rgba(255,209,102,.28);font-size:.74rem;font-weight:700}.chat-vote-panel{display:flex;flex-direction:column;gap:10px}.chat-vote-results-wrap{display:flex;flex-direction:column;gap:8px}.chat-vote-results-chart{display:flex;flex-direction:column;gap:10px}.chat-vote-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.chat-vote-result-main{display:flex;flex-direction:column;gap:8px;min-width:0}.chat-vote-bar-track{position:relative;display:flex;align-items:center;width:100%;height:14px;border-radius:12px;background:#ffffff0f;overflow:hidden}.chat-vote-bar-fill{height:100%;min-width:0;border-radius:12px;box-shadow:inset 0 -2px 8px #00000024;transition:width .26s ease;animation:vote-bar-rise .32s ease}.chat-vote-bar-value{font-size:.76rem;font-weight:700;color:#f4fbfa}.chat-vote-result-stats{display:flex;align-items:baseline;gap:8px;flex-shrink:0}.chat-vote-result-percent{font-size:.72rem;color:var(--text-secondary)}.chat-vote-result-label.game-title-display{align-items:center}.chat-vote-results-footnote,.chat-vote-results-hidden,.chat-vote-current-ballot{font-size:.76rem;color:var(--text-secondary)}.chat-vote-controls{display:flex;flex-direction:column;gap:10px}.chat-vote-option-list{display:flex;flex-direction:column;gap:8px}.chat-vote-option-list-ranked{gap:10px}.chat-vote-rank-section{display:flex;flex-direction:column;gap:8px}.chat-vote-rank-section-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.chat-vote-rank-empty{padding:10px 12px;border-radius:10px;border:1px dashed rgba(255,255,255,.12);color:var(--text-secondary);font-size:.8rem;line-height:1.4}.chat-vote-option-row,.chat-vote-option-main{display:flex;align-items:center;gap:10px;width:100%}.chat-vote-option-row{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:color-mix(in srgb,var(--surface-primary) 82%,transparent);transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.chat-vote-option-row--button,.chat-vote-option-main{border:none;background:transparent;color:inherit;padding:0;text-align:left}.chat-vote-option-row.selected{border-color:#5bd5c847;background:#5bd5c814}.chat-vote-option-row.dragging{opacity:.7;transform:scale(.985)}.chat-vote-option-row.drop-target{border-color:#ffd1666b;box-shadow:0 0 0 1px #ffd16633}.chat-vote-option-row--ranked{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.chat-vote-option-row--ranked:active{cursor:grabbing}.chat-vote-rank-pill{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#5bd5c82e;color:#9debe2;font-size:.76rem;font-weight:700;flex-shrink:0}.chat-vote-option-content{flex:1;min-width:0}.chat-vote-rank-remove{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:color-mix(in srgb,var(--surface-primary) 86%,transparent);color:var(--text-secondary);flex-shrink:0;pointer-events:auto;cursor:ns-resize;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.chat-vote-rank-remove:hover,.chat-vote-rank-remove:focus-visible{background:#5bd5c81f;border-color:#5bd5c847;color:var(--text-primary)}.chat-vote-rank-remove{margin-left:auto;font-size:.74rem}:root[data-color-mode=light] .chat-vote-rank-empty{border-color:#102a3124}:root[data-color-mode=light] .chat-vote-rank-remove{border-color:#102a311a}.chat-vote-write-in{display:flex;flex-direction:column;gap:6px}.chat-vote-write-in span{font-size:.76rem;font-weight:600;color:var(--text-secondary)}.chat-vote-write-in input{width:100%;padding:9px 11px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-primary);color:var(--text-primary)}.chat-vote-action-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-vote-submit{padding:9px 14px;background:linear-gradient(135deg,#2a9d8f,#5bd5c8);color:#04232b;border-color:transparent;font-weight:700}.chat-vote-submit:disabled{opacity:.45;cursor:not-allowed}@keyframes vote-bar-rise{0%{transform:scaleX(.92);opacity:.4}to{transform:scaleX(1);opacity:1}}@media (max-width: 780px){.vote-composer-grid,.vote-composer-grid--wide{grid-template-columns:1fr}.vote-composer-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.active-votes-preview-item,.chat-vote-action-row,.chat-vote-header-row{flex-direction:column;align-items:stretch}.chat-vote-result-row{grid-template-columns:1fr;gap:8px}.chat-vote-result-stats{justify-content:flex-end}}:root[data-color-mode=light] .vote-composer-field input,:root[data-color-mode=light] .vote-composer-field .custom-select-trigger,:root[data-color-mode=light] .game-autocomplete-input-shell,:root[data-color-mode=light] .chat-vote-write-in input,:root[data-color-mode=light] .vote-composer-option-remove,:root[data-color-mode=light] .vote-composer-add-option,:root[data-color-mode=light] .vote-composer-footer button,:root[data-color-mode=light] .chat-vote-submit,:root[data-color-mode=light] .chat-vote-rank-actions button,:root[data-color-mode=light] .vote-composer-preset-pill,:root[data-color-mode=light] .vote-composer-toggle,:root[data-color-mode=light] .chat-vote-option-row{background:#ffffffc7;color:var(--text-primary);border-color:#0000001f}:root[data-color-mode=light] .game-autocomplete-suggestions{background:#fffffff5;border-color:#0000001f;box-shadow:0 14px 28px #1b2c3a1f}:root[data-color-mode=light] .game-autocomplete-suggestion:hover,:root[data-color-mode=light] .game-autocomplete-suggestion.active,:root[data-color-mode=light] .vote-composer-preset-pill.active{background:#2a9d8f1f}:root[data-color-mode=light] .chat-vote-card{background:linear-gradient(180deg,#ffffffeb,#f6fafcdb);border-color:#2a9d8f3d}:root[data-color-mode=light] .chat-vote-bar-track{background:#102a3114}:root[data-color-mode=light] .chat-vote-winner-pill{color:#7a4c00;border-color:#e3aa4059}:root[data-color-mode=light] .chat-vote-bar-value{color:color-mix(in srgb,var(--text-primary) 88%,#102a31 12%)}:root[data-color-mode=light] .chat-vote-title,:root[data-color-mode=light] .chat-vote-bar-value{color:color-mix(in srgb,var(--text-primary) 88%,#102a31 12%)}.chat-attachment-file small{color:var(--text-muted);font-size:.72rem}.media-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .12s ease-out}.media-lightbox{display:flex;flex-direction:column;max-width:92vw;max-height:92vh;border-radius:var(--radius-md);overflow:hidden;background:#0a1024f2;border:1px solid var(--border-subtle);box-shadow:0 24px 80px #0009}.media-lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface-90);border-bottom:1px solid var(--border-subtle)}.media-lightbox-filename{font-size:.84rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.media-lightbox-actions{display:flex;gap:4px;flex-shrink:0}.media-lightbox-btn{width:32px;height:32px;display:grid;place-items:center;font-size:1rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast)}.media-lightbox-btn:hover{color:var(--text-primary);background:var(--deep-30)}.media-lightbox-content{display:flex;align-items:center;justify-content:center;padding:8px;overflow:auto}.media-lightbox-image{max-width:90vw;max-height:84vh;object-fit:contain;border-radius:4px}.media-lightbox-video{max-width:90vw;max-height:84vh;border-radius:4px;background:#000}.docked-audio-player{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:8000;display:flex;align-items:center;gap:12px;padding:10px 16px;min-width:380px;max-width:560px;width:40vw;background:linear-gradient(180deg,#101834f7,#0a1024fa);border:1px solid var(--accent-15);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 -4px 24px #0006,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideUp .18s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.docked-audio-player audio{display:none}.docked-audio-play-btn{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;font-size:1rem;background:var(--accent-15);border:1px solid var(--accent-25);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.docked-audio-play-btn:hover{background:var(--accent-30);border-color:var(--accent-50);box-shadow:0 0 12px var(--accent-20)}.docked-audio-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.docked-audio-name{font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docked-audio-progress-bar{width:100%;height:4px;background:#0d152acc;border-radius:999px;cursor:pointer;overflow:hidden;transition:height var(--transition-fast)}.docked-audio-progress-bar:hover{height:6px}.docked-audio-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .1s linear}.docked-audio-time{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.docked-audio-close-btn{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;font-size:.82rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.docked-audio-close-btn:hover{color:var(--text-primary);background:#c0524f33}.chat-new-messages-pill{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10;padding:6px 16px;font-size:.78rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:999px;cursor:pointer;box-shadow:0 2px 10px var(--accent-35);transition:background var(--transition-fast),transform var(--transition-fast);animation:pill-in .2s ease}.chat-new-messages-pill:hover{background:var(--accent-hover);transform:translate(-50%) translateY(-1px)}.weekly-schedule-shell{display:flex;flex-direction:column;gap:14px}.weekly-schedule-grid-wrap{border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-50);overflow:auto;max-height:520px}.weekly-schedule-grid{display:grid;grid-template-columns:72px repeat(7,minmax(108px,1fr));min-width:860px}.weekly-schedule-time-header,.weekly-schedule-day-header{position:sticky;top:0;z-index:3;background:var(--surface-90);border-bottom:1px solid var(--border-subtle);padding:10px 8px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.weekly-schedule-time-column{border-right:1px solid var(--border-subtle);background:var(--deep-20)}.weekly-schedule-time-slot{height:18px;padding:0 8px;font-size:.68rem;color:var(--text-muted);transform:translateY(-8px)}.weekly-schedule-day-column{position:relative;border-right:1px solid var(--border-subtle)}.weekly-schedule-day-column:last-child{border-right:none}.weekly-schedule-day-cells{position:relative}.weekly-schedule-cell{display:block;width:100%;height:18px;padding:0;margin:0;background:transparent;border:none;border-bottom:1px solid var(--deep-18);border-radius:0}.weekly-schedule-shell.editable .weekly-schedule-cell:hover{background:var(--accent-10)}.weekly-schedule-overlays{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.weekly-schedule-block{position:absolute;left:4px;right:4px;border:1px solid transparent;border-radius:10px;padding:6px 6px 4px;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;font-size:.72rem;font-weight:700;line-height:1.15;overflow:hidden;pointer-events:auto;box-shadow:0 8px 18px #0000002e}.weekly-schedule-block span{overflow:hidden;text-overflow:ellipsis}.weekly-schedule-shell.readonly .weekly-schedule-block,.weekly-schedule-shell.readonly .weekly-schedule-cell{cursor:default}.weekly-schedule-shell.editable .weekly-schedule-block:hover{transform:translateY(-1px)}.weekly-schedule-block.selected{outline:2px solid rgba(255,255,255,.55);outline-offset:0}.weekly-schedule-selection{background:#5cc93424;border:1px dashed rgba(92,201,52,.8);box-shadow:none}.weekly-schedule-editor-panel,.detail-schedule-panel{display:flex;flex-direction:column;gap:12px}.weekly-schedule-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.weekly-schedule-editor-header h4{margin:0 0 4px}.weekly-schedule-editor-header p,.weekly-schedule-settings-hint,.weekly-schedule-empty,.weekly-schedule-empty-hint,.weekly-schedule-save-message,.weekly-schedule-list-meta{margin:0;color:var(--text-muted)}.weekly-schedule-draft-card{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--deep-20)}.weekly-schedule-field-row{display:flex;gap:10px;flex-wrap:wrap}.weekly-schedule-field-row label,.weekly-schedule-label-field{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:.82rem}.weekly-schedule-field-row label input,.weekly-schedule-field-row label .custom-select-trigger,.weekly-schedule-label-field input{min-width:120px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-80);color:var(--text-primary)}.weekly-schedule-label-field input{width:min(360px,100%)}.weekly-schedule-field-row-days{gap:8px}.weekly-schedule-day-chip{padding:8px 10px;border-radius:999px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary)}.weekly-schedule-day-chip.active{background:var(--accent-20);border-color:var(--accent-60);color:var(--text-primary)}.weekly-schedule-draft-actions,.weekly-schedule-save-row,.weekly-schedule-list-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.weekly-schedule-list{display:flex;flex-direction:column;gap:8px}.weekly-schedule-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border-subtle)}.weekly-schedule-save-message{font-size:.82rem}@media (max-width: 900px){.weekly-schedule-grid{min-width:760px}.weekly-schedule-editor-header,.weekly-schedule-list-item{flex-direction:column;align-items:stretch}}@keyframes pill-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-pending-files{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;border-top:1px solid var(--border-subtle);background:var(--surface-50);flex-shrink:0}.chat-pending-file{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;background:var(--surface-80);border:1px solid var(--border-subtle);border-radius:8px;min-width:0;max-width:140px;position:relative}.chat-pending-thumb{width:80px;height:80px;border-radius:6px;object-fit:cover;flex-shrink:0}.chat-pending-icon{font-size:1.2rem;flex-shrink:0}.chat-pending-name{font-size:.72rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;text-align:center}.chat-pending-remove{display:none}.composer-link-preview{padding:8px 16px;border-top:1px solid var(--border-subtle);background:var(--surface-50);flex-shrink:0}.composer-link-preview-card{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:var(--surface-80);border:1px solid var(--border-subtle);border-radius:8px;position:relative;max-width:100%}.composer-link-preview-dismiss{background:#c0524f33;border:1px solid rgba(192,82,79,.3);border-radius:4px;color:var(--text-primary);width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer;flex-shrink:0;padding:0;margin-left:auto}.composer-link-preview-dismiss:hover{background:#c0524f80;border-color:var(--danger)}.composer-link-preview-thumb{width:80px;height:56px;border-radius:4px;object-fit:cover;flex-shrink:0}.composer-yt-thumb-wrap{position:relative;flex-shrink:0;width:100px;height:56px;border-radius:6px;overflow:hidden}.composer-yt-thumb{width:100%;height:100%;object-fit:cover}.composer-yt-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;background:#00000059;pointer-events:none}.composer-link-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.2rem;flex-shrink:0;background:var(--deep-30);border-radius:6px}.composer-link-preview-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.composer-link-preview-site{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-muted, #8a94a6);text-transform:uppercase;letter-spacing:.03em}.composer-link-preview-title{font-size:.82rem;font-weight:600;color:var(--theme-sky, #64c7e8);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.composer-link-preview-desc{font-size:.75rem;color:var(--text-secondary, #b5c0d4);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.composer-link-preview-url{font-size:.75rem;color:var(--text-muted, #8a94a6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.composer-link-preview-loading{font-size:.72rem;color:var(--text-muted, #8a94a6);font-style:italic;animation:pulse-fade 1.2s ease-in-out infinite}@keyframes pulse-fade{0%,to{opacity:.5}50%{opacity:1}}.md-inline-code{background:#4fc3f71a;border:1px solid rgba(79,195,247,.15);border-radius:4px;padding:1px 5px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.85em;color:#7dd3fc}.md-code-block{background:#0a1022b3;border:1px solid rgba(79,195,247,.12);border-radius:6px;padding:10px 14px;margin:6px 0;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.85em;color:#c9d1d9;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.md-code-block code{background:none;border:none;padding:0;font-size:inherit;color:inherit}.md-blockquote{border-left:3px solid rgba(79,195,247,.4);padding:4px 0 4px 12px;margin:4px 0;color:#c8d2e6bf;font-style:italic}.md-list{margin:4px 0;padding-left:22px;color:inherit}.md-list li{margin:2px 0}.composer-md-preview{display:flex;align-items:flex-start;gap:8px;padding:6px 16px;border-top:1px solid rgba(79,195,247,.1);background:#0a102259;font-size:.82rem;color:#c8d2e6b3;max-height:80px;overflow-y:auto}.composer-md-preview-label{color:#4fc3f780;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;padding-top:1px}.composer-md-preview-body{line-height:1.4}.composer-md-preview-body strong{color:#fffffff2}.composer-md-preview-body em{color:#c8d2e6d9}.composer-md-preview-body del{color:#c8d2e673}.chat-composer{display:flex;align-items:end;gap:10px;padding:12px 16px 8px;flex-shrink:0}.chat-attach-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-primary);background:linear-gradient(180deg,var(--accent-12) 0%,var(--surface-90) 100%);border:1px solid var(--accent-35);border-radius:var(--radius-md);box-shadow:0 8px 16px #07181d3d;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform 80ms ease}.chat-attach-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--accent-20) 0%,var(--surface-90) 100%);border-color:var(--accent-60)}.chat-attach-btn:disabled{opacity:.4;cursor:not-allowed}.chat-composer .composer-input-col{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.composer-format-toolbar{display:flex;align-items:center;gap:10px;min-width:0;padding:0 0 6px;animation:toolbar-fade-in .15s ease}.composer-format-actions,.composer-toolbar-actions{display:flex;align-items:center;gap:4px;min-width:0}.composer-format-actions{flex:1 1 auto;overflow-x:auto;scrollbar-width:none}.composer-format-actions::-webkit-scrollbar{display:none}.composer-format-toggle-btn{display:none;width:30px;height:30px;padding:0;flex-shrink:0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-primary) 76%,transparent);color:var(--text-secondary);font-size:.88rem;cursor:pointer;align-items:center;justify-content:center;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.composer-format-toggle-btn em{font-style:italic;font-family:Georgia,serif}.composer-format-toggle-btn.is-active{color:var(--text-primary);border-color:var(--border-default);background:color-mix(in srgb,var(--accent) 14%,var(--surface-primary))}@keyframes format-actions-slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media (max-width: 780px){.composer-format-toggle-btn{display:inline-flex}.composer-format-actions:not(.format-actions-visible){display:none}.composer-format-actions.format-actions-visible{animation:format-actions-slide-in .2s cubic-bezier(.4,0,.2,1)}}.composer-toolbar-actions{margin-left:auto;flex-shrink:0;gap:6px}.chat-composer-expanded{--composer-expanded-action-width: 54px}.composer-entry-row{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:10px;min-width:0}.chat-composer-expanded .composer-entry-row{grid-template-columns:1fr auto;align-items:stretch}@keyframes toolbar-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.composer-format-btn{min-height:32px;padding:6px 10px;font-size:.78rem;font-weight:600;line-height:1;white-space:nowrap;background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg-surface) 100%);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);box-shadow:0 6px 14px #07181d1f;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.composer-format-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--accent-15) 0%,var(--bg-surface) 100%);border-color:var(--accent-50);box-shadow:0 8px 16px #07181d2e}.composer-format-btn:disabled{opacity:.35;cursor:not-allowed}.composer-format-btn.fmt-bold{font-weight:700}.composer-format-btn.fmt-italic{font-style:italic}.composer-format-btn.fmt-underline{text-decoration:underline}.chat-composer textarea{width:100%;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;font-size:.9rem;font-family:inherit;color:var(--text-primary);resize:none;overflow-y:auto;max-height:120px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.chat-composer textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-elevated)}.composer-send-btn{display:flex;align-items:center;justify-content:center;padding:10px 20px;min-height:40px;font-weight:600;color:#0e2b1e;background:linear-gradient(180deg,#baf4cf,#8fe0ad);border:1px solid rgba(216,255,231,.78);border-radius:var(--radius-md);box-shadow:0 10px 22px #4a9e6f33;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform 80ms ease}.composer-send-btn:hover:not(:disabled){background:linear-gradient(180deg,#d1fbe0,#a3ebbe);border-color:#eefff5f2;color:#0a2418;box-shadow:0 0 18px #8fe0ad47}.composer-send-btn:active:not(:disabled){transform:scale(.96)}.send-feather-icon{width:16px;height:16px;object-fit:contain;display:block}.composer-toolbar-btn{width:36px;height:36px}.chat-composer-expanded .composer-contract-btn{width:var(--composer-expanded-action-width)}.composer-toolbar-btn-active{background:linear-gradient(180deg,var(--accent-20) 0%,var(--bg-surface) 100%);border-color:var(--accent-50);box-shadow:0 10px 20px #07181d38}.chat-composer-expanded .composer-send-btn{align-self:stretch;height:auto;width:var(--composer-expanded-action-width);min-width:var(--composer-expanded-action-width);padding:0 18px}.auth-modal{max-width:380px;width:90%;background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important;padding:24px!important;position:relative}.auth-modal h2{font-size:1rem;font-weight:700;margin-bottom:4px}.auth-modal>p{color:var(--text-muted);font-size:.82rem;margin-bottom:14px}.auth-modal .form{margin-bottom:8px}.auth-modal .btn-steam,.auth-modal .btn-secondary{width:100%;margin-top:8px}.auth-modal .auth-divider{margin:16px 0}.forgot-password-link{background:none;border:none;color:var(--accent-primary);font-size:.82rem;cursor:pointer;padding:0;margin-top:-4px;margin-bottom:4px;text-align:left}.forgot-password-link:hover{text-decoration:underline}.dismiss{position:absolute;top:12px;right:12px;width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--accent-8);border:1px solid transparent;font-size:.85rem;color:var(--text-muted);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.dismiss:hover{background:var(--accent-18);border-color:var(--accent-25);color:var(--text-primary)}h1,h2,p{margin:0}h1{font-size:1.15rem}h2{font-size:1rem;margin-bottom:6px}.rooms{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:4px;overflow-y:auto;min-height:0;flex:1;align-content:start}@container (min-width: 340px){.rooms{grid-template-columns:repeat(2,minmax(0,1fr))}}button,button.custom-select-trigger,input{background:var(--deep-30);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px;font-size:.85rem;transition:border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal),color var(--transition-fast),transform 80ms ease}input:focus,button.custom-select-trigger:focus{outline:none;border-color:var(--theme-blue);box-shadow:0 0 0 3px var(--accent-glow)}button,button.custom-select-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.custom-select{position:relative;width:100%;min-width:0}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.custom-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-chevron{font-size:.68rem;color:var(--text-secondary);flex-shrink:0;transition:transform var(--transition-fast)}button:hover:not(:disabled){background:var(--deep-38);border-color:var(--border-default)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}@keyframes room-select{0%{transform:scale(1)}40%{transform:scale(.97)}to{transform:scale(1)}}.right-panel{grid-column:5;background:transparent;border-left:1px solid var(--border-subtle);padding:0;overflow:hidden;gap:0;transition:width var(--transition-normal);backdrop-filter:none;-webkit-backdrop-filter:none}.right-panel .sidebar-vertical-pixels{display:flex;flex-direction:column;min-height:0}.right-panel .sidebar-gradient-content{flex:1 1 auto;min-height:0;overflow:auto}.right-panel-footer{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:8px 12px 10px;border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-surface) 38%,transparent)}.right-panel-footer-top-row{display:flex;align-items:center;width:100%}.right-panel-footer-logo-area{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-width:0}.right-panel-footer-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;width:100%;padding-top:6px}.right-panel-footer-btn{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-primary) 72%,transparent);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.right-panel-footer-btn:hover{border-color:var(--border-default);background:color-mix(in srgb,var(--accent) 18%,var(--surface-primary))}.right-panel-footer-btn.is-active{border-color:color-mix(in srgb,var(--accent) 68%,var(--border-default));background:color-mix(in srgb,var(--accent) 24%,var(--surface-primary))}.right-panel-footer-btn:active{transform:translateY(1px)}.right-panel>.sidebar-gradient-content>.panel{margin:12px 0 0 12px;border-radius:var(--radius-md);animation:fade-scale-in .25s ease}.right-panel>.sidebar-gradient-content>.panel:last-child{margin-bottom:12px}.detail-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);flex-shrink:0}.detail-panel-header-user{padding:8px 10px 8px 6px;gap:6px;border:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.detail-header-member-card{flex:1;min-width:0;pointer-events:none}.detail-header-member-card .room-details-member-info{max-width:unset;flex:1;min-width:0}.detail-panel-header h2{font-size:.82rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0}.detail-user{padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;box-sizing:border-box}.detail-user-avatar{display:flex;justify-content:center;width:100%;position:relative}.detail-avatar-action-btn{position:absolute;top:8px;right:8px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:4px 6px;font-size:.85rem;cursor:pointer;opacity:.92;transition:opacity var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);line-height:1;z-index:2}.detail-avatar-action-btn:hover{opacity:1!important;background:var(--accent-10);transform:translateY(-1px)}.detail-avatar{width:100%!important;height:auto!important;aspect-ratio:3 / 2;max-height:25dvh;object-fit:cover;border-radius:var(--radius-md);font-size:1.8rem!important}.detail-avatar.chat-avatar-fallback{aspect-ratio:3 / 2}.detail-user-name-edit-icon{font-size:.72rem;color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast)}.detail-user-name-edit{display:flex;justify-content:center;width:100%}.detail-user-name-input{width:80%;text-align:center;font-size:1.05rem;font-weight:700;padding:4px 8px;background:var(--surface-60);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;box-shadow:0 0 8px var(--accent-20)}.detail-user-tabs{width:100%;margin-top:12px;display:flex;flex-direction:column}.detail-user-tab-content{padding:8px 0 0}.detail-tab-empty{text-align:center;padding:16px 12px;color:var(--text-muted);font-size:.82rem}.detail-own-status{width:100%;padding:10px;border-radius:12px;border:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--surface-50) 0%,var(--surface-60) 100%),var(--bg-surface);box-shadow:inset 0 1px 0 var(--deep-5);display:flex;flex-direction:column;gap:7px}.detail-own-status .status-modal-option{width:100%;justify-content:flex-start;padding:9px 10px;border:1px solid var(--border-subtle);border-radius:10px;background:color-mix(in srgb,var(--surface-60) 72%,transparent);font-size:.82rem}.detail-own-status .status-modal-option:hover{background:color-mix(in srgb,var(--accent-12) 65%,var(--surface-60) 35%);border-color:var(--accent-25)}.detail-own-status .status-modal-option.selected{background:color-mix(in srgb,var(--accent-20) 78%,var(--surface-60) 22%);border-color:var(--accent-40);box-shadow:inset 0 0 0 1px var(--accent-20)}.detail-own-status .status-modal-divider{margin:2px 0;opacity:.85}.detail-own-status .status-custom-row{margin-top:0;gap:8px}.detail-own-status .status-custom-input,.detail-own-status .status-modal-game-input{min-height:34px;border-radius:8px;font-size:.82rem}.detail-own-status .status-custom-input:focus,.detail-own-status .status-modal-game-input:focus{outline:none;border-color:var(--accent-45);box-shadow:0 0 0 2px var(--accent-12)}.detail-own-status .btn-primary.btn-sm{min-width:64px;border-radius:8px}.detail-own-status .status-modal-game-section{margin-top:1px;padding:0}.detail-own-status .status-modal-lfg-label{min-height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-60) 70%,transparent);color:var(--text-primary);font-weight:600;letter-spacing:.01em}.detail-own-status .status-modal-lfg-label:hover{border-color:var(--accent-30);background:color-mix(in srgb,var(--accent-10) 62%,var(--surface-60) 38%)}.detail-own-status .status-clock-icon{font-size:.9rem}@media (max-width: 620px){.detail-own-status{padding:9px}.detail-own-status .status-modal-game-section{flex-wrap:wrap}.detail-own-status .status-modal-lfg-label{width:100%;justify-content:center}}@media (max-width: 768px){.detail-user-name-row{flex-direction:column;gap:4px}}.detail-user-info{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:8px}.detail-arcade{padding:20px 16px;display:flex;flex-direction:column;gap:12px}.detail-arcade-avatar-wrap{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.detail-arcade-coming-soon-banner{top:14px;left:-34px;transform:rotate(-31deg);padding:5px 34px;font-size:.66rem}.detail-arcade-avatar{width:100%;max-height:46dvh;object-fit:contain;object-position:center;border-radius:0;border:none;background:color-mix(in srgb,var(--surface-60) 82%,var(--bg-surface) 18%);display:block}.detail-arcade-avatar-fallback{aspect-ratio:4 / 3;background:var(--surface-60);color:var(--text-muted);align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;display:flex}.detail-arcade-header{display:flex;flex-direction:column;gap:4px}.detail-arcade-header h3{margin:0;font-size:1.04rem;line-height:1.25}.detail-arcade-kicker{font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.detail-arcade-description{margin:0;color:var(--text-secondary);font-size:.84rem;line-height:1.45}.detail-arcade-grid{display:flex;flex-direction:column;gap:8px}.detail-info-row-wrap{align-items:flex-start}.detail-arcade-source-link{color:var(--theme-sky);text-decoration:none;word-break:break-word}.detail-arcade-source-link:hover{text-decoration:underline}.detail-arcade-play-btn{width:100%;margin-top:4px}.detail-arcade-actions{display:flex;align-items:center;gap:8px;margin-top:4px}.detail-arcade-actions .detail-arcade-play-btn{flex:1;margin-top:0}.detail-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface-60);border:1px solid var(--border-subtle);font-size:.84rem;transition:border-color var(--transition-normal),background var(--transition-normal)}.detail-info-row:hover{border-color:var(--border-default);background:var(--deep-15)}.detail-label{color:var(--text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.detail-status-card{width:100%;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-60);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.detail-status-header{display:flex;align-items:center;gap:8px}.detail-status-label{font-size:.84rem;font-weight:600;color:var(--text-primary)}.detail-status-text{font-size:.84rem;color:var(--text-secondary);margin:0;line-height:1.4}.detail-status-game{display:flex;align-items:center;gap:8px;padding:6px 0}.detail-status-game-img{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.detail-status-game-name{font-size:.82rem;color:var(--text-secondary);font-weight:500}.detail-status-lfg-badge{display:inline-block;align-self:flex-start;padding:2px 8px;border-radius:10px;background:color-mix(in srgb,var(--accent) 16%,var(--surface-primary));border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);color:color-mix(in srgb,var(--accent) 82%,var(--text-primary));font-size:.72rem;font-weight:700;letter-spacing:.04em}.detail-status-reactions{margin-top:4px}.detail-status-reactions .status-reaction-btn{font-size:.8rem;padding:3px 10px}.room-details-panel{--room-hero-height: clamp(220px, 34vh, 320px);--room-hero-collapse: calc(var(--room-hero-height) * .48);padding:0;display:flex;flex-direction:column;gap:0;flex:1;min-height:0;overflow:hidden}.room-details-header{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;position:relative}.room-details-close{display:none}.room-details-hero{position:sticky;top:calc(var(--room-hero-collapse) * -1);z-index:0;width:100%}.room-activity-feed-header{display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:auto}.room-activity-feed-scope-toggle{display:flex;justify-content:flex-end;width:100%;pointer-events:auto}.room-details-scope-select{min-width:0;border-radius:999px;padding:6px 12px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;justify-content:flex-end;text-align:right}.room-details-scope-select .custom-select-value{text-align:right}.room-details-panel:hover .room-details-avatar-img{transform:scale(1.06);filter:saturate(1.08) contrast(1.03)}.room-details-name{font-size:1.1rem;font-weight:700;margin:0;text-align:left}.room-details-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:var(--shell-top-bar-height);box-sizing:border-box;margin:0;padding:8px 12px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--glass-shadow)}.room-details-title-text{flex:1;min-width:0;text-align:left;padding:0}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999}.confirm-modal{background:var(--bg-card, var(--elevated-98));border:1px solid var(--border-subtle);border-radius:var(--radius-md, 10px);padding:24px;max-width:320px;width:90%;text-align:center}.confirm-modal p{margin:0 0 16px;font-size:14px;color:var(--text-primary, #b5c0d4)}.confirm-modal-actions{display:flex;gap:8px;justify-content:center}.confirm-modal-actions button{padding:8px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border-subtle)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.active{background:#43b581}.status-dot.away{background:#faa61a}.status-custom-row{display:flex;gap:6px;margin-top:4px}.status-custom-input{flex:1;background:var(--surface-60);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px 8px;font-size:.8rem;color:var(--text-primary)}.status-custom-input::placeholder{color:var(--text-muted)}.status-clock-icon{font-size:.82rem}.timed-status-picker{margin-top:6px;display:flex;flex-direction:column;gap:8px;background:#0a1022eb;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px}.timed-status-text-row{display:flex}.timed-status-text-input{flex:1;background:var(--surface-60);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 10px;font-size:.82rem;color:var(--text-primary)}.timed-status-text-input::placeholder{color:var(--text-muted)}.timed-status-text-input:focus{outline:none;border-color:var(--accent-50)}.timed-status-game-row{display:flex;align-items:center;gap:8px;margin-top:6px}.timed-status-game-input-wrap{position:relative;flex:1;display:flex;align-items:center}.timed-status-game-icon{position:absolute;left:8px;font-size:.82rem;pointer-events:none}.timed-status-game-input{width:100%;background:var(--surface-60);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 26px 6px 28px;font-size:.82rem;color:var(--text-primary)}.timed-status-game-input::placeholder{color:var(--text-muted)}.timed-status-game-input:focus{outline:none;border-color:var(--accent-50)}.timed-status-game-clear{position:absolute;right:4px;background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0 4px;line-height:1}.timed-status-game-clear:hover{color:var(--text-primary)}.timed-status-game-suggestions{position:absolute;top:100%;left:0;right:0;z-index:99;list-style:none;margin:2px 0 0;padding:4px 0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);max-height:180px;overflow-y:auto}.timed-status-game-suggestion{padding:5px 10px;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.timed-status-game-suggestion:hover{background:var(--accent-15);color:var(--text-primary)}.timed-status-lfg-label{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.timed-status-lfg-label input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.timed-status-room-row{margin-top:4px}.timed-status-room-label{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-secondary, #94a3b8)}.timed-status-room-select{flex:1;background:var(--surface-50);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary, #e2e8f0);padding:4px 8px;font-size:.82rem;outline:none}.timed-status-room-select:focus{border-color:var(--accent)}.timed-status-mode-row{display:flex;align-items:center;gap:8px}.timed-status-mode-pill{display:inline-flex;border-radius:999px;overflow:hidden;border:1px solid var(--border-subtle);background:var(--surface-50)}.timed-status-mode-btn{padding:4px 14px;font-size:.78rem;font-weight:600;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.timed-status-mode-btn.active{background:var(--accent-35);color:var(--text-primary)}.timed-status-mode-btn:hover:not(.active){background:var(--deep-20);color:var(--text-secondary)}.timed-status-day-row{display:flex;gap:4px;flex-wrap:wrap}.timed-status-day-btn{padding:3px 8px;font-size:.72rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--surface-50);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.timed-status-day-btn.active{background:var(--accent-25);border-color:var(--accent-40);color:var(--text-primary)}.timed-status-day-btn:hover:not(.active){background:var(--deep-20);color:var(--text-secondary)}.timed-status-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;max-height:140px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-30) transparent}.timed-status-time-btn{padding:4px 2px;font-size:.7rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--surface-50);color:var(--text-muted);cursor:pointer;text-align:center;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.timed-status-time-btn.active{background:var(--accent-30);border-color:var(--accent-50);color:var(--text-primary)}.timed-status-time-btn:hover:not(.active){background:var(--deep-20);color:var(--text-secondary)}.timed-status-preview{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:var(--surface-50);border-radius:var(--radius-sm);border:1px solid var(--accent-15)}.timed-status-preview-text{font-size:.78rem;color:var(--text-primary);font-style:italic}.timed-status-preview-countdown{font-size:.7rem;color:var(--accent-primary);font-weight:600}.timed-status-actions{display:flex;gap:6px;justify-content:flex-end}.room-details-members{padding:12px 16px}.room-details-members .room-details-member-list{gap:1px}.room-details-section-title{display:flex;align-items:center;width:fit-content;max-width:100%;margin:0 0 8px auto;padding:6px 12px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.76rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.room-details-section-heading{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:8px}.room-details-section-heading .room-details-section-title{margin-bottom:0}.room-details-section-heading-actions{display:inline-flex;align-items:center;gap:6px}.room-details-section-heading-toggle{cursor:pointer}.room-details-section-heading-toggle:focus-visible{outline:2px solid var(--theme-blue);outline-offset:2px;border-radius:999px}.room-details-section-caret{color:var(--text-secondary);font-size:.78rem;line-height:1}.room-details-guest-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-60) 82%,transparent);color:var(--text-muted);font-size:.9rem;line-height:1;padding:0;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.room-details-guest-toggle:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--deep-25)}.room-details-guest-toggle.active{color:var(--text-primary);border-color:var(--accent-40);background:var(--accent-12)}.room-details-guest-toggle:active{transform:scale(.96)}.room-details-section-empty{margin:0;color:var(--text-muted);font-size:.76rem}button.pill-select-trigger.custom-select-trigger{min-width:0;width:auto;border-radius:999px;padding:6px 12px;font-size:.76rem;font-weight:700;letter-spacing:.01em;text-transform:none;justify-content:flex-start;text-align:left;border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-muted)}button.pill-select-trigger.pill-select-trigger--uc.custom-select-trigger{text-transform:uppercase;letter-spacing:.06em;justify-content:center;text-align:center}button.pill-select-trigger.custom-select-trigger:hover{border-color:var(--glass-border);background:var(--glass-bg-strong);color:var(--text-secondary)}button.pill-select-trigger.custom-select-trigger:focus{border-color:var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow)}.pill-select-trigger--uc .custom-select-value{text-align:center}.pill-select .custom-select-chevron{display:none}.room-details-voice-slot{position:relative;top:auto;z-index:0;min-height:var(--room-hero-height);height:var(--room-hero-height)}.room-details-voice-slot-content{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0;padding:12px;overflow-y:auto}.room-online-activity-pane{display:flex;flex-direction:column;gap:10px;padding:8px 12px 12px;min-height:0}.room-online-voice-dock{margin:0!important}.room-online-voice-dock .voice-dock-list{max-height:180px;overflow-y:auto}.room-online-activity-pane .room-activity-feed{min-height:220px}.room-online-activity-pane .room-activity-feed-scroller{max-height:300px}.room-details-online-empty{padding-top:18px}.room-details-member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.room-activity-feed{padding:0}.room-activity-feed-list{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.room-activity-feed-scroller{height:100%;max-height:none;overflow-y:auto;padding-right:2px;display:flex;flex-direction:column;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,1) 12px,rgba(0,0,0,1) 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,1) 12px,rgba(0,0,0,1) 100%)}.room-activity-feed-scroller::-webkit-scrollbar{width:8px}.room-activity-feed-scroller::-webkit-scrollbar-thumb{border-radius:999px;background:var(--accent-20)}.room-activity-feed-loading{font-size:.73rem;color:var(--text-muted);text-align:center;padding:3px 2px}.room-activity-feed-empty{font-size:.75rem;color:var(--text-muted);text-align:center;padding:10px 8px;border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);background:var(--deep-10)}.room-activity-feed-group{display:flex;align-items:flex-start;gap:6px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--accent-12);background:#080e1e73}.room-activity-feed-group.clickable{cursor:pointer}.room-activity-feed-group.clickable:hover{border-color:var(--accent-35);background:#080e1e94}.room-activity-feed-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.room-activity-feed-rows{display:flex;flex-direction:column;gap:4px}.room-activity-feed-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 7px;border-radius:8px;background:#070f1f8f;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.room-activity-feed-row-enter{animation:room-activity-row-enter .32s cubic-bezier(.2,.72,.2,1) both}@keyframes room-activity-row-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.room-activity-feed-row-enter{animation:none}}.room-activity-feed-row-actions{display:inline-flex;align-items:center;gap:6px}.room-activity-feed-join-btn{border:1px solid var(--accent-50);background:#0e2a54b8;color:var(--text-primary);border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:3px 7px;cursor:pointer}.room-activity-feed-join-btn:disabled{border-color:var(--border-subtle);background:#262d3db8;color:var(--text-muted);cursor:not-allowed}.room-activity-feed-title{font-size:.8rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-activity-feed-description{font-size:.76rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-activity-feed-time{flex-shrink:0;font-size:.7rem;color:var(--text-muted)}.room-details-member-divider{list-style:none;height:1px;margin:8px 6px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent)}.room-details-member{display:flex;align-items:stretch;justify-content:flex-end;gap:0;padding:2px 6px;border-radius:var(--radius-sm);transition:background var(--transition-normal),border-color var(--transition-normal)}.room-details-member.clickable:hover{background:transparent;border-color:transparent}.room-details-member.clickable:hover .room-details-member-info{background:var(--glass-bg-strong);border-color:var(--glass-border)}.room-details-member-avatar{position:relative;flex-shrink:0;order:4;width:60px;min-width:60px;aspect-ratio:3 / 2;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);border-left:none;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:0 var(--radius-md) var(--radius-md) 0;overflow:hidden}.room-details-member-avatar .chat-avatar,.room-details-member-avatar .chat-avatar-fallback{width:100%;height:100%;object-fit:contain;border-radius:0;border:none}.room-details-member-hearts{display:flex;align-items:center;gap:2px;justify-content:flex-end;width:100%}.presence-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface-primary);animation:presence-dot-enter .3s ease}.presence-dot.online{background:#43b581}.presence-dot.idle{background:#faa61a}.presence-dot.offline{background:#747f8d}.room-details-member-info{order:1;flex:0 1 auto;width:fit-content;max-width:calc(100% - 60px);min-width:0;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px;padding:6px 12px;border-radius:var(--radius-md) 0 0 var(--radius-md);border:1px solid var(--glass-border);border-right:none;background:var(--glass-bg);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.room-details-member-info>*{max-width:100%}.room-details-member-name{font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.room-details-member-description{font-size:.71rem;color:var(--text-dim);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-details-member-status{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-details-member-event{font-size:.7rem;color:var(--text-secondary);line-height:1.25;white-space:normal;overflow-wrap:anywhere}.room-details-member-audio{flex-shrink:0;font-size:.8rem;margin-right:auto}.room-details-members .status-reaction-row{justify-content:flex-end}.detail-message{display:flex;flex-direction:column;gap:0;height:calc(100vh - 52px)}.detail-message-original{padding:16px;border-bottom:1px solid var(--border-subtle);background:#0c122666;flex-shrink:0}.detail-message-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.detail-message-meta .chat-avatar-wrap,.detail-message-meta .chat-avatar{width:32px;height:24px}.detail-message-meta strong{font-size:.88rem}.detail-message-meta small{color:var(--text-muted);font-size:.72rem;margin-left:8px}.detail-message-body{font-size:.9rem;line-height:1.5;color:var(--text-primary);word-break:break-word;margin:0}.detail-section{padding:14px 16px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.detail-section h4{margin:0 0 10px;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.emoji-picker-row{display:flex;gap:6px;flex-wrap:wrap}.emoji-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;border-radius:var(--radius-sm);background:#141e3899;border:1px solid var(--border-subtle);padding:0;cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-normal)}.emoji-button:hover{background:var(--accent-25);border-color:var(--theme-blue);transform:scale(1.14);box-shadow:0 0 10px var(--accent-18)}.chat-action-btn-expand{font-size:1rem;font-weight:700;color:var(--text-secondary);letter-spacing:-.02em;background:#141e3880;border:1px solid var(--border-subtle);border-radius:7px}.chat-action-btn-expand:hover{background:var(--deep-50);border-color:var(--text-secondary);transform:scale(1.1);box-shadow:none}.emoji-button-expand{font-size:1.1rem;font-weight:700;color:var(--text-secondary);background:#141e3880;border:1px solid var(--border-subtle)}.emoji-button-expand:hover{background:var(--deep-50);border-color:var(--text-secondary);transform:scale(1.08);box-shadow:none}.expand-caret{display:inline-block;transition:transform .2s ease;font-size:1.1em;line-height:1}.expand-caret-open{transform:rotate(-90deg)}.emoji-picker-popup{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:340px;max-height:420px;background:#121834f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0a;display:flex;flex-direction:column;overflow:hidden;animation:emojiPickerFadeIn .18s ease}.emoji-picker-popup-fixed{position:fixed;top:auto;left:auto;z-index:10020}.emoji-picker-popup-detail{position:relative;top:auto;right:auto;left:auto;margin-top:8px;width:100%;max-width:340px}@keyframes emojiPickerFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.emoji-picker-popup-header{display:flex;flex-direction:column;gap:6px;padding:8px 8px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.emoji-picker-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.emoji-picker-tabs::-webkit-scrollbar{display:none}.emoji-picker-tab{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;border-radius:8px;background:transparent;border:1.5px solid transparent;cursor:pointer;padding:0;transition:background .15s,border-color .15s,transform .12s}.emoji-picker-tab:hover{background:var(--accent-15)}.emoji-picker-tab-active{background:var(--accent-glow);border-color:var(--theme-blue);transform:scale(1.08)}.emoji-picker-search-row{padding:0 2px}.emoji-picker-search{width:100%;padding:6px 10px;font-size:.82rem;border-radius:8px;border:1px solid var(--border-subtle);background:#0a0e2299;color:var(--text-primary);outline:none;transition:border-color .15s}.emoji-picker-search::placeholder{color:var(--text-secondary);opacity:.6}.emoji-picker-search:focus{border-color:var(--theme-blue)}.emoji-picker-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:6px;min-height:200px;max-height:280px;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(100,140,200,.25) transparent}.emoji-picker-body::-webkit-scrollbar{width:5px}.emoji-picker-body::-webkit-scrollbar-thumb{background:#648cc840;border-radius:4px}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;transition:transform .15s ease;will-change:transform}.emoji-picker-cell{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1;border-radius:8px;background:transparent;border:1.5px solid transparent;cursor:pointer;padding:0;transition:background .12s,border-color .12s,transform .1s}.emoji-picker-cell:hover{background:var(--accent-20);border-color:var(--accent-30);transform:scale(1.22)}.emoji-picker-cell:active{transform:scale(.95)}.emoji-picker-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-top:1px solid rgba(255,255,255,.06)}.emoji-picker-nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.7rem;border-radius:6px;background:var(--deep-30);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s,border-color .12s;padding:0}.emoji-picker-nav-btn:not(:disabled):hover{background:var(--accent-25);border-color:var(--theme-blue);color:var(--text-primary)}.emoji-picker-nav-btn:disabled{opacity:.3;cursor:default}.emoji-picker-page-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);letter-spacing:.03em;text-transform:capitalize}.emoji-picker-drag-handle{display:none}.emoji-picker-drag-bar{width:36px;height:4px;border-radius:2px;background:#ffffff40}.emoji-picker-section-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);letter-spacing:.04em;text-transform:capitalize;padding:6px 2px 2px}.chat-reactions-row{display:inline-flex;gap:4px;flex-wrap:wrap;align-items:center;margin-top:0}.chat-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.reaction-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.78rem;border-radius:999px;background:var(--deep-30);border:1px solid var(--accent-20);cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-normal)}.reaction-pill:hover{background:var(--accent-25);border-color:var(--theme-blue);transform:scale(1.05);box-shadow:0 0 8px var(--accent-15)}.reaction-count{font-weight:600;color:var(--text-secondary)}.thread-indicator{margin-top:0;padding:2px 8px;font-size:.7rem;font-weight:500;background:var(--deep-20);border:1px solid var(--accent-15);border-radius:8px;color:var(--theme-sky);cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0;transition:background var(--transition-normal),border-color var(--transition-normal),color var(--transition-fast),box-shadow var(--transition-normal)}.thread-indicator:hover{background:var(--accent-20);border-color:var(--theme-blue);color:#8dd8f0;box-shadow:0 0 8px #64c7e81a;transform:none}.detail-thread{flex:1;display:flex;flex-direction:column;min-height:0;border-bottom:none}.thread-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-bottom:8px}.thread-empty{color:var(--text-muted);font-size:.82rem;font-style:italic;padding:12px 0}.thread-message{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:6px 4px;border-radius:var(--radius-sm);animation:message-in .18s ease}.thread-message:hover{background:#18223d66}.thread-avatar{width:28px!important;height:28px!important;font-size:.72rem!important}.thread-message .chat-avatar-wrap{width:28px;height:21px;padding-top:1px}.thread-message-content{display:flex;flex-direction:column;gap:1px;min-width:0}.thread-message-header{display:flex;align-items:baseline;gap:6px}.thread-message-header strong{font-size:.8rem;font-weight:600}.thread-message-header small{color:var(--text-muted);font-size:.68rem}.thread-message-content>span{font-size:.84rem;line-height:1.4;color:var(--text-primary);word-break:break-word}.thread-composer{display:grid;grid-template-columns:1fr auto;gap:6px;padding-top:8px;border-top:1px solid var(--border-subtle);flex-shrink:0}.thread-composer input{background:var(--surface-80);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 10px;font-size:.82rem}.thread-composer input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.thread-composer button{padding:8px 14px;font-size:.8rem;font-weight:600;background:var(--accent);border:1px solid transparent;border-radius:var(--radius-sm)}.thread-composer button:hover:not(:disabled){background:var(--accent-hover)}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--transition-fast)}.clickable:hover{opacity:.82}.chat-message-selected .chat-bubble{outline:2px solid var(--accent);outline-offset:-1px}.form{display:grid;gap:10px}.form label{display:grid;gap:5px;font-size:.82rem;color:var(--text-secondary);font-weight:500}.buttons{display:flex;gap:8px;flex-wrap:wrap}.online{background:color-mix(in srgb,var(--success) 24%,var(--surface-primary));color:color-mix(in srgb,var(--success) 74%,var(--text-primary))}.offline{background:color-mix(in srgb,var(--danger) 22%,var(--surface-primary));color:color-mix(in srgb,var(--danger) 74%,var(--text-primary))}.error{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:min(540px,calc(100vw - 40px));border:1px solid rgba(192,82,79,.5);border-radius:var(--radius-md);padding:12px 16px;background:#641e23d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:80;font-size:.88rem;box-shadow:0 8px 24px #00000080;animation:toast-in .2s ease;display:flex;align-items:center;gap:8px}.error-dismiss{flex-shrink:0;margin-left:auto;background:none;border:none;color:#fff9;font-size:1rem;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1}.error-dismiss:hover{color:#fff;background:#ffffff1a}ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.voice{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px;background:#141d35bf}.voice.speaking{border-color:var(--success);background:#264f3e66}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070ec7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:10040;animation:backdrop-in .25s ease}.edit-room-avatar-backdrop{z-index:10060}.avatar-crop-backdrop{z-index:10070}.settings-modal-backdrop{align-items:start;justify-items:center;padding:clamp(24px,8vh,72px) 16px 24px;overflow-y:auto}.settings-modal{width:min(680px,92vw);max-height:85vh;overflow:auto;background:linear-gradient(160deg,var(--elevated-98) 0%,var(--elevated-99) 100%);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:24px;box-shadow:0 32px 80px #0009,0 0 40px var(--accent-6);animation:modal-in .25s ease}.settings-tabs-row{display:flex;align-items:center;gap:12px;margin:0 0 16px}.settings-modal h2{font-size:1.1rem;font-weight:700}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 14px}.settings-header h2{margin:0;min-width:0;flex:1}.settings-header .icon-button{flex:0 0 auto;margin-left:auto}.settings-tabs{display:flex;gap:4px;margin:0;padding:5px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-50);flex:1}.settings-tabs-close{flex-shrink:0;width:40px;height:40px;border-radius:10px;border:1px solid var(--accent-25);background:color-mix(in srgb,var(--surface-60) 76%,var(--accent-12));color:var(--text-primary)}.settings-tabs-close:hover{border-color:var(--accent-40);background:color-mix(in srgb,var(--surface-60) 68%,var(--accent-20))}.settings-tab{flex:1;padding:8px 0;font-size:1.3rem;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);text-align:center;line-height:1}.settings-tab-icon{width:24px;height:24px;object-fit:contain;display:block;margin:0 auto;image-rendering:pixelated}.settings-tab:hover{background:var(--accent-8);border-color:var(--accent-20);color:var(--text-primary);transform:translateY(-1px)}.settings-tab.active{color:var(--text-primary);background:var(--accent-14);border-color:var(--accent-30);box-shadow:0 0 0 1px var(--accent-35) inset}.settings-tab.active:hover{color:var(--text-primary);background:var(--accent-18);border-color:var(--accent-35);box-shadow:0 0 0 1px var(--accent-40) inset;transform:none}.audio-tab-settings-screen{display:flex;flex-direction:column;gap:16px}.audio-tab-settings-screen,.audio-tab-settings-screen button,.audio-tab-settings-screen .setting-select,.audio-tab-settings-screen .audio-preview-clip{font-family:"Press Start 2P",Silkscreen,VT323,Courier New,monospace}.audio-tab-scene-card{border:1px solid color-mix(in srgb,var(--accent-30) 72%,#8be9fd);border-radius:14px;background:radial-gradient(circle at 50% -20%,#153f51,#08131c 60%);overflow:hidden;box-shadow:0 20px 40px #00000073,inset 0 0 0 1px #84e1f538}.audio-tab-scene-stage{position:relative;width:100%;aspect-ratio:16 / 9;min-height:280px;background-size:cover;background-position:center;background-repeat:no-repeat}.audio-tab-scene-title{position:absolute;top:12%;left:50%;transform:translate(-50%);width:min(82%,520px);display:flex;flex-direction:column;align-items:center;gap:6px;color:#f7fbff;text-shadow:0 0 10px rgba(0,0,0,.95),0 0 20px rgba(0,0,0,.8);letter-spacing:.14em;font-weight:800;text-transform:uppercase;text-align:center}.audio-tab-scene-title span{display:block;font-size:clamp(.54rem,1.3vw,.95rem);line-height:1.2}.audio-tab-wave-slot{position:absolute;top:43%;width:clamp(130px,26%,240px);transform:translateY(-50%)}.audio-tab-wave-frame{width:100%}.audio-tab-wave-slot.left{left:clamp(34px,12.5%,104px)}.audio-tab-wave-slot.right{right:clamp(34px,12.5%,104px)}.audio-tab-voice-toggle{width:34px;height:34px;flex-shrink:0;border-radius:10px;border:1px solid var(--accent-24);background:color-mix(in srgb,var(--accent-16) 65%,var(--surface-primary));color:var(--text-primary);font-size:.92rem;line-height:1;padding:0}.audio-tab-voice-toggle:hover{border-color:var(--accent-40);background:color-mix(in srgb,var(--accent-24) 75%,var(--surface-primary));box-shadow:0 0 10px color-mix(in srgb,var(--accent) 36%,transparent)}.audio-tab-device-select{min-height:34px;border-color:#85ddf480;background:#041418f0;color:#e6fbff;box-shadow:inset 0 0 0 1px #092c34a6}.audio-tab-device-select:hover{border-color:#9eefffb3}.audio-tab-device-select .custom-select-value{font-size:.58rem;color:#e9fdff;text-shadow:0 1px 0 rgba(0,0,0,.72)}.audio-tab-device-select .custom-select-chevron{color:#c2f8ffe6}:root[data-color-mode=light] .audio-tab-device-select{background:#0a262df5;border-color:#266c7bb3;color:#ecfeff}:root[data-color-mode=light] .audio-tab-device-select .custom-select-value{color:#ecfeff}.audio-tab-scene-meta{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"left top-center right" "bottom-left center bottom-right";align-items:center;column-gap:8px;row-gap:6px;padding:10px 12px 12px;border-top:1px solid color-mix(in srgb,var(--accent-30) 60%,#84e1f5);background:linear-gradient(180deg,#050c1173,#040a0ee6);font-size:.72rem;color:#d8f5ff}.audio-tab-scene-meta-center{grid-area:center;text-align:center;white-space:nowrap}.audio-tab-scene-meta-top-center{grid-area:top-center;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0}.audio-tab-ducking-label-image{width:18px;height:18px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 3px rgba(0,0,0,.6))}.audio-tab-ducking-slider{width:clamp(90px,14vw,150px);margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;cursor:pointer;background:linear-gradient(to right,color-mix(in srgb,#8a4d45 88%,#b8766a) 0%,color-mix(in srgb,#8a4d45 88%,#b8766a) var(--io-ducking-fill, 0%),color-mix(in srgb,#d8f5ff 72%,#b9ced6) var(--io-ducking-fill, 0%),color-mix(in srgb,#d8f5ff 72%,#b9ced6) 100%)}.audio-tab-ducking-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent}.audio-tab-ducking-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-3px;border-radius:999px;border:none;background:#f3f8fa;box-shadow:0 0 0 1px #00000059}.audio-tab-ducking-slider::-moz-range-track{height:6px;border:none;border-radius:999px;background:transparent}.audio-tab-ducking-slider::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:999px;background:#f3f8fa;box-shadow:0 0 0 1px #00000059}.audio-tab-scene-meta-left,.audio-tab-scene-meta-right,.audio-tab-scene-meta-bottom-left,.audio-tab-scene-meta-bottom-right{display:flex;align-items:center;gap:8px;min-width:0}.audio-tab-scene-meta-left{grid-area:left}.audio-tab-scene-meta-right{grid-area:right;justify-content:flex-end}.audio-tab-scene-meta-bottom-left{grid-area:bottom-left}.audio-tab-scene-meta-bottom-right{grid-area:bottom-right;justify-content:flex-end}.audio-tab-meta-controls{display:inline-flex;align-items:center;gap:6px;min-width:0;width:var(--io-meta-control-width)}.audio-tab-meta-controls-output{margin-right:2px;justify-content:flex-end}.audio-tab-meta-device-select{width:auto;flex:1 1 auto;min-height:26px;border-color:#85ddf46b;background:#05141de0}.audio-tab-meta-device-select .custom-select-trigger{min-height:26px;padding:0 8px}.audio-tab-meta-device-select .custom-select-value{font-size:.47rem}.audio-tab-meta-voice-toggle{width:26px;height:26px;border-radius:7px;font-size:.72rem;background:color-mix(in srgb,var(--accent-14) 72%,var(--surface-primary))}.audio-tab-settings-screen{--io-meta-control-width: clamp(136px, 22vw, 182px)}.ptt-pill{display:inline-flex;border-radius:4px;overflow:hidden;border:1px solid var(--accent-24);font-family:inherit;font-size:.72rem;flex-shrink:0}.ptt-pill-toggle{padding:3px 7px;background:color-mix(in srgb,var(--accent-20) 40%,transparent);color:var(--text-secondary, #8ec8d8);border:none;border-right:1px solid var(--accent-24);border-radius:0;cursor:pointer;font-family:inherit;font-size:.72rem;line-height:1;transition:background .15s,color .15s}.ptt-pill-toggle.active{background:color-mix(in srgb,#1a6b2a 70%,transparent);color:#7fff7f}.ptt-pill-toggle:hover{background:color-mix(in srgb,var(--accent-35) 50%,transparent);color:#d8f5ff}.ptt-pill-key{padding:3px 8px;background:color-mix(in srgb,var(--surface-70) 50%,transparent);color:#d8f5ff;border:none;cursor:pointer;font-family:inherit;font-size:.72rem;line-height:1;min-width:36px;text-align:center;transition:background .15s,color .15s}.ptt-pill-key.capturing{color:#ffd97f;background:color-mix(in srgb,#5a3a00 60%,transparent)}.ptt-pill-key:hover:not(:disabled){background:color-mix(in srgb,var(--accent-30) 45%,transparent)}.ptt-pill-key:disabled{color:#3a5a65;cursor:not-allowed;background:color-mix(in srgb,var(--surface-50) 30%,transparent)}@media (max-width: 720px){.audio-tab-scene-stage{min-height:230px}.audio-tab-wave-slot{width:clamp(108px,30vw,160px);top:49%}.audio-tab-device-select .custom-select-value{font-size:.5rem}.audio-tab-scene-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left right" "top-center top-center" "bottom-left bottom-right" "center center";row-gap:8px;column-gap:10px;align-items:start}.audio-tab-scene-meta-left,.audio-tab-scene-meta-right,.audio-tab-scene-meta-top-center,.audio-tab-scene-meta-bottom-left,.audio-tab-scene-meta-bottom-right{min-width:0;gap:6px}.audio-tab-scene-meta-left{flex-direction:row;align-items:flex-start}.audio-tab-scene-meta-right{flex-direction:row;align-items:flex-end}.audio-tab-scene-meta-center{text-align:center}.audio-tab-ducking-slider{width:min(180px,100%)}.audio-tab-meta-controls{width:100%;min-width:0}.audio-tab-meta-controls-output{margin-right:0}.audio-tab-meta-device-select .custom-select-value{font-size:.45rem}.audio-tab-settings-screen{--io-meta-control-width: 100%}}@keyframes ptt-pulse{0%,to{opacity:1}50%{opacity:.6}}.settings-modal h3{position:relative;margin:16px 0 4px;color:var(--text-secondary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.settings-modal h3 .chat-style-saved-indicator{top:0;right:auto;margin-left:8px}.profile-preview{margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:10px}.profile-preview .chat-avatar,.profile-preview .chat-avatar-fallback{width:120px;height:120px;border-radius:12px}.profile-preview span{font-weight:600;font-size:1.05rem}.hidden-input{display:none}.ai-avatar-toggle{margin-top:4px;padding:6px 12px;font-size:.82rem;color:var(--text-muted);background:transparent;border:1px dashed var(--accent-30);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);width:100%}.ai-avatar-toggle:hover{color:var(--theme-sky);border-color:var(--theme-sky)}.ai-avatar-panel{margin-top:6px;padding:10px;border:1px solid var(--accent-25);border-radius:var(--radius-md);background:var(--deep-12);display:flex;flex-direction:column;gap:8px}.ai-avatar-header{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:600;color:var(--theme-sky)}.ai-avatar-close{font-size:.72rem;padding:2px 4px}.ai-avatar-input-row{display:flex;gap:6px}.ai-avatar-input-row input{flex:1;min-width:0}.ai-avatar-prompt{font-size:.82rem;padding:5px 8px}.ai-avatar-error{color:var(--theme-warning, #f66);font-size:.78rem}.ai-avatar-loading{display:flex;align-items:center;gap:8px;padding:12px 4px;color:var(--text-muted);font-size:.8rem}.ai-avatar-spinner{width:18px;height:18px;border:2px solid rgba(100,199,232,.25);border-top-color:var(--theme-sky);border-radius:50%;animation:ai-spin .7s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-avatar-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.ai-avatar-preview img{max-width:200px;max-height:150px;border-radius:var(--radius-md);object-fit:cover}.ai-avatar-actions{display:flex;gap:8px}.avatar-crop-modal{width:min(420px,94vw)}.crop-container{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 4px}.crop-viewport{position:relative;overflow:hidden;border-radius:var(--radius-md);border:2px solid var(--border-accent);cursor:grab;touch-action:none;background:#00000080}.crop-viewport:active{cursor:grabbing}.crop-image{position:absolute;pointer-events:none;user-select:none;-webkit-user-select:none}.crop-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-muted);font-size:.85rem}.crop-corner{position:absolute;width:14px;height:14px;border-color:var(--theme-sky);border-style:solid;border-width:0;pointer-events:none}.crop-corner-tl{top:0;left:0;border-top-width:2px;border-left-width:2px;border-top-left-radius:var(--radius-md)}.crop-corner-tr{top:0;right:0;border-top-width:2px;border-right-width:2px;border-top-right-radius:var(--radius-md)}.crop-corner-bl{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:var(--radius-md)}.crop-corner-br{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:var(--radius-md)}.crop-zoom-row{display:flex;align-items:center;gap:8px;width:100%;max-width:320px}.crop-zoom-icon{color:var(--text-muted);font-size:1.1rem;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none;width:18px;text-align:center}.crop-zoom-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--accent-25);outline:none}.crop-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--theme-blue);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 4px var(--accent-40)}.crop-zoom-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--theme-blue);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 4px var(--accent-40)}.crop-hint{color:var(--text-muted);font-size:.72rem;letter-spacing:.02em}.crop-buttons{margin-top:8px}.crop-preview-row{display:flex;gap:16px;justify-content:center;position:relative;margin-top:8px;padding:4px 6px;border-radius:999px;border:1px solid var(--border-subtle);background:#071525e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.crop-preview-item{display:flex;flex-direction:column;align-items:center;gap:4px}.crop-preview-label{color:var(--text-muted);font-size:.7rem;letter-spacing:.02em}.crop-preview-full,.crop-preview-chat{cursor:default;border-color:var(--border-default)}.btn-secondary{background:var(--accent-10);border:1px solid var(--border-default);color:var(--text-muted);padding:6px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;transition:background var(--transition-fast),color var(--transition-fast)}.btn-secondary:hover{background:var(--accent-20);color:var(--text-primary)}.force-modal{z-index:60}.welcome-gate-modal{max-width:420px;width:92%;background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important;padding:28px 24px!important;position:relative}.welcome-gate-modal h2{font-size:1.15rem;font-weight:700;text-align:center;margin-bottom:4px}.welcome-gate-subtitle{text-align:center;color:var(--text-muted);font-size:.82rem;margin-bottom:16px}.welcome-gate-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:14px}.welcome-toggle-auth{width:100%;font-weight:600}.welcome-guest-link{background:none!important;border:none!important;color:var(--text-muted)!important;font-size:.78rem!important;cursor:pointer;padding:4px 0!important;text-decoration:none;opacity:.7;transition:opacity var(--transition-fast),color var(--transition-fast)}.welcome-guest-link:hover{opacity:1;color:var(--text-secondary)!important;background:none!important;text-decoration:underline}.welcome-dismiss-link{background:none!important;border:none!important;color:var(--text-muted)!important;font-size:.72rem!important;cursor:pointer;padding:2px 0!important;text-decoration:none;opacity:.5;transition:opacity var(--transition-fast),color var(--transition-fast)}.welcome-dismiss-link:hover{opacity:.85;color:var(--text-secondary)!important;background:none!important;text-decoration:underline}.welcome-back-btn{position:absolute;top:12px;left:12px;background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.welcome-back-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.create-room-modal{width:min(480px,92vw)}.confirm-modal{width:min(440px,92vw)}.confirm-modal p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:8px 0 16px}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;min-height:0}.btn-primary,.btn-secondary,.btn-danger{padding:8px 18px;font-weight:600;font-size:.85rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),transform 80ms ease}.btn-primary{background:var(--theme-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--theme-sky);color:var(--theme-deep);box-shadow:0 0 14px #64c7e833}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border-color:var(--border-subtle);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--border-default);background:var(--bg-hover);box-shadow:0 0 8px var(--accent-8)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.15);box-shadow:0 0 12px var(--accent-25)}.toggle-label{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:500;cursor:pointer;padding:8px 0}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.toggle-hint{color:var(--text-muted)!important;font-size:.78rem!important;font-weight:400!important;margin-left:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-glow-green{0%,to{box-shadow:0 0 6px #4a9e7266}50%{box-shadow:0 0 12px #4a9e72b3}}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fade-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes room-row-enter{0%{opacity:0;transform:translate(-48px)}70%{opacity:1;transform:translate(3px)}to{opacity:1;transform:translate(0)}}.stagger-list-scope{display:contents}@keyframes stagger-list-enter{0%{opacity:0;transform:translate(calc(-1 * var(--stagger-distance, 48px)))}70%{opacity:1;transform:translate(3px)}to{opacity:1;transform:translate(0)}}@keyframes sidebar-friend-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes unread-badge-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes presence-dot-enter{0%{transform:scale(0)}to{transform:scale(1)}}.btn-sm{padding:3px 10px;font-size:.72rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;border:1px solid transparent;transition:background var(--transition-fast),color var(--transition-fast)}.btn-primary.btn-sm{background:var(--accent);color:#fff}.btn-primary.btn-sm:hover{background:var(--accent-hover)}.btn-secondary.btn-sm{background:#ffffff14;color:var(--text-secondary)}.btn-secondary.btn-sm:hover{background:#ffffff24}.btn-danger.btn-sm{background:transparent;color:var(--danger);border-color:#c0524f4d}.btn-danger.btn-sm:hover{background:#c0524f26}.mobile-rail-close,.mobile-drawer-backdrop{display:none}.notification-bell-btn{position:relative;font-size:1.1rem!important;transition:transform var(--transition-fast),filter var(--transition-fast)}.notification-bell-btn:hover{transform:scale(1.12);filter:brightness(1.25)}.notifications-popup{width:min(460px,92vw);max-height:70vh;overflow-y:auto;background:linear-gradient(160deg,var(--elevated-98) 0%,var(--elevated-99) 100%);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:0;box-shadow:0 32px 80px #0009,0 0 40px var(--accent-6);animation:modal-in .25s ease}.notification-row{border-left:3px solid transparent;transition:border-color var(--transition-normal),background var(--transition-normal)}.notification-row:hover{border-left-color:var(--accent)}.notification-type-label{font-size:.72rem;color:var(--text-muted);font-style:italic}.badge-dot{position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;display:grid;place-items:center;font-size:.62rem;font-weight:700;line-height:1;color:var(--text-bright, #fff);background:var(--danger);border-radius:999px;padding:0 4px;pointer-events:none;box-shadow:0 0 0 2px var(--bg-base)}.social-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 14px;border-bottom:1px solid var(--border-subtle);background:var(--surface-60);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:2}.social-modal-header h2{font-size:1rem;font-weight:700;margin:0}.social-section{padding:12px 20px}.social-section+.social-section{border-top:1px solid var(--border-subtle)}.social-section h3{margin:0 0 10px;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.social-empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:20px 12px;margin:0}.account-required-modal{width:min(420px,90vw);background:linear-gradient(160deg,var(--elevated-98) 0%,var(--elevated-99) 100%);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:0;box-shadow:0 32px 80px #0009,0 0 40px var(--accent-6);animation:modal-in .25s ease}.account-required-body{padding:16px 20px;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.account-required-buttons{padding:12px 20px 20px;display:flex;flex-direction:column;gap:8px}.social-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);transition:background var(--transition-normal)}.social-row:hover{background:var(--bg-hover)}.social-row-avatar{flex-shrink:0}.social-row-avatar .chat-avatar{width:36px!important;height:27px!important;font-size:.85rem!important}.social-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.social-row-info strong{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-row-info .badge{align-self:flex-start;font-size:.68rem;padding:2px 8px}.social-row-info small{font-size:.72rem;color:var(--text-muted)}.social-row-actions{display:flex;gap:6px;flex-shrink:0}.social-btn{padding:5px 12px;font-size:.78rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal);white-space:nowrap}.social-btn-compact{padding:4px 8px;font-size:.7rem}.add-btn{background:var(--accent-20);color:var(--theme-blue);border-color:var(--accent-30)}.add-btn:hover{background:var(--accent-35);border-color:var(--accent-50);box-shadow:0 0 10px var(--accent-10)}.accept-btn{background:color-mix(in srgb,var(--theme-sky) 18%,transparent);color:var(--theme-sky);border-color:color-mix(in srgb,var(--theme-sky) 35%,transparent)}.accept-btn:hover{background:color-mix(in srgb,var(--theme-sky) 30%,transparent);border-color:color-mix(in srgb,var(--theme-sky) 50%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--theme-sky) 15%,transparent)}.invite-btn{background:color-mix(in srgb,var(--theme-warm) 18%,transparent);color:var(--theme-warm);border-color:color-mix(in srgb,var(--theme-warm) 35%,transparent)}.invite-btn:hover{background:color-mix(in srgb,var(--theme-warm) 30%,transparent);border-color:color-mix(in srgb,var(--theme-warm) 50%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--theme-warm) 15%,transparent)}.remove-btn{background:color-mix(in srgb,var(--theme-alert) 18%,transparent);color:var(--theme-alert);border-color:color-mix(in srgb,var(--theme-alert) 35%,transparent)}.remove-btn:hover{background:color-mix(in srgb,var(--theme-alert) 30%,transparent);border-color:color-mix(in srgb,var(--theme-alert) 50%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--theme-alert) 15%,transparent)}.block-btn{background:color-mix(in srgb,var(--theme-alert) 14%,transparent);color:var(--theme-alert);border-color:color-mix(in srgb,var(--theme-alert) 28%,transparent)}.block-btn:hover{background:color-mix(in srgb,var(--theme-alert) 28%,transparent);border-color:color-mix(in srgb,var(--theme-alert) 45%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--theme-alert) 15%,transparent)}.unblock-btn{background:#80808026;color:var(--text-secondary);border-color:#80808040}.unblock-btn:hover{background:#8080804d;border-color:#80808066}.invite-room-label{font-size:.8rem;color:var(--text-secondary)}.invite-room-label strong{color:var(--accent);font-weight:600;font-size:.8rem}.detail-social-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;justify-content:center}.detail-social-actions .social-btn{padding:7px 16px;font-size:.82rem}.steam-detail-invite-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;margin-top:8px;font-size:.88rem;font-weight:600}.steam-detail-invite-btn .invite-btn-logo{width:20px;height:20px}.detail-admin-actions{width:100%;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px}.detail-admin-label{font-size:.75rem;opacity:.65;text-transform:uppercase;letter-spacing:.05em}.detail-admin-role-btns{display:flex;gap:6px}.detail-admin-role-btns .social-btn{padding:5px 12px;font-size:.78rem}.detail-admin-success{font-size:.78rem;color:var(--accent)}.detail-admin-scope-label{font-size:.74rem;opacity:.7}.detail-admin-permissions-list{width:100%;display:flex;flex-direction:column;gap:6px}.detail-admin-permissions-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary, rgba(255, 255, 255, .03))}.detail-admin-permissions-row-place{background:var(--bg-tertiary, rgba(255, 255, 255, .06))}.detail-admin-permissions-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.detail-admin-permission-box{width:22px;height:22px;border-radius:6px;border:1px solid var(--border);background:var(--bg-tertiary, rgba(255, 255, 255, .08));color:var(--text-primary);font-size:.85rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.detail-admin-permission-box.mixed{color:var(--text-muted);border-color:var(--text-muted)}.detail-admin-permission-box:disabled{opacity:.5;cursor:default}.admin-bot-settings{padding:10px 0}.admin-bot-settings h3{margin:0 0 12px;font-size:1rem}.admin-settings-card{padding:14px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-50, rgba(255, 255, 255, .04))}.admin-settings-card h3{margin:0 0 10px}.admin-settings-hint{margin:0 0 14px;font-size:.86rem;color:var(--text-muted);line-height:1.45}.admin-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.admin-settings-field{display:flex;flex-direction:column;gap:6px;font-size:.88rem}.admin-settings-field span{color:var(--text-secondary);font-weight:600}.admin-settings-field input{min-width:0;padding:10px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-secondary, rgba(255, 255, 255, .04));color:var(--text-primary)}.admin-settings-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.admin-settings-status{font-size:.82rem;color:var(--text-muted)}.chat-style-editor{padding:10px 0;position:relative}.chat-style-saved-indicator{position:absolute;top:4px;right:0;font-size:.8rem;color:#4caf50;opacity:0;transition:opacity .3s;pointer-events:none}.chat-style-saved-indicator.visible{opacity:1}.chat-style-editor h3{margin:0 0 10px;font-size:1rem}.chat-style-hint{font-size:.82rem;color:var(--text-muted);margin-bottom:10px}.chat-style-hint .link-btn{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.chat-style-mode-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chat-style-mode-preview-copy{margin:0 8px 0 4px;font-size:.82rem;color:var(--text-muted)}.chat-style-mode-preview-copy strong{color:var(--text-primary);font-weight:700}.chat-style-mode-btn{padding:4px 12px;font-size:.9rem;font-weight:600;border:2px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.chat-style-mode-btn:hover{border-color:var(--border-default);color:var(--text-secondary)}.chat-style-mode-btn.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 6px var(--accent-15)}.chat-style-auto-gen-btn{margin-left:auto;padding:4px 12px;font-size:.78rem;font-weight:600;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.chat-style-auto-gen-btn:hover{border-color:var(--accent);color:var(--accent)}.chat-style-preview{margin-bottom:14px;padding:12px;background:var(--surface-50);border-radius:10px}.chat-style-preview-bubble{display:inline-block;padding:8px 14px;max-width:80%}.chat-style-section{border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;margin-bottom:12px}.chat-style-section legend{font-size:.82rem;font-weight:600;color:var(--text-secondary);padding:0 6px}.chat-style-row{display:flex;align-items:center;gap:14px;margin:8px 0;flex-wrap:wrap}.chat-style-row label,.chat-style-row .chat-style-row-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-primary);cursor:pointer}.chat-style-row input[type=checkbox]{accent-color:var(--accent)}.chat-style-row input[type=range]{width:120px;accent-color:var(--accent)}.chat-style-color-input{display:inline-flex;align-items:center;gap:6px}.chat-style-color-input input[type=color]{width:32px;height:24px;border:1px solid var(--border-subtle);border-radius:4px;padding:0;cursor:pointer;background:transparent}.chat-style-color-input .clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:2px 4px}.color-picker-inline{position:relative;display:inline-block}.color-picker-swatch{width:32px;height:24px;border:1px solid var(--border-subtle);border-radius:4px;padding:0;cursor:pointer;display:block}.color-picker-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:240px;background:var(--bg-secondary, #1a2332);border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));border-radius:10px;box-shadow:0 8px 28px #00000073;padding:10px;touch-action:none}.color-picker-sv{position:relative;width:100%;height:140px;border-radius:6px;cursor:crosshair;touch-action:none;overflow:hidden;margin-bottom:8px}.color-picker-sv-white{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,transparent)}.color-picker-sv-black{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000,transparent)}.color-picker-sv-thumb{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #0009;transform:translate(-50%,-50%);pointer-events:none}.color-picker-hue{position:relative;width:100%;height:16px;border-radius:8px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;touch-action:none;margin-bottom:8px}.color-picker-hue-thumb{position:absolute;top:50%;width:min(108px,100%);height:18px;border:2px solid #fff;border-radius:4px;box-shadow:0 0 3px #00000080;transform:translate(-50%,-50%);pointer-events:none;background:transparent}.color-picker-suggestions{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:8px}.color-picker-suggestion{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:5px;cursor:pointer;padding:0}.color-picker-suggestion.active{border-color:var(--accent, #4fc3f7);box-shadow:0 0 4px var(--accent-40)}.color-picker-footer{display:flex;align-items:center;gap:8px}.color-picker-current{width:22px;height:22px;border-radius:4px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));flex-shrink:0}.color-picker-hex{font-family:monospace;font-size:12px;color:var(--text-muted, #8899aa)}.color-picker-done{margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600;border:none;border-radius:5px;background:var(--accent, #4fc3f7);color:#fff;cursor:pointer}.chat-style-border-options{display:flex;gap:6px;flex-wrap:wrap}.border-style-btn{padding:4px 10px;font-size:.78rem;border-radius:6px;border:1px solid var(--border-subtle);background:var(--deep-50);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.border-style-btn:hover{border-color:var(--accent)}.border-style-btn.active{background:var(--accent-18);border-color:var(--accent);box-shadow:0 0 6px var(--accent-15)}.border-style-btn.special{border-color:#ffb4324d}.border-style-btn.special.active{border-color:#ffb43299;background:#ffb4321f}.border-style-btn.locked{opacity:.45;cursor:not-allowed}.chat-style-actions{display:flex;gap:8px;margin-top:14px}.chat-style-actions .btn{padding:6px 18px;border-radius:8px;font-size:.85rem;border:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease}.chat-style-actions .btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.chat-style-actions .btn.primary:hover{filter:brightness(1.1)}.chat-style-actions .btn.primary:disabled{opacity:.6;cursor:not-allowed}.chat-style-actions .btn.secondary{background:var(--elevated-60);color:var(--text-primary)}.chat-style-actions .btn.secondary:hover{border-color:var(--border-default)}.chat-style-editor.readonly fieldset{opacity:.7}.chat-style-editor.readonly input,.chat-style-editor.readonly button:not(.room-details-section-toggle){pointer-events:none}.room-chat-style-panel{padding:0 12px}.room-chat-style-content{padding-bottom:12px}.room-chat-style-divider{border:none;border-top:1px solid var(--border-default, rgba(255, 255, 255, .1));margin:16px 0}.room-role-styles-title{font-size:14px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.room-role-style-entry{margin-bottom:12px;padding:8px;border-radius:6px;background:#ffffff08}.room-role-style-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.room-role-style-name{font-weight:600;font-size:13px;color:var(--text-primary)}.room-role-style-editor{margin-top:8px}.room-role-style-entry .chat-style-preview{margin:4px 0}.link-btn.danger{color:#e55}.link-btn.danger:hover{color:#f77}.room-chat-style-global-btn{margin-top:12px;width:100%;text-align:center}.chat-style-modal-backdrop{z-index:52;padding:clamp(24px,8vh,72px) 16px 24px;align-items:start;overflow-y:auto}.chat-style-modal{width:min(760px,94vw)}.chat-style-modal-header{align-items:flex-start;gap:16px}.chat-style-modal-subtitle{margin:6px 0 0;color:var(--text-muted);font-size:.9rem}.chat-style-modal-body{padding-top:4px}.chat-style-modal .room-chat-style-panel{padding:0}.center-chat .chat-header,.center-chat .chat-feed,.center-chat .chat-composer,.center-chat form,.center-chat .chat-footer{position:relative;z-index:1}.theme-settings{margin-top:20px;padding-top:18px;border-top:1px solid var(--border-subtle)}.theme-settings h3{margin:0 0 14px;font-size:1rem;color:var(--text-primary)}.theme-picker-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}.theme-picker-card{flex:1 1 120px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;border:2px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.theme-picker-card:hover{border-color:var(--border-default);background:var(--bg-elevated)}.theme-picker-card.active{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.theme-picker-swatches{display:flex;gap:4px}.theme-picker-swatches span{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.theme-picker-name{font-size:.82rem;font-weight:600;color:var(--text-primary)}.color-mode-toggle-row{display:flex;gap:8px;margin-bottom:8px}.color-mode-btn{flex:1;padding:10px 0;border:2px solid var(--border-subtle);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.88rem;font-weight:500;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);text-align:center}.color-mode-btn:hover{border-color:var(--border-default);color:var(--text-primary)}.color-mode-btn.active{border-color:var(--accent);color:var(--accent-hover);box-shadow:0 0 8px var(--accent-10)}.theme-slider-label{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;margin:10px 0 0;font-size:.85rem;color:var(--text-secondary)}.theme-slider-label input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--accent)}.theme-slider-value{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.8rem;min-width:40px;text-align:right}@media (max-width: 1100px) and (min-width: 781px){.app-shell{grid-template-columns:var(--left-rail-width, 220px) 6px 1fr var(--right-handle-width, 6px) var(--right-panel-width, 0px);height:100vh}.center-stage{height:100%;min-height:0}}@media (max-width: 780px){html,body{height:100%;overflow:hidden;overscroll-behavior:none;position:fixed;width:100%}.app-shell{--shell-top-bar-height: 54px;display:flex;flex-direction:column;grid-template-columns:unset;position:fixed;top:0;left:0;right:0;bottom:0;height:100%;min-height:0;overflow:hidden;padding-top:0}.resize-handle{display:none}.mobile-drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#04070ea6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;animation:backdrop-in .15s ease}.left-rail{position:fixed;top:0;left:0;bottom:0;width:85vw;max-width:320px;z-index:100;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--border-subtle);will-change:transform;overflow:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box}.left-rail.drawer-open{transform:translate(0)}.mobile-view-rooms .left-rail{position:fixed!important;top:0;right:0;bottom:0;left:0;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;flex:1 1 auto;min-height:0;transform:none!important;z-index:200;border-right:none;overflow:hidden;animation:slide-in-left .25s cubic-bezier(.4,0,.2,1)}.mobile-view-rooms .left-rail>.sidebar-vertical-pixels,.mobile-view-rooms .left-rail>.sidebar-vertical-pixels>.sidebar-gradient-content{height:100%;min-height:0}.mobile-view-rooms .left-rail>.sidebar-vertical-pixels>.sidebar-gradient-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.brand-block{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 10px}.brand-header-row{gap:8px}.brand-block-left{flex:1;min-width:0}.brand-wordmark{min-width:0;overflow:hidden}.rail-profile-avatar-btn{display:inline-flex;flex-shrink:0}.center-stage{flex:1 1 0;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.center-chat{flex:1 1 0;min-height:0;height:0;border-left:none;border-right:none;overflow:hidden;display:flex;flex-direction:column}.mobile-view-chat .center-stage,.mobile-view-arcade .center-stage{animation:slide-in-right .25s cubic-bezier(.4,0,.2,1);flex:1 1 auto;min-height:0;height:100%!important}.app-shell.mobile-view-chat,.app-shell.mobile-view-detail{padding-top:0}.app-shell.mobile-view-chat .center-stage{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;max-width:100vw;z-index:2;height:auto!important;overflow-x:hidden}.app-shell.mobile-view-chat .arcade-runtime-dock{display:none}.mobile-view-chat .center-chat,.mobile-view-arcade .center-chat{display:flex;flex-direction:column;min-height:0;height:100%!important;width:100%;max-width:100vw;overflow-x:hidden}.mobile-view-chat .chat-feed-shell,.mobile-view-arcade .chat-feed-shell{flex:1 1 0;min-height:0;width:100%;max-width:100%;overflow-x:hidden}.mobile-view-chat .chat-feed,.mobile-view-arcade .chat-feed{flex:1 1 auto;min-height:0;height:auto;width:100%;max-width:100%;overflow-x:hidden}.mobile-view-rooms .center-stage,.mobile-view-detail .center-stage,.mobile-view-arcade .center-chat{display:none}.right-panel{border-left:none;position:relative;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-view-rooms .right-panel,.mobile-view-chat .right-panel,.mobile-view-arcade .right-panel{display:none}.mobile-view-detail .right-panel{display:block;position:fixed!important;top:0;right:0;bottom:0;left:0;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;min-height:0;z-index:200;overflow:hidden;box-sizing:border-box;animation:slide-in-right .25s cubic-bezier(.4,0,.2,1)}.mobile-view-detail .right-panel>.sidebar-vertical-pixels,.mobile-view-detail .right-panel>.sidebar-vertical-pixels>.sidebar-gradient-content,.mobile-view-detail .right-panel .room-details-panel{height:100%;min-height:0}.mobile-view-detail .right-panel>.sidebar-vertical-pixels{display:flex;flex-direction:column;height:100%!important;width:100%;position:relative;z-index:1}.mobile-view-detail .right-panel>.sidebar-vertical-pixels>.sidebar-gradient-content{position:static;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-view-detail .right-panel .room-details-panel{position:relative;flex:1 1 auto;min-height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.mobile-view-detail .game-rooms-section{display:none}.mobile-hamburger{display:grid;place-items:center;width:36px;height:36px;font-size:1.15rem;padding:0;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.mobile-hamburger:active{background:var(--bg-hover)}.mobile-rail-close{display:grid;place-items:center;width:32px;height:32px;font-size:1rem;padding:0;margin-left:0;margin-right:0;order:0;border-radius:var(--radius-sm);background:var(--accent-10);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.mobile-rail-close:hover,.mobile-rail-close:active{color:var(--text-primary);background:var(--accent-20);border-color:var(--border-accent)}.rail-user-status-top{display:none}.rail-rooms{overflow-y:auto;-webkit-overflow-scrolling:touch}.arcade-panel{min-height:0;padding:0}.sidebar-subtabs.arcade-top-controls{margin-bottom:8px;gap:6px}.arcade-panel-body{padding:0 8px 10px}.arcade-top-control-btn-source{gap:2px;min-width:92px;padding-inline:6px}.arcade-top-control-btn-utility{flex-basis:32px;width:32px;min-width:32px;height:32px}.arcade-top-control-btn-select.custom-select-trigger,.arcade-top-control-btn-select{gap:8px}.arcade-top-control-select{max-width:210px}.arcade-top-control-select .arcade-system-select-option-avatar{width:36px;height:24px}.arcade-system-select-option-avatar{width:28px;height:28px}.arcade-control-row{gap:6px}.arcade-control-row>button{width:64px;min-width:64px;height:64px}.arcade-tab{gap:3px;padding:6px 4px;font-size:.62rem}.arcade-tab img,.arcade-system-filter-trigger img{width:30px;height:30px}.arcade-tab-import-icon{width:22px;height:22px}.arcade-library-list{max-height:none;overflow-y:auto;flex:1;min-height:0}.mobile-voice-header{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.mobile-voice-me{display:flex;align-items:center;gap:6px}.mobile-voice-me-avatar{width:28px;height:28px;flex-shrink:0}.mobile-voice-me-avatar .chat-avatar{width:28px!important;height:21px!important}.mobile-voice-me-controls{display:flex;gap:4px}.mobile-voice-ctrl-btn{width:30px;height:30px;display:grid;place-items:center;font-size:.85rem;border-radius:var(--radius-sm);padding:0;background:#19244499;border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast)}.mobile-voice-ctrl-btn:active{background:#2d3c64cc}.mobile-voice-ctrl-leave{background:#c0524f33;border-color:#c0524f59}.mobile-voice-ctrl-leave:active{background:#c0524f73}.mobile-voice-others-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;border-radius:999px;background:var(--deep-30);border:1px solid var(--accent-20);color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast),border-color var(--transition-fast)}.mobile-voice-others-btn:active{background:var(--deep-50);border-color:var(--accent-40)}.mobile-voice-join-btn{display:flex;align-items:center;gap:4px;margin-left:auto;padding:6px 14px;font-size:.78rem;font-weight:700;border-radius:var(--radius-sm);background:var(--success);border:1px solid transparent;color:#fff;cursor:pointer;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.mobile-voice-join-btn:active:not(:disabled){background:#58b882;box-shadow:0 0 12px #4a9e724d}.mobile-voice-join-btn:disabled{opacity:.5}.mobile-voice-popup{width:90vw;max-width:360px;max-height:70vh;display:flex;flex-direction:column;background:#0c1226fa;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 16px 48px #00000080;overflow:hidden}.mobile-voice-popup-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle);background:var(--surface-60)}.mobile-voice-popup-header h3{margin:0;font-size:.9rem;font-weight:700}.mobile-voice-popup-list{display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px;gap:4px}.mobile-voice-popup-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-primary);cursor:pointer;width:100%;text-align:left;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.mobile-voice-popup-row:active{background:var(--deep-25)}.mobile-voice-popup-avatar{width:32px;height:24px;flex-shrink:0}.mobile-voice-popup-avatar .chat-avatar{width:32px!important;height:24px!important}.mobile-voice-popup-name{flex:1;min-width:0;font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-voice-popup-status{flex-shrink:0;font-size:.82rem}.rail-dock,.voice-dock{margin:6px 0 0;padding:8px!important;border-radius:0!important}.voice-dock-label{font-size:.58rem}.voice-dock-room-name{font-size:.78rem}.dock-toggle-btn{font-size:.62rem;padding:3px 7px}.dock-summary-pill{font-size:.64rem;min-height:18px;padding:0 7px}.voice-dock-action-row{gap:6px}.join-voice-button,.stream-go-live-button{font-size:.74rem;padding:5px 8px}.rail-dock-minimized .dock-compact-row{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.rail-dock-minimized .dock-compact-row::-webkit-scrollbar{display:none}.rail-dock-minimized .dock-compact-info{min-height:26px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-50);color:var(--text-secondary);font-size:.7rem;font-weight:600;flex-shrink:0}.rail-dock-minimized .dock-compact-title{max-width:140px;color:var(--text-primary)}.rail-dock-minimized .dock-mini-btn{height:28px;min-width:28px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-60);color:var(--text-primary);font-size:.78rem;font-weight:600;flex-shrink:0}.rail-dock-minimized .dock-mini-join-voice{border-color:transparent;background:var(--success);color:#fff}.rail-dock-minimized .dock-mini-start-stream{background:#e5393526;border-color:#e539354d;color:#e53935}.rail-dock-minimized .dock-mini-warning{border-color:color-mix(in srgb,var(--warning) 45%,var(--border-subtle));background:color-mix(in srgb,var(--warning) 18%,var(--surface-60));color:color-mix(in srgb,var(--warning) 82%,#fff)}.voice-dock-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.voice-fx-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-fx-sliders{grid-template-columns:1fr}.rail-footer{padding:10px 12px}.rail-brand-footer{justify-content:space-between}.right-panel-footer{justify-content:space-between;position:sticky;bottom:0}.chat-header{height:var(--shell-top-bar-height);padding:10px 12px;gap:8px;order:-2;flex-shrink:0;border-radius:0;border:none;background:color-mix(in srgb,var(--surface-primary) 45%,transparent)}.chat-header h2{font-size:.92rem}.chat-header-info[role=button]{cursor:pointer;-webkit-tap-highlight-color:transparent}.chat-composer{order:1;flex-shrink:0;border-radius:0;border:none;background:color-mix(in srgb,var(--surface-primary) 45%,transparent)}.voice-dock{border-radius:0!important;border:none!important}.mobile-online-count{display:block}.room-details-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:#00000059;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:6}.room-details-close-inline{position:static;margin-right:8px;z-index:auto}.room-details-close:active{background:#0000008c;color:var(--text-primary)}.chat-feed{padding:8px 10px;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1 1 0;min-height:0;height:0;align-items:stretch}.chat-composer{padding:8px 10px 10px;gap:8px}.chat-composer textarea{padding:10px 12px;font-size:16px}.composer-format-toolbar{gap:6px}.composer-format-btn{padding:3px 6px;font-size:.7rem}.composer-toolbar-actions{gap:4px}.composer-toolbar-btn,.composer-expand-btn{width:34px;height:34px}.chat-composer-expanded{--composer-expanded-action-width: 48px}.composer-send-btn{padding:10px 16px}.chat-composer-expanded .composer-send-btn{padding:0 14px}.chat-message{max-width:100%;width:100%}.chat-attachment-image-link,.chat-attachment-image,.chat-attachment-video,.chat-attachment-video-btn,.youtube-embed,.link-preview-card{max-width:100%}.chat-message-own{align-self:stretch;justify-content:flex-end;margin-left:0;margin-right:0}.chat-avatar-wrap{width:48px;height:36px;flex-shrink:0}.chat-avatar{width:48px;height:36px}.chat-bubble{padding:6px 10px;min-width:0;max-width:none}.chat-message-header strong{max-width:100px}.chat-message-header small{font-size:.6rem}.chat-actions-toolbar{position:absolute;top:100%;margin-top:2px;max-width:320px;display:none;overflow:hidden;padding:0;border:none;background:transparent;box-shadow:none;z-index:10}.chat-message-last .chat-actions-toolbar{top:auto;bottom:100%;margin-top:0;margin-bottom:2px}.chat-message:not(.chat-message-own) .chat-actions-toolbar{left:56px;right:0}.chat-message-own .chat-actions-toolbar{left:0;right:56px}.chat-message-mobile-open .chat-actions-toolbar{display:flex;padding:4px;pointer-events:auto;background:#0e1530eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 4px 16px #00000059}.chat-delete-btn{opacity:0;pointer-events:none;width:24px;height:24px;font-size:.7rem}.chat-message-mobile-open .chat-delete-btn{opacity:1;pointer-events:auto}.chat-segment-delete-btn{width:22px;height:22px;font-size:.68rem}.chat-message-mobile-open .chat-segment-delete-btn{opacity:1;pointer-events:auto;transform:scale(1)}.detail-panel-header{padding:12px 14px 10px;flex-direction:row-reverse;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-shadow)}.detail-message{height:auto;flex:1;min-height:0}.detail-section{padding:12px 14px}.auth-panel{margin:0 8px 8px;padding:14px!important}.modal-backdrop{z-index:10040;place-items:center;align-items:center;padding:16px}.settings-modal-backdrop{align-items:start;justify-items:center}.settings-modal{width:100%;max-width:100vw;max-height:calc(100% - 32px);height:auto;border-radius:var(--radius-lg);border:1px solid var(--border-default);padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.welcome-gate-modal{width:100%;max-width:100vw;max-height:calc(100% - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch}.create-room-modal,.confirm-modal{width:100%;max-width:100vw;height:auto;max-height:calc(100% - 32px);border-radius:var(--radius-lg);margin-top:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.force-modal{z-index:210}.room{padding:10px;min-height:0}.room-action-btn{width:32px;height:32px;min-height:32px}.room-actions{opacity:1}.room-row-with-actions{min-height:0}.room-with-actions{padding-bottom:10px}.room-row-with-actions .room-actions{left:max(6px,calc(50% - 110px));top:12px;right:auto;bottom:auto;transform:none}.room-row-with-actions .room-action-btn{width:36px;height:36px;min-height:36px}.icon-button{width:40px;height:40px;font-size:1.1rem}.emoji-button{width:44px;height:44px}.emoji-picker-popup,.emoji-picker-popup-fixed{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:50vh;max-height:50vh;border-radius:16px 16px 0 0;z-index:9999;animation:emojiPickerSlideUp .22s ease;transition:height .25s ease,max-height .25s ease,transform .25s ease;display:flex;flex-direction:column}.emoji-picker-popup.emoji-picker-expanded,.emoji-picker-popup-fixed.emoji-picker-expanded{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}.emoji-picker-popup-own{left:0;right:0}.emoji-picker-popup-detail{position:fixed;bottom:0;left:0;right:0;max-width:100%;margin-top:0}@keyframes emojiPickerSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-drag-handle{display:flex;align-items:center;justify-content:center;padding:10px 0 4px;cursor:grab;touch-action:none;flex-shrink:0;min-height:24px}.emoji-picker-body{flex:1 1 0;min-height:0;max-height:none}.emoji-picker-grid{grid-template-columns:repeat(7,1fr);gap:2px}.emoji-picker-cell{font-size:1.55rem;width:100%;aspect-ratio:1}.emoji-picker-footer{display:none}.brand-block{padding:14px 14px 12px}.brand-feather-logo,.brand-name-logo{height:20px}.error{bottom:12px}::-webkit-scrollbar{width:3px}.thread-composer input{font-size:16px}.mobile-drawer-open{overflow:hidden}.social-modal{width:100vw;max-height:100dvh;border-radius:0}.social-search input{font-size:16px}}.dm-btn{background:var(--accent-20);color:var(--theme-steel);border-color:var(--accent-30);width:100%}.dm-btn:hover{background:var(--accent-35);border-color:var(--accent-50);box-shadow:0 0 10px var(--accent-15)}@keyframes badge-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.dm-notification-label{font-size:.8rem;color:var(--text-secondary)}.chat-attach-wrap,.chat-emoji-wrap{position:relative}.chat-attach-menu{position:absolute;bottom:calc(100% + 8px);right:0;z-index:10020;min-width:180px;background:var(--elevated-98);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;overflow:hidden;animation:fadeInUp .12s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-attach-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-primary);font-size:.88rem;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.chat-attach-menu-item:hover{background:var(--deep-35)}.chat-attach-menu-item+.chat-attach-menu-item{border-top:1px solid var(--border-subtle)}.gif-search-modal{max-width:640px;width:90vw;max-height:80dvh;display:flex;flex-direction:column;overflow:hidden}.gif-search-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px}.gif-search-header h2{margin:0;font-size:1.1rem}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.modal-close-btn:hover{color:var(--text-primary);background:#ffffff14}.gif-search-input{width:100%;padding:10px 14px;background:var(--surface-80);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;margin-bottom:12px;box-sizing:border-box;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.gif-search-input:focus{outline:none;border-color:var(--theme-blue);box-shadow:0 0 0 3px var(--accent-glow)}.gif-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:4px 0;min-height:200px}.gif-grid-item{background:var(--elevated-60);border:1px solid transparent;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;padding:0;min-height:140px;height:140px;transition:border-color var(--transition-fast),transform 80ms ease}.gif-grid-item:hover{border-color:var(--theme-blue);transform:scale(1.03)}.gif-grid-item img{width:100%;height:100%;object-fit:cover;display:block}.gif-loading,.gif-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:40px 16px;color:var(--text-muted);font-size:.9rem}.gif-attribution{text-align:center;color:var(--text-muted);font-size:.75rem;padding:8px 0 0;opacity:.7}.arcade-panel{display:flex;flex-direction:column;gap:0;padding:0;position:relative;flex:1;min-height:0;overflow:hidden}.arcade-top-controls-side{flex:0 0 auto;min-width:0;display:flex;align-items:center}.arcade-top-controls-utility-row{display:flex;align-items:center;justify-content:flex-end;gap:4px}.arcade-panel-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;padding:0 10px 10px}.arcade-top-control-btn{text-transform:uppercase}.arcade-top-control-btn-select.custom-select-trigger,.arcade-top-control-btn-select{display:inline-flex;align-items:center;justify-content:space-between;gap:10px}.arcade-top-control-btn-source{flex:0 0 auto;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:auto;min-width:96px;padding-inline:8px;gap:1px;text-align:center}.arcade-top-controls .arcade-top-control-btn-source.sidebar-subtab,.arcade-top-controls .arcade-top-control-btn-utility.sidebar-subtab{border:1px solid var(--accent-25);background:color-mix(in srgb,var(--accent-8) 72%,transparent)}.arcade-top-controls .arcade-top-control-btn-source.sidebar-subtab:hover,.arcade-top-controls .arcade-top-control-btn-utility.sidebar-subtab:hover{border-color:var(--accent-30)}.arcade-top-control-btn-utility{flex:0 0 34px;width:34px;min-width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}.arcade-top-control-btn-emoji{font-size:.96rem}.arcade-system-select-option-content{display:inline-flex;align-items:center;gap:8px;min-width:0}.arcade-system-select-option-avatar{width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.arcade-system-select-option-avatar img,.arcade-system-select-option-fallback{width:100%;height:100%;border-radius:8px;object-fit:cover;display:block}.arcade-system-select-option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arcade-top-control-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;line-height:1.05}.arcade-top-controls .arcade-top-control-btn-source.sidebar-subtab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;white-space:normal;overflow:visible;text-overflow:clip;gap:1px}.arcade-top-controls .arcade-top-control-btn-source.sidebar-subtab .arcade-top-control-label,.arcade-top-controls .arcade-top-control-btn-source.sidebar-subtab .arcade-top-control-value{display:block;width:100%;text-align:center}.arcade-top-control-value{color:var(--text-primary);line-height:1.05;white-space:nowrap}.arcade-panel-body .arcade-games-list{flex:1;min-height:0;max-height:none;overflow-y:auto;scrollbar-gutter:stable}.arcade-library-list,.arcade-session-list{margin:0}.arcade-library-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;max-height:none;overflow-y:auto;padding-right:4px}.arcade-library-list-combined{margin-top:2px}.arcade-library-row-main{width:100%;height:100%;min-width:0;display:flex;align-items:stretch;gap:10px}.arcade-library-row-art{position:relative;width:60px;align-self:stretch;height:auto;border-radius:10px 0 0 10px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.1rem;font-weight:800;flex-shrink:0;background:color-mix(in srgb,var(--bg-surface) 72%,var(--surface-primary));border:none;box-shadow:none}.arcade-coming-soon-banner{position:absolute;top:7px;left:-18px;transform:rotate(-35deg);pointer-events:none;z-index:2;padding:2px 20px;border:1px solid color-mix(in srgb,var(--danger) 68%,#000 32%);border-radius:999px;background:color-mix(in srgb,var(--warning) 74%,var(--danger) 26%);color:color-mix(in srgb,#1f1200 70%,#000 30%);text-transform:uppercase;letter-spacing:.06em;font-size:.52rem;font-weight:900;line-height:1.2;box-shadow:0 6px 12px #571c0347}.arcade-library-row-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.arcade-session-thumb img,.admin-arcade-preview img{display:block;width:100%;height:100%;object-fit:cover}.arcade-library-row-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:6px 0}.arcade-library-row-title{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.arcade-library-row-title strong{color:var(--text-primary);font-size:.86rem;font-weight:600;line-height:1.2}.arcade-local-row{padding-left:10px;min-height:62px}.arcade-local-row .arcade-library-row-main{width:100%}.arcade-local-row .arcade-library-row-title{flex-wrap:nowrap}.arcade-local-row .arcade-library-row-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.98rem}.arcade-local-row .arcade-library-row-meta{min-height:26px}.arcade-library-row-meta{display:flex;align-items:center;gap:6px;min-height:22px}.arcade-controller-pill{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:0 8px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-50);color:var(--text-secondary);font-size:.72rem;font-weight:600}.arcade-controller-pill-editable{cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.arcade-controller-pill-editable:hover{border-color:var(--accent);background:var(--surface-80)}.arcade-controller-pill-icon{color:var(--text-muted);flex-shrink:0}.arcade-controller-pill-count{color:var(--text-primary);line-height:1}.arcade-local-row .arcade-controller-pill,.arcade-selected-hero-local .arcade-controller-pill{min-height:26px;font-size:.84rem;padding:0 10px}.arcade-local-row .arcade-controller-pill-icon,.arcade-selected-hero-local .arcade-controller-pill-icon{width:16px;height:16px}.arcade-system-pill{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:var(--accent-8);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;gap:4px}.arcade-system-avatar{display:inline-block;width:16px;height:16px;object-fit:cover;border-radius:3px;flex-shrink:0}.arcade-local-row .arcade-system-pill,.arcade-selected-hero-local .arcade-system-pill{min-height:24px;font-size:.72rem;padding:0 9px}.arcade-local-launcher,.arcade-selected-hero,.arcade-active-preview-line{border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-60)}.arcade-local-launcher-input{display:none}.arcade-local-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 20px;border-radius:14px;border:1px dashed var(--border-default);background:linear-gradient(180deg,var(--surface-80),var(--surface-60)),radial-gradient(circle at top center,var(--accent-10),transparent 58%);transition:border-color .15s,box-shadow .15s,background .15s,transform .15s;text-align:center;cursor:pointer}.arcade-local-dropzone.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-30),0 0 0 4px var(--accent-8);background:linear-gradient(180deg,var(--surface-90),var(--surface-80)),radial-gradient(circle at top center,var(--accent-20),transparent 62%);transform:translateY(-1px)}.arcade-local-dropzone:focus-visible{outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-30),0 0 0 4px var(--accent-8)}.arcade-local-dropzone-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;border:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--surface-50),var(--deep-20));color:var(--text-secondary);box-shadow:inset 0 1px 0 var(--accent-6)}.arcade-local-dropzone-copy{min-width:0;display:flex;flex-direction:column;gap:6px;align-items:center}.arcade-local-dropzone-copy strong{color:var(--text-primary);font-size:1rem}.arcade-local-dropzone-copy span{color:var(--text-muted);font-size:.84rem}.arcade-toast-stack{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;flex-direction:column;gap:8px;width:min(320px,calc(100% - 32px));pointer-events:none}.arcade-toast-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--accent-20);background:radial-gradient(circle at top right,var(--accent-12),transparent 50%),color-mix(in srgb,var(--surface-80) 92%,black 8%);box-shadow:var(--shadow-elevated);animation:toast-in .2s ease}.arcade-toast-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--accent-8);border:1px solid var(--border-subtle);font-size:1rem;flex-shrink:0}.arcade-toast-body{min-width:0;display:flex;flex-direction:column;gap:2px}.arcade-toast-body strong{color:var(--text-primary);font-size:.82rem}.arcade-toast-body span{color:var(--text-secondary);font-size:.76rem}.arcade-notification-row{align-items:flex-start}.arcade-notification-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.8rem;flex-wrap:wrap}.arcade-notification-role-icon{display:inline-flex;align-items:center;justify-content:center;min-width:18px}.arcade-active-preview{margin:0}.arcade-active-preview-line{display:flex;align-items:center;gap:10px;padding:10px 14px}.arcade-active-preview-art{flex-shrink:0;overflow:hidden;background:var(--surface-50)}.arcade-active-preview-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.arcade-active-preview-title{color:var(--text-primary);font-size:.84rem;font-weight:700}.arcade-active-preview-meta{color:var(--text-muted);font-size:.75rem}.arcade-runtime-dock{position:relative;z-index:25}.arcade-runtime-parking{display:none}.arcade-runtime-shell{position:fixed;width:min(72vw,860px);overflow:hidden;border:none;border-radius:12px;background:#0c121f;box-shadow:var(--shadow-elevated);z-index:80}.arcade-runtime-shell-floating{left:12px;top:88px}.arcade-runtime-shell-docked{position:fixed;width:100%;max-width:none;border:none;border-radius:10px;box-shadow:var(--shadow-elevated);z-index:80}.arcade-runtime-shell-docked .arcade-runtime-shell-bar{cursor:default}.arcade-runtime-shell.is-dragging{box-shadow:0 20px 48px #00000085}.arcade-runtime-shell:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;max-width:none;border-radius:0;border:0;margin:0}.arcade-runtime-shell-fullscreen{display:flex;flex-direction:column}.arcade-runtime-shell-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:#0c121f;cursor:grab}.arcade-runtime-shell.is-dragging .arcade-runtime-shell-bar{cursor:grabbing}.arcade-runtime-shell-title{min-width:0}.arcade-runtime-shell-title strong{display:block;font-size:.82rem;font-weight:700;color:#f1f5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arcade-runtime-shell-actions{display:flex;align-items:center;gap:6px}.arcade-runtime-shell-action{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0a;color:#e6edff;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.arcade-runtime-shell-action:hover{background:#ffffff1a;border-color:#ffffff3d}.arcade-runtime-shell-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.arcade-runtime-shell-content{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#070b14}.arcade-runtime-shell:fullscreen .arcade-runtime-shell-content,.arcade-runtime-shell-fullscreen .arcade-runtime-shell-content{flex:1 1 auto;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}.arcade-runtime-shell:fullscreen .arcade-runtime-frame-host,.arcade-runtime-shell-fullscreen .arcade-runtime-frame-host{position:relative;inset:auto;height:100%;width:auto;max-width:100%;max-height:100%;aspect-ratio:4 / 3}.arcade-runtime-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;text-align:center;background:radial-gradient(circle at top,rgba(122,162,255,.14),transparent 48%),#070b14}.arcade-runtime-empty>p{margin:0;max-width:56ch;color:#d8e6ff;font-size:.92rem;line-height:1.45;text-shadow:0 1px 2px rgba(0,0,0,.45)}.arcade-runtime-empty .arcade-session-sidecar{width:min(100%,460px);margin:0}.arcade-panel-empty{padding:18px 16px;color:var(--text-secondary);font-size:.82rem;border:1px dashed var(--border-subtle);border-radius:12px;background:var(--surface-50);text-align:center}.arcade-play-btn{display:flex;align-items:center;justify-content:center;gap:10px;flex:2 1 0;padding:14px 24px;border:1px solid var(--accent-20);border-radius:14px;background:var(--accent-8);color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s,border-color .3s,box-shadow .3s}.arcade-play-btn:hover:not(:disabled){background:var(--accent-15);border-color:var(--accent-30);box-shadow:0 0 16px var(--accent-20)}.arcade-play-btn:active:not(:disabled){transform:scale(.98)}.arcade-play-btn:disabled{opacity:.5;cursor:not-allowed}.arcade-play-btn svg{flex-shrink:0}.arcade-inline-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050913a3;z-index:10050;display:flex;align-items:center;justify-content:center;padding:14px}.arcade-inline-modal{width:min(360px,100%);border-radius:14px;border:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--surface-80),var(--bg-surface));box-shadow:0 16px 42px #00000059;padding:14px;display:flex;flex-direction:column;gap:10px}.arcade-import-modal{width:min(520px,100%)}.arcade-inline-modal h3{margin:0;font-size:.95rem}.arcade-inline-modal p{margin:0;color:var(--text-secondary);font-size:.8rem}.arcade-inline-modal-field{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:.78rem}.arcade-inline-modal-field .custom-select-trigger{border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-80);color:var(--text-primary);padding:6px 8px}.arcade-inline-modal-actions{display:flex;justify-content:flex-end;gap:8px}.arcade-credits-pre{margin:0;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-60);color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.45;padding:10px;max-height:min(58vh,440px);overflow:auto;white-space:pre-wrap}.arcade-doom-import-inline{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-60);padding:10px}.arcade-doom-import-inline span{color:var(--text-muted);font-size:.76rem}.arcade-doom-wad-row{padding-left:10px;padding-right:10px;min-height:56px}.arcade-doom-wad-row .arcade-library-row-main{width:100%}.arcade-bar-browser-warning{margin:2px 0 0;color:#ff6b6b;font-size:.72rem;line-height:1.35;text-align:center}.arcade-library-group-head span,.arcade-session-meta,.arcade-upload-note,.arcade-upload-summary,.arcade-session-sidecar-label{font-size:.74rem;color:var(--text-muted)}.arcade-slot-card,.arcade-session-sidecar{border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-50)}.arcade-session-sidecar{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px;margin:12px 16px 0}.arcade-session-sidecar-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}@media (max-width: 780px){.arcade-session-sidecar{grid-template-columns:1fr;display:grid}.arcade-active-preview-line{align-items:flex-start;flex-wrap:wrap}.arcade-local-dropzone{padding:24px 16px}.arcade-toast-stack{left:12px;right:12px;width:auto;bottom:12px}.arcade-library-row-main,.arcade-library-row-actions,.arcade-create-actions,.arcade-session-head-actions{justify-content:flex-start}.arcade-runtime-shell-mobile{left:10px!important;right:10px;top:64px!important;width:auto;max-width:none}.arcade-runtime-shell-mobile .arcade-runtime-shell-content{aspect-ratio:auto;height:min(82dvh,760px)}.arcade-runtime-shell-bar{padding:8px 10px}}.seo-page{min-height:100vh;background:var(--bg-base);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;flex-direction:column}.seo-nav{display:flex;align-items:center;gap:1.5rem;padding:1rem 2rem;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.seo-nav-brand{font-size:1.25rem;font-weight:700;color:var(--theme-sky);text-decoration:none;margin-right:auto}.seo-nav-links{display:flex;gap:1.25rem}.seo-nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color var(--transition-fast)}.seo-nav-links a:hover{color:var(--text-primary)}.user-action-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400}.user-action-menu{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;border:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--surface-98),var(--surface-elevated));box-shadow:0 18px 40px #00000047,0 0 0 1px var(--accent-10);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.user-action-menu-sheet{border-radius:18px}.user-action-menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-primary)}.user-action-menu-header strong{font-size:.95rem;line-height:1.2}.user-action-menu-close{width:28px;height:28px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-50);color:var(--text-secondary);cursor:pointer}.user-action-menu-group{display:flex;flex-direction:column;gap:6px}.user-action-menu-divider{height:1px;background:var(--border-subtle)}.user-action-menu-item{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-50);color:var(--text-primary);font-size:.86rem;font-weight:600;text-align:left;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.user-action-menu-item:hover{background:var(--accent-8);border-color:var(--accent-25);transform:translateY(-1px)}.user-action-menu-item-tab{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}@media (max-width: 680px){.user-action-menu-overlay{background:#00000052}.user-action-menu{right:12px;left:12px!important;width:auto!important;max-height:calc(100vh - 24px);overflow:auto}}.message-action-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400}.message-action-menu{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:14px;border:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--surface-98),var(--surface-elevated));box-shadow:0 18px 40px #00000047,0 0 0 1px var(--accent-10);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.message-action-menu-sheet{border-radius:18px}.message-action-menu-item{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:9px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-primary);font-size:.84rem;font-weight:600;text-align:left;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.message-action-menu-item:hover{background:var(--accent-8);border-color:var(--accent-25)}.message-action-menu-item-danger{color:var(--danger)}.message-action-menu-item-danger:hover{background:#c0524f1f;border-color:#c0524f4d}@media (max-width: 680px){.message-action-menu-overlay{background:#00000052}.message-action-menu{right:12px;left:12px!important;width:auto!important;max-height:calc(100vh - 24px);overflow:auto}}.chat-edited-tag{font-style:italic;opacity:.6}.composer-edit-indicator{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--accent-8);border:1px solid var(--accent-25);border-radius:10px 10px 0 0;color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.02em}.composer-edit-cancel{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-50);color:var(--text-secondary);font-size:.72rem;cursor:pointer;padding:0;transition:background var(--transition-fast),color var(--transition-fast)}.composer-edit-cancel:hover{background:#c0524f26;color:var(--danger)}.composer-send-btn-editing{color:var(--accent);font-size:1.1rem;font-weight:700}.seo-cta-btn{display:inline-block;padding:.55rem 1.4rem;background:var(--accent);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:.9rem;transition:background var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.seo-cta-btn:hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.seo-cta-lg{padding:.75rem 2rem;font-size:1.05rem}.seo-main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:0 2rem}.seo-hero{text-align:center;padding:4rem 0 3rem}.seo-hero h1{font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 1rem;background:linear-gradient(135deg,var(--theme-sky),var(--theme-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.seo-hero-sub{font-size:1.15rem;color:var(--text-secondary);max-width:640px;margin:0 auto 2rem;line-height:1.6}.seo-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem 0}.seo-feature-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.seo-feature-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-card)}.seo-feature-card h2{font-size:1.15rem;font-weight:700;margin:0 0 .75rem;color:var(--theme-sky)}.seo-feature-card p{font-size:.92rem;color:var(--text-secondary);line-height:1.6;margin:0}.seo-section{padding:2.5rem 0}.seo-section h2{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.seo-section p{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin:0 0 1rem}.seo-cta-section{text-align:center;padding:3rem 0 4rem}.seo-faq-item{padding:1.25rem 0;border-bottom:1px solid var(--border-subtle)}.seo-faq-item:last-child{border-bottom:none}.seo-faq-item h3{font-size:1.05rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.seo-faq-item p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.seo-contact-email{text-align:center;padding:1rem 0}.seo-contact-email a{font-size:1.25rem;color:var(--theme-sky);text-decoration:none;font-weight:600}.seo-contact-email a:hover{text-decoration:underline}.seo-contact-form{max-width:560px;display:flex;flex-direction:column;gap:1.25rem;margin:1.5rem 0}.seo-form-row{display:flex;flex-direction:column;gap:.35rem}.seo-form-row label{font-size:.88rem;font-weight:600;color:var(--text-secondary)}.seo-form-row input,.seo-form-row .custom-select-trigger,.seo-form-row textarea{width:100%;padding:.65rem .85rem;font-size:.95rem;font-family:inherit;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.seo-form-row input:focus,.seo-form-row .custom-select-trigger:focus,.seo-form-row textarea:focus{border-color:var(--theme-sky);box-shadow:0 0 0 3px #64b4ff26}.seo-form-row textarea{resize:vertical;min-height:120px}.seo-form-row .custom-select-trigger{cursor:pointer;padding-right:.85rem}.seo-contact-form button[type=submit]{align-self:flex-start}.seo-contact-form button:disabled{opacity:.6;cursor:not-allowed}.seo-form-success{background:var(--bg-elevated);border:1px solid var(--theme-sky);border-radius:var(--radius-md, 8px);padding:1.5rem 2rem;text-align:center;margin:1.5rem 0}.seo-form-success p{font-size:1.05rem;color:var(--theme-sky);font-weight:600;margin:0}.seo-form-error{color:#f87171;font-size:.9rem;margin:0}.seo-faq-category{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--theme-sky);margin:1.5rem 0 .5rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.seo-faq-category:first-of-type{margin-top:0;padding-top:0;border-top:none}.seo-footer{margin-top:auto;background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:2.5rem 2rem 1.5rem}.seo-footer-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.seo-footer-col h3{font-size:1.1rem;margin:0 0 .5rem;color:var(--theme-sky)}.seo-footer-col h4{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .75rem}.seo-footer-col p{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin:0}.seo-footer-col a{display:block;font-size:.88rem;color:var(--text-secondary);text-decoration:none;padding:.2rem 0;transition:color var(--transition-fast)}.seo-footer-col a:hover{color:var(--text-primary)}.seo-footer-bottom{max-width:960px;margin:2rem auto 0;padding-top:1rem;border-top:1px solid var(--border-subtle);text-align:center}.seo-footer-bottom p{font-size:.8rem;color:var(--text-muted);margin:0}@media (max-width: 680px){.seo-nav{padding:.75rem 1rem;gap:.75rem}.seo-nav-links{display:none}.seo-hero h1{font-size:1.75rem}.seo-hero-sub{font-size:1rem}.seo-main{padding:0 1rem}.seo-footer-inner{grid-template-columns:1fr 1fr;gap:1.5rem}}.share-invite-modal{width:min(480px,92vw);max-height:85vh;overflow:auto;background:linear-gradient(160deg,var(--elevated-98) 0%,var(--elevated-99) 100%);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:24px;box-shadow:0 32px 80px #0009,0 0 40px var(--accent-6);animation:modal-in .25s ease}.share-invite-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.share-invite-header h2{margin:0;font-size:1.15rem;color:var(--text-bright)}.share-invite-body{display:flex;flex-direction:column;gap:14px}.share-invite-preview{background:#ffffff0a;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 14px;display:flex;flex-direction:column;gap:4px}.share-invite-preview-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.share-invite-preview-text{font-size:.95rem;color:var(--text-bright)}.share-invite-label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.share-invite-select{background:#ffffff0f;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-bright);font-size:.9rem;padding:8px 12px;outline:none;cursor:pointer}.share-invite-select:focus{border-color:var(--accent)}.share-invite-link-row{display:flex;gap:8px;align-items:stretch}.share-invite-link-input{flex:1;min-width:0;background:#ffffff0f;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-bright);font-size:.82rem;padding:8px 12px;outline:none;font-family:monospace;overflow:hidden;text-overflow:ellipsis}.share-invite-link-input:focus{border-color:var(--accent)}.share-invite-hint{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.4}.share-invite-hint strong{color:var(--text-bright)}.share-invite-btn{display:inline-flex;align-items:center}.share-invite-btn svg{flex-shrink:0}.composer-wrapper{position:relative;flex-shrink:0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-primary) 45%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background var(--transition-normal)}.mention-autocomplete{position:absolute;bottom:100%;left:0;right:0;max-height:280px;overflow-y:auto;background:var(--bg-secondary, rgba(30, 33, 40, .98));border:1px solid rgba(255,255,255,.1);border-radius:10px 10px 0 0;box-shadow:0 -4px 20px #0006;z-index:50;padding:6px 0;margin-bottom:2px}.mention-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .12s}.mention-item:hover,.mention-item-selected{background:#4fc3f71f}.mention-item-avatar .chat-avatar{width:28px;height:28px;border-radius:50%}.mention-item-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.mention-item-name{font-size:.9rem;font-weight:500;color:var(--text-bright, #e8ecf1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-item-badge{font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--accent) 18%,var(--surface-primary));color:color-mix(in srgb,var(--accent) 78%,var(--text-primary));letter-spacing:.02em}.bot-badge{display:inline-block;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:6px;border:1px solid color-mix(in srgb,var(--theme-blue) 36%,transparent);background:color-mix(in srgb,var(--theme-blue) 20%,var(--surface-primary));color:color-mix(in srgb,var(--theme-blue) 80%,var(--text-primary));letter-spacing:.04em;text-transform:uppercase;margin-left:4px;vertical-align:middle}.guest-badge{display:inline-block;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:6px;border:1px solid color-mix(in srgb,var(--warning) 46%,transparent);background:color-mix(in srgb,var(--warning) 18%,var(--surface-primary));color:color-mix(in srgb,var(--warning) 72%,var(--text-primary));letter-spacing:.04em;text-transform:uppercase;margin-left:4px;vertical-align:middle}.tester-badge{display:inline-block;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:6px;border:1px solid color-mix(in srgb,var(--theme-sky) 36%,transparent);background:color-mix(in srgb,var(--theme-sky) 20%,var(--surface-primary));color:color-mix(in srgb,var(--theme-sky) 80%,var(--text-primary));letter-spacing:.04em;text-transform:uppercase;margin-left:4px;vertical-align:middle}.cmd-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:6px;border:1px solid color-mix(in srgb,var(--success) 34%,transparent);background:color-mix(in srgb,var(--success) 18%,var(--surface-primary));color:color-mix(in srgb,var(--success) 60%,var(--text-primary));letter-spacing:.02em}.mention-cmd-icon{display:flex;align-items:center;justify-content:center;font-size:1rem;background:color-mix(in srgb,var(--success) 14%,var(--surface-primary))!important}.composer-img-generating{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-secondary, rgba(30, 33, 40, .98));border:1px solid rgba(255,255,255,.08);border-radius:10px;margin:4px 12px;color:var(--text-muted, #8e95a5);font-size:.85rem}.composer-img-error{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#f443361a;border:1px solid rgba(244,67,54,.25);border-radius:10px;margin:4px 12px;color:#ef5350;font-size:.85rem}.composer-img-error .chat-pending-remove{background:none;border:none;color:#ef5350;cursor:pointer;font-size:.9rem;padding:2px 6px}.chat-mention{display:inline;background:#4fc3f726;color:inherit;font-weight:600;padding:1px 4px;border-radius:4px;cursor:default;transition:background .15s}.chat-mention:hover{background:#4fc3f747}@keyframes mentionFlash{0%{background:#4fc3f740}50%{background:#4fc3f71f}to{background:transparent}}.mention-notification-label{font-size:.82rem;color:var(--text-muted, rgba(200, 210, 230, .6))}.mention-notification-label strong{color:var(--text-bright, #e8ecf1)}.mention-notification-body{font-size:.78rem;color:var(--text-muted, rgba(200, 210, 230, .45));font-style:italic;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.gif-inline-search{position:absolute;bottom:100%;left:0;right:0;max-height:380px;display:flex;flex-direction:column;background:var(--bg-secondary, rgba(30, 33, 40, .98));border:1px solid rgba(255,255,255,.1);border-radius:10px 10px 0 0;box-shadow:0 -4px 20px #0006;z-index:50;margin-bottom:2px}.gif-inline-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.gif-inline-title{font-size:.82rem;color:var(--text-muted, rgba(200, 210, 230, .6));font-weight:500}.gif-inline-close{background:transparent;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.gif-inline-close:hover{color:var(--text-primary);background:#ffffff14}.gif-inline-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;padding:8px;min-height:120px;max-height:300px}.gif-inline-item{background:var(--elevated-60);border:1px solid transparent;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;padding:0;min-height:100px;height:100px;transition:border-color var(--transition-fast),transform 80ms ease}.gif-inline-item:hover{border-color:var(--theme-blue);transform:scale(1.04)}.gif-inline-item img{width:100%;height:100%;object-fit:cover;display:block}.gif-inline-status{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:30px 16px;color:var(--text-muted);font-size:.85rem}.gif-inline-attribution{text-align:center;color:var(--text-muted);font-size:.7rem;padding:4px 0;opacity:.5;border-top:1px solid rgba(255,255,255,.05)}.typing-indicator{display:flex;align-items:center;gap:6px;padding:4px 16px 2px;min-height:22px;flex-shrink:0}.typing-text{font-size:.78rem;color:var(--text-muted, rgba(200, 210, 230, .5))}.typing-text strong{color:var(--text-secondary, rgba(200, 210, 230, .7));font-weight:600}.typing-dots{display:flex;align-items:center;gap:3px}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted, rgba(200, 210, 230, .4));animation:typing-bounce 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.game-status-selector{position:relative;margin-top:4px}.game-status-trigger{display:flex;align-items:center;gap:6px;width:100%;padding:4px 8px;border:none;border-radius:6px;background:#ffffff0a;color:var(--text-primary);cursor:pointer;font-size:.82rem;transition:background .15s}.game-status-trigger:hover{background:#ffffff14}.game-status-icon{font-size:1rem;flex-shrink:0}.game-status-text{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-status-placeholder{color:var(--text-muted);font-style:italic}.lfg-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:10px;background:var(--accent);color:var(--text-bright, #fff);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4;animation:lfg-pulse 2s ease-in-out infinite}@keyframes lfg-pulse{0%,to{opacity:1}50%{opacity:.7}}.game-status-picker{position:absolute;bottom:calc(100% + 6px);left:0;right:0;min-width:240px;background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:200;animation:fadeSlideUp .15s ease-out;overflow:hidden}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.game-status-picker-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px}.game-status-picker-header h4{margin:0;font-size:.88rem;color:var(--text-primary)}.game-status-picker-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:4px}.game-status-picker-close:hover{color:var(--text-primary);background:#ffffff0f}.game-status-picker-body{padding:0 12px 8px;display:flex;flex-direction:column;gap:8px}.game-status-label{font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.game-status-input{width:100%;padding:6px 10px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-base);color:var(--text-primary);font-size:.85rem;box-sizing:border-box}.game-status-input:focus{outline:none;border-color:var(--accent)}.game-status-suggestions{display:flex;flex-direction:column;max-height:160px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-base)}.game-status-suggestion-item{padding:5px 10px;border:none;background:transparent;color:var(--text-secondary);font-size:.82rem;cursor:pointer;text-align:left;transition:background .1s}.game-status-suggestion-item:hover{background:#ffffff14;color:var(--text-primary)}.game-status-suggestion-item.active{background:var(--accent);color:#fff}.game-status-suggestion-item+.game-status-suggestion-item{border-top:1px solid rgba(255,255,255,.04)}.game-status-lfg-row{display:flex;flex-direction:column;gap:2px;padding:8px 0 2px;border-top:1px solid var(--border-subtle)}.game-status-lfg-label{display:flex;align-items:center;gap:8px;cursor:pointer}.game-status-lfg-label input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.game-status-lfg-text{font-size:.85rem;font-weight:600;color:var(--text-primary)}.game-status-lfg-hint{font-size:.72rem;color:var(--text-muted);padding-left:24px}.game-status-picker-footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:8px 12px;border-top:1px solid var(--border-subtle);background:#00000026}.sidebar-tab-icon{height:100%;max-height:2.6em;width:auto;object-fit:contain}.sidebar-subtab{flex:1;min-width:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:clamp(.62rem,1.35vw,.78rem);font-weight:700;letter-spacing:.01em;padding:7px 4px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.sidebar-subtab:hover{color:var(--text-primary);background:var(--accent-8);border-color:var(--accent-20);transform:translateY(-1px)}.sidebar-subtab.active{color:var(--text-primary);border-color:var(--border-default);background:var(--accent-20);box-shadow:0 0 0 1px var(--accent-30) inset}.sidebar-subtab.active:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--accent-20);box-shadow:0 0 0 1px var(--accent-30) inset;transform:none}@media (max-width: 1320px) and (min-width: 901px){.sidebar-subtab{font-size:.72rem;padding:6px 8px}}@media (max-width: 900px){.sidebar-subtab{font-size:.66rem;letter-spacing:0;padding:6px 3px}}.bots-pending-section{padding:0 6px}.bots-section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.bots-section-heading{margin:0;font-size:.88rem}.bots-section-meta{color:var(--text-muted);font-size:.74rem}.bots-pending-list{display:flex;flex-direction:column;gap:8px}.bot-pending-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border-subtle));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--bg-secondary)) 0%,var(--bg-secondary) 100%)}.bot-pending-avatar{width:52px;height:40px;border-radius:8px;object-fit:cover;border:1px solid var(--border-default)}.bot-pending-body{min-width:0}.bot-pending-header{display:flex;justify-content:space-between;gap:8px}.bot-pending-name{margin:0;font-size:.84rem}.bot-pending-description,.bot-pending-requesters{margin:4px 0 0;color:var(--text-muted);font-size:.74rem;line-height:1.35}.bot-pending-status{flex-shrink:0;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-80);font-size:.68rem;font-weight:700}.bot-pending-actions,.bot-room-state-row{display:flex;gap:8px;align-items:center;margin-top:8px}.bot-room-state{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700}.bot-room-state.approved{background:#4b916929;color:#6dbd8c}.bot-room-state.pending{background:#c6a14029;color:#d5b04d}.bots-room-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:6px}.bot-list-card{display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;align-items:start;padding:10px;border:1px solid var(--border-subtle);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 92%,white 8%) 0%,var(--bg-secondary) 100%);box-shadow:0 8px 20px #0000001f;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.bot-list-card:hover{transform:translateY(-1px);border-color:var(--accent-35);box-shadow:0 12px 28px #0000002e;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 84%,white 16%),color-mix(in srgb,var(--bg-secondary) 95%,var(--accent) 5%))}.bot-list-avatar{width:66px;height:51px;border-radius:8px;object-fit:cover;border:1px solid var(--border-default);background:var(--bg-tertiary)}.bot-list-avatar-fallback{box-shadow:inset 0 0 0 1px #ffffff26}.bot-list-body{min-width:0;display:flex;flex-direction:column;gap:6px}.bot-list-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.bot-list-title-wrap{display:flex;align-items:center;gap:8px;min-width:0}.bot-list-name{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;line-height:1.1;color:var(--text-primary)}.bot-list-badge{flex-shrink:0;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-80);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.bot-list-handle{flex-shrink:0;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.72rem;font-weight:700;background:var(--deep-20);border:1px solid var(--border-default);padding:3px 8px;border-radius:999px}.bot-list-description{margin:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-secondary);font-size:.77rem;line-height:1.4}.bot-volskra-stats{display:flex;flex-wrap:wrap;gap:6px}.bot-volskra-stats span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#ffdd8614;border:1px solid rgba(255,221,134,.14);color:#ffe4a6eb;font-size:.69rem;font-weight:600}.bot-volskra-trend{margin:0;font-size:.72rem;color:var(--text-secondary)}.bot-list-actions{display:flex;gap:8px;margin-top:2px}.bot-list-action-btn{padding:0;border:0;background:transparent;color:var(--text-secondary);font-size:.74rem;font-weight:700;cursor:pointer}.bot-list-action-btn:hover{color:var(--text-primary)}.bot-list-action-btn.danger:hover{color:var(--danger)}.bots-tab-footer{padding:8px 6px 0}.bots-tab-root{position:relative}.bots-modal{position:relative;width:min(720px,94vw)}.bots-modal-pixels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;--dgs-start-color: var(--center-chat-gradient-top);--dgs-end-color: var(--center-chat-gradient-bottom);--pixel-contrast-signed: calc((var(--pixel-contrast) - .5) * 2)}:root[data-color-mode=dark] .bots-modal-pixels{opacity:calc(.62 + (var(--pixel-contrast-signed) * .28));mix-blend-mode:normal;filter:saturate(calc(.88 + (var(--pixel-contrast-signed) * .2))) contrast(calc(.95 + (var(--pixel-contrast-signed) * .35)))}:root[data-color-mode=light] .bots-modal-pixels{opacity:calc(.5 + (var(--pixel-contrast-signed) * .32));mix-blend-mode:normal;filter:saturate(calc(.84 + (var(--pixel-contrast-signed) * .24))) contrast(calc(.92 + (var(--pixel-contrast-signed) * .38)))}.bots-form{display:flex;flex-direction:column;gap:14px}.bots-form textarea{width:100%;resize:vertical}.bots-avatar-section{display:flex;flex-direction:column;gap:12px}.bots-avatar-preview-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bots-avatar-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary)}.bots-avatar-label{font-size:.74rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.bots-avatar-preview{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-tertiary)}.bots-avatar-preview-small{object-position:center}.bots-avatar-fallback{display:grid;place-items:center;min-height:136px;border-radius:var(--radius-sm);border:1px dashed var(--border-default);color:var(--text-muted);background:var(--bg-tertiary)}.bots-avatar-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bots-helper-copy{margin:0;color:var(--text-muted);font-size:.78rem}.arcade-import-modal-error{margin:0;padding:8px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--theme-rose) 45%,transparent);background:color-mix(in srgb,var(--theme-rose) 14%,transparent);color:var(--text-primary);font-size:.78rem}.bots-style-shell{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);padding:14px}.bots-form-error{margin:0;color:var(--danger);font-size:.82rem}.bots-form-actions{justify-content:flex-end}.room-volskra-inline-card{display:grid;gap:14px;margin-bottom:12px;padding:14px;border-radius:18px;background:radial-gradient(circle at top left,rgba(244,193,79,.16),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 90%,var(--accent) 10%),color-mix(in srgb,var(--bg-secondary) 96%,black 4%));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-subtle));box-shadow:0 14px 28px #0000001f}.room-volskra-panel-shell{display:grid;gap:10px}.room-volskra-inline-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.room-volskra-inline-head{display:flex;align-items:center;gap:10px;min-width:0}.room-volskra-inline-head-standalone{align-items:flex-start}.room-volskra-inline-icon{width:34px;height:34px;border-radius:10px;object-fit:cover;box-shadow:0 6px 16px #0000002e}.room-volskra-inline-eyebrow{display:block;margin-bottom:2px;color:color-mix(in srgb,var(--accent) 56%,var(--text-muted));font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.room-volskra-inline-title{display:block;color:var(--text-primary);font-size:.96rem;line-height:1.1}.room-volskra-inline-summary,.room-volskra-inline-personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-volskra-inline-personal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-volskra-inline-personal{display:flex;flex-direction:column;gap:10px}.room-volskra-inline-section-head{display:flex;flex-direction:column;gap:2px}.room-volskra-inline-section-title{color:var(--text-primary);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.room-volskra-inline-section-copy{color:var(--text-muted);font-size:.72rem;line-height:1.35}.room-volskra-inline-stat{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--bg-tertiary) 80%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 88%,var(--accent) 12%)}.room-volskra-inline-stat-accent{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,var(--bg-tertiary)),color-mix(in srgb,var(--accent) 10%,var(--bg-tertiary)))}.room-volskra-inline-stat-strong{border-color:color-mix(in srgb,var(--accent) 35%,var(--border-subtle))}.room-volskra-inline-stat-value{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1}.room-volskra-inline-stat-label{color:var(--text-muted);font-size:.69rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.room-volskra-inline-admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-items:end;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--bg-primary) 30%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 86%,var(--accent) 14%)}.room-volskra-inline-mini-icon{width:16px;height:16px;border-radius:4px;object-fit:cover;flex-shrink:0}.room-volskra-inline-admin label{display:flex;flex-direction:column;gap:6px;color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.room-volskra-inline-admin input{width:100%;box-sizing:border-box;min-height:42px;border-radius:12px}.room-volskra-inline-admin-actions{grid-column:1 / -1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:10px;padding-top:2px}.room-volskra-inline-patrons{display:grid;gap:10px}.room-volskra-inline-patron-list{display:grid;gap:8px}.room-volskra-inline-patron{display:grid;grid-template-columns:26px 38px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--bg-tertiary) 82%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 90%,var(--accent) 10%)}.room-volskra-inline-patron-self{background:linear-gradient(180deg,#da9d571f,color-mix(in srgb,var(--bg-tertiary) 84%,transparent));border-color:#da9d573d}.room-volskra-inline-patron-rank{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text-primary);font-size:.72rem;font-weight:700}.room-volskra-inline-patron-avatar{width:38px;height:38px;border-radius:10px;object-fit:cover;background:var(--bg-tertiary);border:1px solid var(--border-default)}.room-volskra-inline-patron-avatar-fallback{background:linear-gradient(135deg,#d89d57cc,#734d20d9)}.room-volskra-inline-patron-body{min-width:0;display:flex;flex-direction:column;gap:4px}.room-volskra-inline-patron-name-row{display:flex;align-items:center;gap:8px;min-width:0}.room-volskra-inline-patron-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:.8rem;font-weight:700}.room-volskra-inline-patron-badge{padding:2px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--warning) 38%,transparent);background:color-mix(in srgb,var(--warning) 18%,var(--surface-primary));color:color-mix(in srgb,var(--warning) 76%,var(--text-primary));font-size:.64rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.room-volskra-inline-patron-values{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--text-muted);font-size:.71rem}@media (max-width: 720px){.room-volskra-inline-admin{grid-template-columns:1fr;width:100%}.room-volskra-inline-top,.room-volskra-inline-admin-actions{flex-direction:column;align-items:stretch}.room-volskra-inline-summary,.room-volskra-inline-personal-grid{grid-template-columns:1fr}.room-volskra-inline-patron{grid-template-columns:26px minmax(0,1fr)}.room-volskra-inline-patron-avatar{display:none}.bots-avatar-preview-row{grid-template-columns:1fr}.bot-list-heading{flex-direction:column;align-items:flex-start}.bot-list-handle{max-width:100%}}.tab-content-controls{display:flex;gap:4px;padding:6px 6px 4px;align-items:center}.tab-filter-input{flex:1;padding:5px 8px;border:1px solid var(--border-subtle);border-radius:5px;background:var(--bg-base);color:var(--text-primary);font-size:.8rem;min-width:0}.tab-filter-input:focus{outline:none;border-color:var(--accent)}.game-filter-wrapper{position:relative;flex:1;min-width:0}.game-filter-suggestions{position:absolute;top:100%;left:0;right:0;z-index:50;display:flex;flex-direction:column;max-height:200px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-base);box-shadow:0 4px 12px #0000004d;margin-top:2px}.game-filter-suggestion-item{padding:5px 10px;border:none;background:transparent;color:var(--text-secondary);font-size:.82rem;cursor:pointer;text-align:left;transition:background .1s}.game-filter-suggestion-item:hover,.game-filter-suggestion-item.active{background:#ffffff14;color:var(--text-primary)}.game-filter-suggestion-item+.game-filter-suggestion-item{border-top:1px solid rgba(255,255,255,.04)}.tab-sort-select{padding:5px 6px;border:1px solid var(--border-subtle);border-radius:5px;background:var(--bg-base);color:var(--text-primary);font-size:.76rem;cursor:pointer;max-width:120px}.tab-sort-select:focus{outline:none;border-color:var(--accent)}.tab-results-list{display:flex;flex-direction:column;gap:4px;padding:4px 6px;overflow-y:auto}.tab-empty{text-align:center;padding:24px 12px;color:var(--text-muted)}.tab-empty-icon{font-size:2rem;display:block;margin-bottom:8px}.tab-empty p{margin:4px 0;font-size:.82rem}.tab-empty-hint{font-size:.72rem;opacity:.7}.tab-lfg-content,.tab-lfp-content,.tab-lfg-lfp-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.tab-content-controls-wrap{flex-wrap:wrap}.tab-content-controls-game-row{padding-top:0}.tab-content-controls-game-row .game-filter-wrapper{flex:1 1 100%;width:100%}.tab-inline-select{max-width:140px}.tab-cycle-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-base);color:var(--text-primary);font-size:.76rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.tab-cycle-btn:hover{border-color:var(--accent);background:#ffffff0f}.tab-cycle-btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-20)}.tab-entry-kind-toggle{min-width:108px}.tab-min-players-toggle{min-width:74px}.tab-min-players-toggle img{width:14px;height:14px;object-fit:contain}.tab-min-players-toggle span{min-width:24px;text-align:left}.tab-screen-header{padding:12px 12px 4px}.tab-screen-header h2{margin:0;font-size:.95rem;font-weight:800;color:var(--text-primary, #e0e4ea);letter-spacing:.01em}.lfg-result-card{display:flex;align-items:center;gap:8px;padding:7px 8px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:8px;transition:all .15s}.lfg-result-card:hover{background:#ffffff0f;border-color:var(--accent)}.lfg-result-avatar{flex-shrink:0}.lfg-result-avatar .chat-avatar{width:32px;height:32px}.lfg-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lfg-result-top{display:flex;align-items:center;gap:6px}.lfg-result-name{font-weight:600;font-size:.84rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfg-result-players{font-size:.72rem;color:var(--text-muted);flex-shrink:0}.lfg-result-game{font-size:.74rem;color:var(--accent)}.lfg-result-expiry{font-size:.7rem;color:var(--text-muted);opacity:.8}.lfg-result-actions{flex-shrink:0;display:flex;gap:3px}.lfp-result-card{display:flex;align-items:center;gap:8px;padding:7px 8px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:8px;transition:all .15s}.lfp-result-card:hover{background:#ffffff0f;border-color:var(--accent)}.lfp-result-avatar{position:relative;flex-shrink:0}.lfp-result-avatar .chat-avatar{width:32px;height:32px}.lfp-result-avatar .presence-dot{position:absolute;bottom:0;right:0}.lfp-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lfp-result-name{font-weight:600;font-size:.84rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-result-game{font-size:.74rem;color:var(--accent)}.lfp-result-status{font-size:.7rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-result-timed{font-size:.7rem;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-result-timed-col{flex-shrink:0;min-width:56px;text-align:center}.lfp-result-timed-empty{font-size:.7rem;color:var(--text-muted);opacity:.6}.lfp-result-actions{flex-shrink:0}.lfg-lfp-result-card{display:flex;align-items:center;gap:8px;padding:7px 8px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:8px;transition:all .15s}.lfg-lfp-result-card:hover{background:#ffffff0f;border-color:var(--accent)}.lfg-lfp-result-avatar{position:relative;flex-shrink:0;border:none;background:transparent;padding:0;margin:0;width:32px;height:32px}.lfg-lfp-result-avatar.clickable{cursor:pointer}.lfg-lfp-result-avatar .chat-avatar{width:32px;height:32px}.lfg-lfp-result-avatar .presence-dot{position:absolute;right:0;bottom:0}.lfg-lfp-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lfg-lfp-result-top{display:flex;align-items:center;gap:6px;min-width:0}.lfg-lfp-result-name{font-weight:600;font-size:.84rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfg-lfp-result-kind{flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 5px;border-radius:999px;border:1px solid var(--border-subtle);color:var(--text-muted)}.lfg-lfp-result-kind.kind-lfg{color:var(--text-primary);border-color:var(--accent-35);background:var(--accent-10)}.lfg-lfp-result-kind.kind-lfp{color:#8bc3ff;border-color:#70b3ff73;background:#70b3ff1f}.lfg-lfp-result-game{font-size:.74rem;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfg-lfp-result-detail{font-size:.7rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfg-lfp-result-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.lfg-lfp-result-timed{font-size:.7rem;color:var(--accent);white-space:nowrap}.lfg-lfp-result-timed-empty{font-size:.7rem;color:var(--text-muted);opacity:.6;white-space:nowrap}.lfg-lfp-result-actions{display:flex;gap:3px}.btn-sent{opacity:.6;cursor:default}.lfp-invite-toasts{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:360px}.lfp-invite-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--bg-overlay);border:1px solid var(--accent);border-radius:10px;box-shadow:0 4px 20px #00000080;animation:toastSlideIn .25s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.lfp-invite-toast-avatar .chat-avatar{width:32px;height:32px;flex-shrink:0}.lfp-invite-toast-body{flex:1;font-size:.84rem;color:var(--text-primary);line-height:1.4}.lfp-invite-toast-game{color:var(--accent)}.lfp-invite-toast-actions{display:flex;gap:4px;flex-shrink:0;align-items:center}.room-lfp-settings{padding:6px 0}.room-lfp-trigger{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border:1px dashed var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s}.room-lfp-trigger:hover{border-color:var(--accent);color:var(--text-primary);background:#ffffff08}.room-lfp-active-dot{width:8px;height:8px;border-radius:50%;background:#43b581;display:inline-block;animation:lfg-pulse 2s ease-in-out infinite}.room-lfp-editing{background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:8px;padding:10px}.room-lfp-edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.room-lfp-edit-header h4{margin:0;font-size:.86rem}.room-lfp-edit-body{display:flex;flex-direction:column;gap:8px}.room-lfp-field{display:flex;flex-direction:column;gap:3px;font-size:.78rem;color:var(--text-muted)}.room-lfp-field input[type=text]{padding:5px 8px;border:1px solid var(--border-subtle);border-radius:5px;background:var(--bg-base);color:var(--text-primary);font-size:.84rem}.room-lfp-field input:focus{outline:none;border-color:var(--accent)}.room-lfp-library{display:flex;flex-wrap:wrap;gap:3px}.room-lfp-toggle-label{display:flex;align-items:center;gap:6px;font-size:.84rem;color:var(--text-primary);cursor:pointer}.room-lfp-toggle-label input[type=checkbox]{accent-color:var(--accent)}.room-lfp-expiry{display:flex;flex-direction:column;gap:6px;padding-left:4px}.room-lfp-expiry-row .custom-select-trigger{padding:4px 8px;border:1px solid var(--border-subtle);border-radius:5px;background:var(--bg-base);color:var(--text-primary);font-size:.82rem}.room-lfp-edit-footer{display:flex;justify-content:flex-end;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.sidebar-friend-lfg-badge{display:inline-flex;align-items:center;padding:1px 5px;border-radius:8px;background:var(--accent);color:var(--text-bright, #fff);font-size:.62rem;font-weight:700;letter-spacing:.03em;margin-left:4px;vertical-align:middle}.sidebar-friend-game{display:block;font-size:.7rem;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.btn-steam{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--deep-30);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease;width:100%}.btn-steam:hover{background:var(--deep-45);color:var(--text-primary)}.steam-badge{display:inline-flex;align-items:center;padding:1px 5px;border-radius:8px;background:var(--deep-30);color:var(--accent);font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4;margin-left:4px}.steam-game-indicator{display:block;font-size:.7rem;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.steam-auto-notice{font-size:.78rem;color:var(--accent);background:var(--accent-8);border:1px solid var(--accent-20);border-radius:6px;padding:6px 10px;margin-bottom:8px}.steam-link-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.steam-link-section h3{margin:0 0 8px;font-size:1rem;display:flex;align-items:center;gap:6px}.settings-section-logo{width:20px;height:20px;object-fit:contain;flex-shrink:0}.steam-status-text{font-size:.85rem;color:var(--text-primary);margin:0 0 4px}.steam-status-text code{font-size:.82rem;background:var(--bg-secondary);padding:1px 4px;border-radius:3px}.steam-status-sub{font-size:.78rem;color:var(--text-muted);margin:0 0 8px}.premium-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.premium-section h3{margin:0 0 8px;font-size:1rem}.premium-status-text{font-size:.85rem;color:var(--text-primary);margin:0}.premium-settings-link{background:none;border:none;color:#f59e0b;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:2px}.premium-settings-link:hover{color:#fbbf24}.premium-rail-cta{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 10px 4px;padding:7px 12px;border:none;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);background-size:200% 200%;animation:premium-shimmer 3s ease-in-out infinite;transition:box-shadow .2s,transform .15s}.premium-rail-cta:hover{box-shadow:0 0 14px #f59e0b80;transform:translateY(-1px)}.premium-rail-cta-star{font-size:1rem;animation:premium-star-pulse 2s ease-in-out infinite}.install-rail-note{font-size:.68rem;color:var(--danger);padding:0 2px}@keyframes premium-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes premium-star-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.premium-upsell-btn{display:block;width:100%;background:none;border:1px dashed rgba(245,158,11,.4);border-radius:8px;padding:8px 12px;margin-top:10px;color:var(--text-muted);font-size:.8rem;cursor:pointer;text-align:center;transition:border-color .2s,color .2s}.premium-upsell-btn:hover{border-color:#f59e0b;color:var(--text-primary)}.premium-upsell-btn strong{color:#f59e0b}.premium-modal-backdrop{z-index:3000}.premium-modal{position:relative;width:min(460px,92vw);max-height:88vh;overflow-y:auto;background:var(--bg-primary);border-radius:16px;border:1px solid rgba(245,158,11,.25);box-shadow:0 0 60px #f59e0b1f,0 25px 60px #00000080;padding:0;animation:premium-modal-enter .35s cubic-bezier(.16,1,.3,1);overflow-x:hidden}@keyframes premium-modal-enter{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.premium-modal-glow{position:absolute;top:-80px;left:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.18) 0%,transparent 70%);pointer-events:none;animation:premium-glow-float 6s ease-in-out infinite;z-index:0}.premium-modal-glow-2{top:auto;left:auto;bottom:-60px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(217,119,6,.15) 0%,transparent 70%);animation-delay:-3s;animation-duration:7s}@keyframes premium-glow-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(15px,-10px) scale(1.05)}66%{transform:translate(-10px,8px) scale(.95)}}.premium-modal-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;z-index:2;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s}.premium-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.premium-modal-header{position:relative;z-index:1;text-align:center;padding:32px 28px 20px}.premium-modal-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f59e0b33,#d977061a);margin-bottom:14px}.premium-modal-star{font-size:1.8rem;animation:premium-star-pulse 2s ease-in-out infinite}.premium-modal-title{margin:0 0 6px;font-size:1.35rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-modal-subtitle{margin:0;font-size:.88rem;color:var(--text-muted)}.premium-modal-price{margin-top:12px;display:flex;align-items:baseline;justify-content:center;gap:2px}.premium-modal-price-amount{font-size:2.6rem;font-weight:900;background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-modal-price-period{font-size:1rem;color:var(--text-muted);font-weight:500}.premium-modal-features{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 24px 20px}.premium-feature-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border);transition:border-color .2s,transform .15s}.premium-feature-card:hover{border-color:#f59e0b59;transform:translateY(-1px)}.premium-feature-icon{font-size:1.3rem;flex:0 0 auto;margin-top:1px}.premium-feature-title{display:block;font-size:.82rem;color:var(--text-primary);margin-bottom:2px}.premium-feature-desc{margin:0;font-size:.72rem;color:var(--text-muted);line-height:1.35}.premium-modal-actions{position:relative;z-index:1;padding:0 24px 24px;text-align:center}.btn-premium-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:13px 24px;border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);background-size:200% 200%;animation:premium-shimmer 3s ease-in-out infinite;transition:box-shadow .2s,transform .15s}.btn-premium-cta:hover{box-shadow:0 0 20px #f59e0b73;transform:translateY(-1px)}.btn-premium-cta:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.premium-modal-login-hint{margin:10px 0 0;font-size:.78rem;color:var(--text-muted)}.premium-cancel-link{display:inline-block;margin-top:10px;background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.premium-cancel-link:hover{color:#ef4444}.premium-modal-admin{position:relative;z-index:1;padding:12px 24px 20px;text-align:center;border-top:1px dashed var(--border);margin-top:4px}.premium-admin-label{margin:0 0 4px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.premium-admin-hint{margin:0 0 10px;font-size:.75rem;color:var(--text-muted);line-height:1.5}.premium-admin-hint code{background:var(--bg-secondary);padding:1px 5px;border-radius:3px;font-size:.72rem;letter-spacing:.06em}.btn-small{font-size:.78rem;padding:4px 10px}@media (max-width: 500px){.premium-modal-features{grid-template-columns:1fr}}.auth-divider{display:flex;align-items:center;margin:12px 0;gap:8px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.steam-actions-row{display:flex;gap:8px;margin-top:8px}.steam-actions-row .btn-steam,.steam-actions-row .btn-secondary{flex:1}.steam-import-results{margin-top:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:12px}.steam-import-results h4{margin:0 0 8px;font-size:.9rem;display:flex;align-items:center;justify-content:space-between}.steam-import-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:2px 6px;border-radius:4px}.steam-import-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.steam-import-empty{font-size:.82rem;color:var(--text-muted);margin:0}.steam-import-summary{font-size:.82rem;color:var(--text-primary);margin:0 0 8px}.steam-import-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.steam-import-item{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--border)}.steam-import-item:last-child{border-bottom:none}.steam-import-avatar .chat-avatar{width:24px;height:24px;border-radius:4px}.steam-import-name{flex:1;font-size:.82rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.steam-import-badge{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.vibe-coder-backdrop{z-index:2000}.vibe-coder{position:relative;width:96vw;height:92vh;max-width:1600px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-elevated),0 0 80px var(--accent-8)}.vibe-coder-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.vibe-coder-title{display:flex;align-items:center;gap:8px}.vibe-coder-title h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.vibe-coder-icon{font-size:1.2rem}.vibe-coder-badge{font-size:.7rem;color:var(--text-muted);background:var(--bg-hover);padding:2px 8px;border-radius:999px;border:1px solid var(--border-subtle)}.vibe-coder-header-actions{display:flex;align-items:center;gap:6px}.vibe-coder-btn-ghost{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:5px 12px;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.vibe-coder-btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.vibe-coder-btn-primary{background:var(--accent);border:none;color:#fff;padding:5px 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.vibe-coder-btn-primary:hover{background:var(--accent-hover)}.vibe-coder-btn-close{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.vibe-coder-btn-close:hover{color:var(--danger);background:#c0524f1f}.vibe-coder-body{display:flex;flex:1;min-height:0}.vibe-coder-chat-pane{width:380px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:var(--bg-surface)}.vibe-coder-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.vibe-coder-chat-messages::-webkit-scrollbar{width:6px}.vibe-coder-chat-messages::-webkit-scrollbar-track{background:transparent}.vibe-coder-chat-messages::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.vibe-coder-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px;gap:10px}.vibe-coder-welcome-icon{font-size:2.4rem;margin-bottom:4px}.vibe-coder-welcome h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.vibe-coder-welcome p{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:0;max-width:300px}.vibe-coder-suggestions{display:flex;flex-direction:column;gap:6px;margin-top:8px;width:100%}.vibe-coder-suggestion{background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-sm);font-size:.78rem;text-align:left;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.vibe-coder-suggestion:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--text-primary)}.vibe-coder-chat-msg{display:flex;gap:10px;align-items:flex-start}.vibe-coder-chat-msg-avatar{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.9rem;border-radius:50%;background:var(--bg-hover)}.vibe-coder-chat-user .vibe-coder-chat-msg-avatar{background:var(--accent-15)}.vibe-coder-chat-assistant .vibe-coder-chat-msg-avatar{background:#64c7e826}.vibe-coder-chat-msg-body{flex:1;min-width:0}.vibe-coder-chat-msg-role{display:block;font-size:.72rem;font-weight:600;color:var(--text-muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.03em}.vibe-coder-chat-msg-body p{margin:0;font-size:.82rem;color:var(--text-primary);line-height:1.5;word-break:break-word}.vibe-coder-chat-assistant .vibe-coder-chat-msg-body p{color:var(--text-secondary)}.vibe-coder-generating{display:flex;align-items:center;gap:6px;color:var(--text-muted)!important}.vibe-coder-dots{display:inline-flex;gap:3px}.vibe-coder-dots span{animation:vibe-dot-pulse 1.4s ease-in-out infinite;font-size:.65rem;opacity:.4}.vibe-coder-dots span:nth-child(2){animation-delay:.2s}.vibe-coder-dots span:nth-child(3){animation-delay:.4s}@keyframes vibe-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.vibe-coder-stop-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:8px;padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);font-size:.6rem;cursor:pointer;transition:all var(--transition-fast);vertical-align:middle}.vibe-coder-stop-btn:hover{border-color:var(--accent);color:var(--accent)}.vibe-coder-chat-status{padding:4px 12px;margin:2px 0;font-size:.7rem;color:var(--text-muted);opacity:.7;font-style:italic}.vibe-coder-chat-tool{display:flex;align-items:center;padding:5px 12px;margin:1px 0;font-size:.72rem;color:var(--text-secondary);background:var(--accent-6);border-left:2px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-family:Berkeley Mono,JetBrains Mono,ui-monospace,monospace;opacity:.85}.vibe-coder-prompt-form{display:flex;align-items:flex-end;gap:8px;padding:12px;border-top:1px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0}.vibe-coder-prompt-input{flex:1;resize:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-size:.82rem;font-family:inherit;padding:8px 12px;outline:none;line-height:1.5;max-height:120px;transition:border-color var(--transition-fast)}.vibe-coder-prompt-input:focus{border-color:var(--accent)}.vibe-coder-prompt-input::placeholder{color:var(--text-muted)}.vibe-coder-prompt-send{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.vibe-coder-prompt-send:hover:not(:disabled){background:var(--accent-hover)}.vibe-coder-prompt-send:disabled{opacity:.4;cursor:default}.vibe-coder-output-pane{flex:1;display:flex;flex-direction:column;min-width:0}.vibe-coder-empty-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted)}.vibe-coder-empty-preview span{font-size:3rem;opacity:.4}.vibe-coder-empty-preview p{font-size:.85rem;margin:0}.vibe-coder-editor-pane{flex:1;display:flex;flex-direction:column;min-width:0}.vibe-coder-textarea{flex:1;resize:none;border:none;outline:none;background:var(--bg-base);color:var(--text-primary);font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.6;padding:12px 16px;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.vibe-coder-textarea::placeholder{color:var(--text-muted)}.vibe-coder-textarea::-webkit-scrollbar{width:8px;height:8px}.vibe-coder-textarea::-webkit-scrollbar-track{background:transparent}.vibe-coder-textarea::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.vibe-coder-preview-pane{flex:1;display:flex;flex-direction:column;min-width:0}.vibe-coder-preview-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0;font-size:.8rem;color:var(--text-secondary)}.vibe-coder-refresh{font-size:1.1rem;padding:2px 6px}.vibe-coder-preview-iframe{flex:1;border:none;background:#0e1731;min-height:0;width:100%}.vibe-coder-publish-result{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:.8rem;flex-shrink:0}.vibe-coder-publish-result.success{background:#4a9e7226;color:var(--success);border-top:1px solid rgba(74,158,114,.3)}.vibe-coder-publish-result.error{background:#c0524f1f;color:var(--danger);border-top:1px solid rgba(192,82,79,.25)}.vibe-coder-publish-result button{background:transparent;border:none;color:inherit;cursor:pointer;font-size:.9rem;padding:2px 6px}.vibe-coder-publish-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-lg)}.vibe-coder-publish-form{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:24px;width:400px;max-width:90%;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-elevated)}.vibe-coder-publish-form h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.vibe-coder-publish-form label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--text-secondary)}.vibe-coder-publish-form label .required{color:var(--danger)}.vibe-coder-publish-form input[type=text],.vibe-coder-publish-form textarea{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text-primary);font-size:.82rem;font-family:inherit;outline:none;transition:border-color var(--transition-fast)}.vibe-coder-publish-form input[type=text]:focus,.vibe-coder-publish-form textarea:focus{border-color:var(--accent)}.vibe-coder-publish-form input[type=number]{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 8px;color:var(--text-primary);font-size:.82rem;width:80px;outline:none;transition:border-color var(--transition-fast)}.vibe-coder-publish-form input[type=number]:focus{border-color:var(--accent)}.vibe-coder-publish-players{display:flex;gap:16px}.vibe-coder-publish-error{font-size:.78rem;color:var(--danger);background:#c0524f1a;padding:8px 10px;border-radius:var(--radius-sm);white-space:pre-wrap;max-height:100px;overflow-y:auto}@media (max-width: 800px){.vibe-coder{width:100vw;height:100vh;border-radius:0}.vibe-coder-body{flex-direction:column}.vibe-coder-chat-pane{width:100%;height:50%;border-right:none;border-bottom:1px solid var(--border-subtle)}.vibe-coder-output-pane{flex:1}}.calendar-view{display:flex;flex-direction:column;gap:8px;padding:8px;overflow-y:auto;flex:1;min-height:0}.cal-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.cal-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.cal-header-actions{display:flex;align-items:center;gap:6px}.cal-view-toggle{display:flex;border-radius:6px;overflow:hidden;border:1px solid var(--border-subtle)}.cal-view-btn{background:transparent;border:none;padding:3px 10px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:background .15s}.cal-view-btn.active{background:var(--accent);color:#fff}.cal-view-btn:hover:not(.active){background:var(--accent-10)}.cal-event-card{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:6px;cursor:pointer;transition:background .15s;text-align:left;width:100%;color:inherit;font:inherit}.cal-event-card:hover{background:var(--bg-hover)}.cal-event-past{opacity:.6;border-left-color:var(--text-muted)}.cal-event-card-main{display:flex;align-items:center;gap:6px}.cal-event-share-btn{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:4px;display:flex;align-items:center;font-size:11px;line-height:1}.cal-event-share-btn:hover{color:var(--accent);background:var(--accent-8)}.member-share-btn{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:4px;display:inline-flex;align-items:center;line-height:1;margin-left:4px;opacity:.6;transition:color var(--transition-fast),opacity var(--transition-fast),background var(--transition-fast)}.member-share-btn:hover{color:var(--accent);background:var(--accent-8);opacity:1}.cal-event-card-title{font-weight:600;font-size:13px;color:var(--text-primary)}.cal-event-card-game{font-size:11px;color:var(--accent)}.cal-event-card-time{font-size:11px;color:var(--text-secondary)}.cal-event-card-meta{display:flex;gap:10px;font-size:11px;color:var(--text-muted)}.cal-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:8px 0 4px}.cal-empty{text-align:center;padding:24px 8px;color:var(--text-muted);font-size:13px}.cal-month-nav{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.cal-month-nav-btn{background:transparent;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:2px 8px;border-radius:4px}.cal-month-nav-btn:hover{background:var(--accent-10)}.cal-month-label{font-weight:600;font-size:13px;color:var(--text-primary)}.cal-month-grid{display:flex;flex-direction:column;gap:1px}.cal-month-header-row,.cal-month-week{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.cal-month-header-cell{text-align:center;font-size:10px;font-weight:600;color:var(--text-muted);padding:4px 0}.cal-month-cell{min-height:36px;padding:2px;border-radius:4px;display:flex;flex-direction:column;gap:1px;font-size:11px}.cal-month-cell-empty{opacity:0}.cal-today{background:var(--accent-10)}.cal-has-events .cal-month-day-num{color:var(--accent);font-weight:700}.cal-month-day-num{font-size:11px;color:var(--text-secondary);text-align:center}.cal-month-event-dot{background:var(--accent);color:#fff;border:none;border-radius:3px;padding:1px 3px;font-size:9px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.cal-month-more{font-size:9px;color:var(--text-muted);text-align:center}.calendar-event-form{display:flex;flex-direction:column;gap:10px;padding:8px}.calendar-event-form h3{margin:0;font-size:15px;color:var(--text-primary)}.cal-form-label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--text-secondary)}.cal-form-label-head{display:inline-flex;align-items:baseline;gap:6px}.cal-form-optional{font-weight:400;font-size:11px;color:var(--text-muted)}.cal-form-input{padding:6px 8px;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none}.cal-form-input:focus{border-color:var(--accent)}.cal-form-textarea{padding:6px 8px;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none;resize:vertical;min-height:48px}.cal-form-textarea:focus{border-color:var(--accent)}.cal-form-row{display:flex;gap:8px}.cal-form-half{flex:1}.cal-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.cal-form-notify-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.cal-notify-pill{position:relative;width:40px;height:22px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-50);cursor:pointer;transition:background var(--transition-fast);padding:0}.cal-notify-pill.active{background:var(--accent-50);border-color:var(--accent-60)}.cal-notify-pill-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:transform var(--transition-fast),background var(--transition-fast)}.cal-notify-pill.active .cal-notify-pill-knob{transform:translate(18px);background:var(--text-primary)}.cal-form-invitees{display:flex;flex-direction:column;gap:6px}.cal-form-invitee-list{display:flex;flex-wrap:wrap;gap:4px}.cal-form-invitee{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:16px;font-size:12px;background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;transition:background .15s}.cal-form-invitee.selected{background:var(--accent-15);border-color:var(--accent)}.cal-form-invitee input[type=checkbox]{display:none}.cal-invitee-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.cal-invitee-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:10px;font-weight:700}.calendar-event-detail{display:flex;flex-direction:column;gap:10px;padding:8px}.cal-detail-header{display:flex;justify-content:space-between;align-items:flex-start}.cal-detail-header h3{margin:0;font-size:16px;color:var(--text-primary);word-break:break-word}.cal-detail-close{background:transparent;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.cal-detail-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.cal-detail-countdown,.cal-detail-game{color:var(--accent)}.cal-detail-description{font-size:13px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;padding:6px 0}.cal-detail-invitees h4{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.cal-detail-invitee-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.cal-detail-invitee{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-primary)}.cal-detail-invitee-status{margin-left:auto}.cal-detail-rsvp{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);padding-top:4px}.cal-detail-actions{display:flex;gap:8px;padding-top:4px}.tab-guest-shell{position:relative;display:flex;flex:1;min-height:0}.tab-guest-shell-content{display:flex;flex:1;min-height:0;flex-direction:column}.tab-guest-shell.is-locked .tab-guest-shell-content{filter:blur(2px) grayscale(1);pointer-events:none;-webkit-user-select:none;user-select:none}.tab-guest-gate{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;z-index:2;background:#6d737e52;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.tab-guest-gate-icon{font-size:36px;margin-bottom:4px}.tab-guest-gate h3{font-size:15px;font-weight:700;color:var(--text-primary, #e0e4ea);margin:0}.tab-guest-gate p{font-size:12px;color:var(--text-secondary, #8892a6);margin:0;max-width:220px;line-height:1.4}.tab-preview-stack{display:flex;flex-direction:column;gap:10px;padding:12px}.tab-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tab-preview-header h3,.tab-preview-body strong{margin:0;color:var(--text-primary, #e0e4ea)}.tab-preview-header p,.tab-preview-body span{margin:4px 0 0;color:var(--text-secondary, #8892a6);font-size:.82rem;line-height:1.4}.tab-preview-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));background:#ffffff0a}.tab-preview-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#8b95a7,#535c69);flex-shrink:0}.tab-preview-body{display:flex;flex-direction:column;min-width:0}.btn-danger{background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#c82333}.room-media-tabs{display:flex;flex-direction:column;border-top:none;min-height:0;flex:1 1 0%;container-type:inline-size;container-name:room-media}.room-media-tab-bar-wrap{display:flex;flex-direction:column;align-items:flex-end;padding:6px 4px 8px;flex-shrink:0;gap:6px}.room-media-tab-bar-addon{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;padding-left:8px;width:100%;min-width:0}.room-media-tab-bar-addon .pill-select{width:auto;flex:0 0 auto}.room-media-tab-bar-addon-media{align-items:flex-start}.room-media-tab-inline-bar{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:0 4px}.room-media-tab-inline-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;text-transform:uppercase;letter-spacing:.03em;line-height:1}.room-media-tab-inline-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.room-media-tab-inline-btn.active{background:var(--accent-12);color:var(--accent)}.room-media-tab-inline-icon{display:flex;align-items:center;justify-content:center;font-size:.85rem;line-height:1}.room-media-tab-inline-icon img{width:18px;height:18px;object-fit:contain;display:block}.room-media-tab-inline-label{white-space:nowrap}.room-media-tab-icon{width:18px;height:18px;border-radius:3px;object-fit:contain;object-position:center;display:block;margin:0 auto}@container room-media (max-width: 260px){.room-media-tab-inline-bar{flex-wrap:wrap}.room-media-tab-inline-label{display:none}.room-media-tab-inline-btn{padding:5px 8px}.room-media-tab-bar-addon{flex-direction:column;align-items:flex-end;gap:4px;padding-left:4px}.room-media-tab-bar-addon .pill-select{width:auto}.room-details-member{flex-direction:column;align-items:flex-end;gap:0}.room-details-member-avatar{order:0;width:60px;min-width:60px;aspect-ratio:3 / 2;border:1px solid var(--glass-border);border-bottom:none;border-left:1px solid var(--glass-border);border-radius:var(--radius-md) var(--radius-md) 0 0}.room-details-member-info{order:1;max-width:100%;width:fit-content;border-radius:0 0 var(--radius-md) var(--radius-md);border:1px solid var(--glass-border);border-right:1px solid var(--glass-border);border-top:none}}.room-media-tab-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding:4px 0}.room-media-submenu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;border:none;background:transparent;width:min(280px,100%)}.room-media-submenu-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-bg);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:6px 10px;text-transform:uppercase;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.room-media-submenu-btn:hover{color:var(--text-secondary);background:var(--glass-bg-strong);border-color:var(--glass-border)}.room-media-submenu-btn.active{color:var(--text-primary);border-color:var(--glass-border);background:var(--glass-bg-strong);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow)}.room-media-submenu-btn[aria-pressed=false]{opacity:.65}.room-media-submenu-icon{font-size:14px;line-height:1}.room-media-empty{text-align:center;padding:24px 12px;color:var(--text-muted, #5a6578);font-size:13px}.room-media-month-group{margin-bottom:6px;display:flex;flex-direction:column;align-items:flex-end}.room-media-month-divider{display:flex;align-items:center;width:fit-content;max-width:100%;margin:0 8px 8px 0;padding:6px 12px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.room-media-sound-btn{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;border-radius:6px;padding:8px 10px;color:var(--text-primary, #b5c0d4);font-size:13px;cursor:pointer;transition:background .15s;text-align:left}.room-media-sound-btn:hover{background:#ffffff0f}.room-media-sound-icon{flex-shrink:0;font-size:16px}.room-media-sound-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.room-media-sound-play{flex-shrink:0;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted, #5a6578)}.room-media-mixed-list{display:flex;flex-direction:column;gap:2px;padding:0 8px;width:100%}.room-media-mixed-row{display:flex;align-items:center;justify-content:flex-end;gap:0}.room-media-mixed-visual-btn{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;width:100%;background:transparent;border:none;border-radius:8px;padding:4px 8px;min-height:58px;color:var(--text-primary, #b5c0d4);font-size:13px;cursor:pointer;text-align:right;transition:background var(--transition-fast)}.room-media-mixed-visual-btn:hover{background:#ffffff0d}.room-media-mixed-preview{width:56px;height:56px;border-radius:8px;overflow:hidden;background:#0003;flex-shrink:0}.room-media-mixed-preview img,.room-media-mixed-preview video{width:100%;height:100%;object-fit:contain;display:block}.room-media-mixed-main{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;min-width:0;gap:1px;flex:1;text-align:right}.room-media-mixed-meta{font-size:11px;color:var(--text-muted, #5a6578)}.room-media-mixed-title{font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.room-media-mixed-video-meta{font-size:11px;color:var(--text-secondary, #8892a6)}.room-media-sound-btn{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;width:100%;background:transparent;border:none;border-radius:8px;padding:4px 8px;color:var(--text-primary, #b5c0d4);font-size:13px;cursor:pointer;transition:background var(--transition-fast);text-align:right}.room-media-sound-btn:hover{background:#ffffff0d}.room-media-sound-main{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-end;text-align:right;gap:1px}.room-media-sound-play{min-width:34px;text-align:left;font-size:10px}.room-media-link-item{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;padding:4px 8px;border-radius:8px;text-decoration:none;transition:background var(--transition-fast);background:transparent;border:none}.room-media-link-item:hover{background:#ffffff0d}.room-media-link-main{gap:2px}.room-media-link-preview{width:56px;height:56px}.room-media-link-description{font-size:11px;line-height:1.3;color:var(--text-secondary, #8892a6);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-media-link-url{font-size:11px;color:var(--text-secondary, #8892a6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.room-media-link-author{font-size:11px;color:var(--text-muted, #5a6578)}@media (max-width: 680px){.room-media-submenu{width:min(220px,100%)}.room-media-mixed-preview,.room-media-link-preview{width:48px;height:48px}.room-media-mixed-visual-btn{min-height:52px;padding:6px 8px}}.timeline-view{display:flex;flex-direction:column;gap:4px;padding:8px;overflow-y:auto;flex:1;min-height:0}.timeline-empty{text-align:center;padding:24px 8px;color:var(--text-muted, #5a6578);font-size:13px}.timeline-group{display:flex;flex-direction:column;gap:2px}.timeline-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #5a6578);margin:8px 0 4px;padding:0 4px}.timeline-item{display:flex;gap:8px;padding:6px 8px;border-radius:6px;transition:background .15s;align-items:flex-start;background:transparent;border:none;width:100%;text-align:left;color:inherit;font:inherit;cursor:default}.timeline-item-event{cursor:pointer}.timeline-item:hover{background:var(--bg-hover, rgba(100, 199, 232, .05))}.timeline-item-icon{font-size:14px;flex-shrink:0;width:20px;text-align:center;padding-top:1px}.timeline-item-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.timeline-item-author{font-weight:600;font-size:12px;color:var(--text-primary, #b5c0d4)}.timeline-item-body{font-size:12px;color:var(--text-secondary, #8892a6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-item-title{font-weight:600;font-size:12px;color:var(--text-primary, #b5c0d4)}.timeline-item-game-tag{font-size:11px;color:var(--accent-primary, #64c7e8)}.timeline-item-time,.timeline-item-rsvp{font-size:10px;color:var(--text-muted, #5a6578)}.game-library-section h3{margin:0 0 12px;font-size:1rem}.game-library-section h4{margin:0 0 8px;font-size:.9rem;font-weight:600}.game-lib-steam-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.game-lib-sync-result{font-size:.8rem;color:var(--text-muted)}.game-lib-steam-notice{background:#66c0f40f;border:1px solid rgba(102,192,244,.18);border-radius:8px;padding:12px;margin-bottom:14px}.game-lib-steam-notice p{font-size:.85rem;color:var(--text-secondary);margin:0 0 8px}.game-lib-add-form{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:12px;margin-bottom:14px}.game-lib-add-row{display:flex;gap:6px}.game-lib-add-row input{flex:1;font-size:.82rem;padding:6px 8px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary)}.game-lib-add-row input:focus{border-color:var(--accent-primary);outline:none}.game-lib-add-row button{padding:6px 14px;font-size:.82rem;border-radius:6px;border:none;background:var(--accent-primary);color:#fff;cursor:pointer;white-space:nowrap}.game-lib-add-row button:disabled{opacity:.5;cursor:default}.game-lib-error{font-size:.78rem;color:var(--danger);margin:6px 0 0}.game-lib-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.game-lib-filters{display:flex;gap:4px}.game-lib-sort-btns{display:flex;gap:4px;margin-left:auto}.game-lib-filter-btn{padding:4px 10px;font-size:.75rem;background:transparent;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:background .12s ease,border-color .12s ease}.game-lib-filter-btn:hover{background:var(--accent-8)}.game-lib-filter-btn.active{background:var(--accent-15);border-color:var(--accent-35);color:var(--text-primary)}.game-lib-search{width:160px;font-size:.78rem;padding:4px 8px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary)}.game-lib-search:focus{border-color:var(--accent-primary);outline:none}.game-lib-loading,.game-lib-empty{font-size:.82rem;color:var(--text-muted);text-align:center;padding:20px 0}.game-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:400px;overflow-y:auto;padding-right:4px}.game-lib-card{position:relative;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease}.game-lib-card:hover{border-color:var(--accent-30);box-shadow:0 2px 12px #00000040}.game-lib-card-cover{width:100%;aspect-ratio:460 / 215;object-fit:cover;display:block}.game-lib-card-cover-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-80),var(--surface-90));font-size:2rem}.game-lib-card-info{padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-height:0}.game-lib-card-name{font-size:.8rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-lib-card-meta{font-size:.7rem;color:var(--text-muted)}.game-lib-card-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:var(--text-muted);font-size:.7rem;cursor:pointer;opacity:0;transition:opacity .12s ease;display:flex;align-items:center;justify-content:center}.game-lib-card:hover .game-lib-card-remove{opacity:1}.game-lib-card-remove:hover{background:#dc3232cc;color:#fff}.steam-invite-modal{background:linear-gradient(160deg,var(--elevated-98) 0%,var(--elevated-99) 100%);border:1px solid var(--border-default);border-radius:12px;width:min(520px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px #0009,0 0 40px var(--accent-6);animation:modal-in .25s ease}.steam-invite-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border-subtle);background:var(--surface-60);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:2}.steam-invite-header h2{margin:0;font-size:1.05rem;color:var(--text)}.steam-invite-body{padding:14px 18px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.steam-invite-section h3{margin:0 0 6px;font-size:.92rem;color:var(--text)}.steam-invite-hint{margin:0 0 8px;font-size:.8rem;color:var(--text-muted)}.steam-invite-room-row{display:flex;gap:8px;align-items:center}.steam-invite-select{flex:1;padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--input-bg, var(--surface));color:var(--text);font-size:.85rem}.steam-invite-steam-section{border-top:1px solid var(--border);padding-top:14px}.steam-invite-steam-notice{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.steam-invite-steam-notice p{margin:0;font-size:.82rem;color:var(--text-muted)}.steam-invite-loading,.steam-invite-enriching,.steam-invite-empty{margin:0;font-size:.82rem;color:var(--text-muted);font-style:italic}.steam-invite-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.steam-invite-filters{display:flex;gap:4px}.steam-invite-search{margin-left:auto;width:140px}.steam-invite-game-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto}.steam-invite-game-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:8px;background:var(--surface-alt, rgba(255, 255, 255, .03))}.steam-invite-game-row:hover{background:#ffffff0f}.steam-invite-game-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.steam-invite-game-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.steam-invite-game-thumb-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff0f;font-size:1.2rem}.steam-invite-game-text{display:flex;flex-direction:column;gap:2px;min-width:0}.steam-invite-game-name{font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.steam-invite-game-badge{font-size:.68rem;padding:1px 6px;border-radius:4px;width:fit-content}.steam-invite-badge-mp{background:color-mix(in srgb,var(--success) 20%,var(--surface-primary));color:color-mix(in srgb,var(--success) 76%,var(--text-primary))}.steam-invite-game-actions{flex-shrink:0}.steam-invite-invite-link{text-decoration:none;white-space:nowrap}.media-preview-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .12s ease-out}.media-preview-modal{display:flex;flex-direction:column;max-width:94vw;max-height:94vh;min-width:320px;border-radius:var(--radius-md);overflow:hidden;background:#0a1024f7;border:1px solid var(--border-subtle);box-shadow:0 32px 96px #000000b3}.media-preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--elevated-98);border-bottom:1px solid var(--border-subtle)}.media-preview-modal-filename{font-size:.84rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.media-preview-modal-actions{display:flex;gap:4px;flex-shrink:0}.media-preview-modal-content{display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto;flex:1;min-height:0}.media-preview-modal-image{max-width:88vw;max-height:72vh;object-fit:contain;border-radius:4px;transition:transform .2s ease,filter .2s ease}.media-preview-modal-video{max-width:88vw;max-height:72vh;border-radius:4px;background:#000;cursor:pointer}.media-preview-video-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.media-preview-video-controls{display:flex;align-items:center;gap:8px;padding:8px 12px;width:100%;max-width:88vw;background:#0a1024e6;border-radius:0 0 8px 8px}.media-preview-ctrl-btn{width:32px;height:32px;display:grid;place-items:center;font-size:.95rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.media-preview-ctrl-btn:hover{color:var(--text-primary);background:var(--deep-30)}.media-preview-time{font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:70px}.media-preview-seekbar{flex:1;height:6px;background:#ffffff1f;border-radius:3px;cursor:pointer;overflow:hidden}.media-preview-seekbar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width 80ms linear}.media-preview-volume{width:70px;accent-color:var(--accent)}.media-preview-fallback{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;color:var(--text-muted);font-size:.9rem}.media-preview-fallback-icon{font-size:2.5rem}.media-preview-edit-toolbar{padding:12px 16px;background:var(--elevated-98);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.media-preview-edit-row{display:flex;gap:16px;flex-wrap:wrap}.media-preview-edit-label{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-muted);flex:1;min-width:180px}.media-preview-edit-label input[type=range]{flex:1;accent-color:var(--accent)}.media-preview-edit-value{min-width:40px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.75rem}.media-preview-edit-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px}.chat-pending-preview-btn{background:none;border:none;padding:0;cursor:pointer;flex-shrink:0;border-radius:6px;overflow:hidden;transition:box-shadow var(--transition-fast),border-color var(--transition-fast);border:2px solid transparent}.chat-pending-preview-btn:hover{border-color:var(--theme-blue);box-shadow:0 2px 8px var(--accent-25)}.chat-attachments-multi{display:flex;flex-direction:column;gap:6px}.chat-attachments-thumb-row{display:flex;gap:6px;flex-wrap:wrap}.blocked-ip-modal-backdrop{background:#140000d1;padding:clamp(12px,3vh,28px);overflow-y:auto}.blocked-ip-modal{width:min(980px,calc(100vw - 24px));max-height:min(90dvh,900px);overflow:auto;padding:clamp(14px,2vw,24px);position:relative;border:1px solid rgba(255,80,80,.45);border-radius:16px;background:radial-gradient(circle at 16% 14%,#451010,#220707 52%,#180404);box-shadow:0 24px 70px #0000008c}.blocked-ip-modal-close{position:absolute;top:10px;right:10px;z-index:2}.blocked-ip-modal-content{display:grid;grid-template-columns:1fr;gap:clamp(14px,2.4vw,24px);align-items:start}.blocked-ip-modal-media-wrap{width:100%}.blocked-ip-modal-media{display:block;width:100%;max-height:48dvh;object-fit:contain;object-position:center;border-radius:12px;border:1px solid rgba(255,120,120,.35);background:#00000052}.blocked-ip-modal-text{max-width:68ch}.blocked-ip-modal-text h2{margin:0 0 10px;color:#ff1717;font-size:clamp(2rem,5.8vw,3rem);line-height:.95;letter-spacing:.07em;text-transform:uppercase}.blocked-ip-modal-text p{margin:0;color:#ff9a9a;line-height:1.55;font-size:clamp(.98rem,2.6vw,1.1rem)}.blocked-ip-modal-file{margin-top:12px!important;color:#ffc4c4!important;font-size:.9rem!important;word-break:break-word}@media (max-width: 899px){.room-media-submenu{width:min(220px,100%)}.blocked-ip-modal{width:min(680px,calc(100vw - 16px));max-height:calc(100dvh - 16px);padding:12px}.blocked-ip-modal .room-media-link-preview{width:72px;height:72px}.blocked-ip-modal-close{top:8px;right:8px}.blocked-ip-modal-media{width:100%;height:auto;max-height:52dvh}}@media (min-width: 900px){.blocked-ip-modal-content{grid-template-columns:auto minmax(260px,1fr);align-items:center}.blocked-ip-modal-media-wrap{width:auto}.blocked-ip-modal-media{width:auto;height:50dvh;max-width:min(48vw,620px);max-height:50dvh}}.chat-attachment-hero{max-width:100%}.chat-attachment-hero .chat-attachment-image{max-height:360px;max-width:100%}.chat-attachment-hero-video{position:relative;max-width:min(100%,560px);border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle)}.chat-attachment-hero-video .chat-attachment-video{max-width:100%;max-height:360px;pointer-events:none;display:block}.chat-attachment-thumb-item{max-width:120px;flex-shrink:0}.chat-attachment-thumb-item .chat-attachment-image{max-height:100px;max-width:120px;object-fit:cover}.chat-attachment-thumb-item .chat-attachment-video{max-width:120px;max-height:100px}.chat-attachment-sound-badge{position:absolute;bottom:6px;right:6px;font-size:.8rem;background:color-mix(in srgb,var(--surface-primary) 82%,transparent);border-radius:4px;padding:2px 4px;line-height:1;pointer-events:none}.chat-pending-actions{display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.chat-pending-action-btn{background:var(--accent-20);border:1px solid var(--accent-30);border-radius:4px;color:var(--text-primary);width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.8rem;line-height:1;cursor:pointer;flex-shrink:0;padding:0;transition:background var(--transition-fast),border-color var(--transition-fast)}.chat-pending-action-btn:hover{background:var(--accent-35);border-color:var(--theme-blue)}.chat-pending-action-btn:disabled{opacity:.55;cursor:progress}.chat-pending-action-btn--off{background:#c0524f33;border-color:#c0524f4d}.chat-pending-action-btn--off:hover{background:#c0524f59;border-color:var(--danger)}.chat-pending-action-btn--remove{background:#c0524f33;border-color:#c0524f4d;font-size:.7rem}.chat-pending-action-btn--remove:hover{background:#c0524f80;border-color:var(--danger)}.upcoming-events{display:flex;flex-direction:column;gap:4px;padding:4px 4px 12px;width:100%}.upcoming-events-item{display:flex;flex-direction:column}.upcoming-events-line{font-size:.78rem;line-height:1.3;padding:4px 10px;border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%;pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:6px;border:1px solid var(--border-subtle);box-shadow:0 6px 18px var(--deep-10);transition:filter .1s,border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.upcoming-events-line:hover{filter:brightness(1.2)}.upcoming-events-avatar{width:18px;height:18px;border-radius:50%;flex-shrink:0;object-fit:cover}.upcoming-events-avatar--fallback{display:inline-block}.upcoming-events-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-events-line--room{background:color-mix(in srgb,var(--theme-blue) 20%,var(--surface-primary));border-left:2px solid var(--theme-blue);color:var(--text-primary)}.upcoming-events-add-btn{font-size:.74rem;padding:2px 10px;border-radius:var(--radius-sm);border:1px dashed var(--text-muted);background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s}.upcoming-events-add-btn:hover{color:var(--theme-sky);border-color:var(--theme-sky)}.upcoming-events-add-menu{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000040;z-index:20;min-width:140px;overflow:hidden}.upcoming-events-add-menu-item{display:block;width:100%;padding:6px 12px;font-size:.78rem;text-align:left;background:transparent;border:none;color:var(--text-primary);cursor:pointer}.upcoming-events-add-menu-item:hover{background:var(--bg-hover)}.upcoming-events-create-form{margin-top:6px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);padding:8px;pointer-events:auto}.upcoming-detail{font-size:.76rem;padding:6px 10px 6px 26px;border-radius:0 0 var(--radius-sm) var(--radius-sm);pointer-events:auto;animation:upcoming-detail-in .12s ease-out}@keyframes upcoming-detail-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.upcoming-detail--event{background:var(--accent-8);border-left:2px solid var(--theme-blue);color:var(--text-primary)}.upcoming-detail--status{background:var(--bg-surface);border-left:2px solid var(--success);color:var(--text-primary)}.upcoming-detail-row{margin-bottom:2px}.upcoming-detail-meta{color:var(--text-muted)}.upcoming-detail-actions{display:flex;gap:6px;margin-top:4px}.upcoming-detail-btn{font-size:.72rem;padding:2px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--theme-steel);cursor:pointer;transition:background .1s,border-color .1s}.upcoming-detail-btn:hover{background:#ffffff1f}.upcoming-detail-btn.active{background:var(--accent-30);border-color:var(--theme-blue)}.upcoming-detail-reaction.has-count{min-width:38px}.upcoming-detail-reaction.active{background:#4a9e724d;border-color:var(--success)}.chat-message-tip{background:linear-gradient(135deg,#f59e0b14,#f59e0b08)!important;border-left:3px solid rgba(245,158,11,.5);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tip-modal-backdrop{align-items:start;justify-items:center;padding:24px 16px;overflow-y:auto}.tip-modal{position:relative;width:min(440px,92vw);max-height:88vh;overflow-y:auto;background:linear-gradient(160deg,var(--elevated-98) 0%,var(--elevated-99) 100%);border:1px solid rgba(245,158,11,.22);border-radius:var(--radius-lg);padding:56px 24px 24px;box-shadow:0 32px 80px #0000008c,0 0 40px #f59e0b0f;animation:modal-in .25s ease}.tip-modal-close{position:absolute;top:14px;right:12px;background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.tip-modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.tip-modal-header{margin-bottom:18px}.tip-patronage-panel{margin-top:4px}.tip-modal-creator{display:flex;align-items:center;gap:12px}.tip-modal-creator h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.tip-modal-subtitle{margin:2px 0 0;font-size:.82rem;color:var(--text-muted)}.tip-modal-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.tip-modal-avatar-fallback{display:grid;place-items:center;background:var(--bg-hover);font-size:1.4rem}.tip-modal-amounts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tip-amount-btn{flex:1;min-width:60px;padding:10px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.tip-amount-btn:hover{border-color:#f59e0b59;background:#f59e0b14}.tip-amount-active{border-color:#f59e0b99!important;background:#f59e0b24!important;color:#f5c542}.tip-modal-custom{display:flex;align-items:center;gap:6px;margin-bottom:14px}.tip-custom-prefix{font-size:1.1rem;font-weight:700;color:var(--text-secondary)}.tip-custom-input{flex:1;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:1rem}.tip-custom-input:focus{outline:none;border-color:#f59e0b80}.tip-message-input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:.9rem;margin-bottom:14px}.tip-message-input:focus{outline:none;border-color:var(--border-default)}.tip-modal-methods{display:flex;gap:8px;margin-bottom:14px}.tip-method-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;font-size:.82rem;transition:var(--transition-fast)}.tip-method-btn small{color:var(--text-muted);font-size:.72rem}.tip-method-btn:hover{border-color:var(--border-default)}.tip-method-active{border-color:#f59e0b80!important;background:#f59e0b14!important}.tip-method-icon{font-size:1.2rem}.tip-modal-breakdown{background:#0003;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:14px;font-size:.82rem}.tip-breakdown-row{display:flex;justify-content:space-between;padding:3px 0;color:var(--text-secondary)}.tip-breakdown-fee{color:var(--text-muted)}.tip-breakdown-total{border-top:1px solid var(--border-subtle);margin-top:4px;padding-top:6px;color:#f5c542}.tip-modal-warning{color:var(--danger);font-size:.82rem;margin-bottom:12px}.tip-topup-link{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:.82rem;padding:0}.tip-topup-link:hover{color:var(--accent-hover)}.tip-send-btn{width:100%;padding:12px;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,#d4a017,#c49000);color:#1a1a2e;font-size:.95rem;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.tip-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0b020,#d4a017);transform:translateY(-1px)}.tip-send-btn:disabled{opacity:.5;cursor:not-allowed}.tip-modal-success{text-align:center;padding:32px 0}.tip-modal-success-icon{font-size:3rem;margin-bottom:12px;animation:tip-bounce .5s ease}.tip-modal-success h3{margin:0 0 6px;color:#f5c542;font-size:1.3rem}.tip-modal-success p{color:var(--text-secondary);margin:0}@keyframes tip-bounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.wallet-modal{position:relative;width:min(480px,92vw);max-height:88vh;overflow-y:auto;background:linear-gradient(160deg,var(--elevated-98) 0%,var(--elevated-99) 100%);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:24px;box-shadow:0 32px 80px #0000008c,0 0 40px var(--accent-6);animation:modal-in .25s ease}.wallet-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.wallet-modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.wallet-modal-title{margin:0 0 18px;font-size:1.2rem;color:var(--text-primary)}.wallet-balance-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px;background:linear-gradient(135deg,var(--accent-12),var(--accent-4));border:1px solid var(--accent-25);border-radius:var(--radius-md);margin-bottom:20px}.wallet-balance-label{font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.wallet-balance-amount{font-size:2rem;font-weight:800;color:var(--text-primary)}.wallet-topup-section{margin-bottom:20px}.wallet-topup-section h3{font-size:.95rem;margin:0 0 10px;color:var(--text-primary)}.wallet-topup-amounts{display:flex;gap:8px;margin-bottom:12px}.wallet-topup-btn{flex:1;padding:10px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.wallet-topup-btn:hover{border-color:var(--border-default)}.wallet-topup-active{border-color:var(--accent)!important;background:var(--accent-12)!important;color:var(--accent-hover)}.wallet-topup-submit{width:100%;padding:11px;border-radius:var(--radius-sm);border:none;background:var(--accent);color:#fff;font-weight:700;font-size:.92rem;cursor:pointer;transition:var(--transition-fast)}.wallet-topup-submit:hover:not(:disabled){background:var(--accent-hover)}.wallet-topup-submit:disabled{opacity:.5;cursor:not-allowed}.wallet-topup-note{font-size:.78rem;color:var(--text-muted);margin:8px 0 0}.wallet-history h3{font-size:.95rem;margin:0 0 10px;color:var(--text-primary)}.wallet-history-list{display:flex;flex-direction:column;gap:6px}.wallet-history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#00000026;border-radius:var(--radius-sm)}.wallet-history-info{display:flex;flex-direction:column;gap:2px}.wallet-history-type{font-size:.85rem;color:var(--text-primary)}.wallet-history-info small{font-size:.72rem;color:var(--text-muted)}.wallet-history-amount{font-weight:700;font-size:.9rem}.wallet-amount-positive{color:var(--success)}.wallet-amount-negative{color:var(--danger)}.earnings-modal{position:relative;width:min(520px,92vw);max-height:88vh;overflow-y:auto;background:linear-gradient(160deg,var(--elevated-98) 0%,var(--elevated-99) 100%);border:1px solid rgba(147,51,234,.22);border-radius:var(--radius-lg);padding:24px;box-shadow:0 32px 80px #0000008c,0 0 40px #9333ea0f;animation:modal-in .25s ease}.earnings-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.earnings-modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.earnings-modal-title{margin:0 0 18px;font-size:1.2rem;color:var(--text-primary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.earnings-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.earnings-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 10px;background:#0000002e;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.earnings-card-available{border-color:#4a9e7266;background:#4a9e7214}.earnings-card-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.earnings-card-amount{font-size:1.3rem;font-weight:800;color:var(--text-primary)}.earnings-card-available .earnings-card-amount{color:var(--success)}.earnings-payout-btn{width:100%;padding:12px;border-radius:var(--radius-sm);border:none;background:var(--success);color:#fff;font-weight:700;font-size:.92rem;cursor:pointer;transition:var(--transition-fast);margin-bottom:10px}.earnings-payout-btn:hover:not(:disabled){filter:brightness(1.1)}.earnings-payout-btn:disabled{opacity:.5;cursor:not-allowed}.earnings-pending-note{font-size:.78rem;color:var(--text-muted);margin:0 0 14px}.earnings-loading{text-align:center;padding:40px 0;color:var(--text-muted)}.earnings-history h3{font-size:.95rem;margin:0 0 10px;color:var(--text-primary)}.earnings-history-list{display:flex;flex-direction:column;gap:6px}.earnings-history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#00000026;border-radius:var(--radius-sm)}.earnings-history-info{display:flex;flex-direction:column;gap:2px}.earnings-history-info span{font-size:.85rem;color:var(--text-primary)}.earnings-history-info small{font-size:.72rem;color:var(--text-muted)}.earnings-history-amounts{text-align:right;display:flex;flex-direction:column;gap:1px}.earnings-history-gross{font-weight:700;font-size:.9rem;color:var(--text-primary)}.earnings-history-net{font-size:.72rem;color:var(--success)}.settings-wallet-row{display:flex;gap:10px;flex-wrap:wrap}.desktop-install-section{margin-top:14px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-50)}.desktop-install-row{display:flex;gap:8px;margin-top:10px}.desktop-install-error{margin-top:8px;font-size:.76rem;color:var(--danger)}.test-mode-banner{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0a);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);padding:8px 12px;font-size:.8rem;font-weight:600;color:#f5c542;text-align:center;margin-bottom:14px}.wallet-test-credit-note{font-size:.75rem;color:#f5c542;opacity:.8}.wallet-test-section{background:#f59e0b0f;border:1px dashed rgba(245,158,11,.25);border-radius:var(--radius-sm);padding:14px;margin-bottom:18px}.wallet-test-section h3{font-size:.92rem;margin:0 0 6px;color:#f5c542}.wallet-test-note{font-size:.78rem;color:var(--text-muted);margin:0 0 10px}.wallet-test-reset-btn{width:100%;padding:9px;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.35);background:#f59e0b1a;color:#f5c542;font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.wallet-test-reset-btn:hover:not(:disabled){background:#f59e0b2e;border-color:#f59e0b80}.wallet-test-reset-btn:disabled{opacity:.5;cursor:not-allowed}:root[data-color-mode=light]{color-scheme:light}:root[data-color-mode=light] body{background:var(--bg-base)}:root[data-color-mode=light] .left-rail{background:transparent}:root[data-color-mode=light] .settings-modal,:root[data-color-mode=light] .status-modal{background:linear-gradient(160deg,var(--bg-elevated) 0%,var(--surface-primary) 100%)}:root[data-color-mode=light] .settings-tab:hover{background:var(--bg-hover)}:root[data-color-mode=light] .settings-tab.active{background:var(--accent-glow);border-color:var(--accent)}:root[data-color-mode=light] .panel{background:var(--bg-elevated);border-color:var(--border-subtle)}:root[data-color-mode=light] .panel:hover{border-color:var(--border-default)}:root[data-color-mode=light] ::-webkit-scrollbar-thumb{background:#0000002e}:root[data-color-mode=light] ::-webkit-scrollbar-thumb:hover{background:#0000004d}:root[data-color-mode=light] .theme-picker-swatches span{border-color:#00000026}:root[data-color-mode=light] .composer-format-btn,:root[data-color-mode=light] .composer-expand-btn{color:var(--theme-deep);text-shadow:none}:root[data-color-mode=light] .composer-expand-btn:hover,:root[data-color-mode=light] .composer-expand-btn.expanded,:root[data-color-mode=light] .composer-format-btn:hover:not(:disabled){color:var(--theme-deep)}:root[data-color-mode=light] .room-activity-feed-group{background:#ffffffb3}:root[data-color-mode=light] .room-activity-feed-group.clickable:hover{background:#ffffffe0}:root[data-color-mode=light] .room-activity-feed-row{background:#f0f4ffb8}:root[data-color-mode=light] .room-activity-feed-join-btn{background:#d2e1ffd1}:root[data-color-mode=light] .room-activity-feed-join-btn:disabled{background:#c8cdd7b8}:root[data-color-mode=light] button.pill-select-trigger.custom-select-trigger,:root[data-color-mode=light] .room-details-scope-select{background:#ffffffe0;border-color:var(--accent-35);color:var(--theme-deep)}.event-details-panel-body{padding:12px 14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;min-height:0}.event-details-title{font-size:1.15rem;font-weight:700;color:var(--text-primary, #e0e4ea);margin:0}.event-details-meta{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--text-secondary, #9ca3af)}.event-details-time{font-weight:500}.event-details-countdown{color:var(--accent-primary, #6366f1);font-weight:500}.event-details-past{color:var(--text-tertiary, #6b7280);font-style:italic}.event-details-game{color:var(--text-secondary, #9ca3af)}.event-details-creator{display:flex;align-items:center;gap:4px}.event-details-creator-avatar{width:16px;height:16px;border-radius:50%;object-fit:cover}.event-details-description{font-size:.85rem;color:var(--text-secondary, #cdd3de);white-space:pre-wrap;line-height:1.5;background:#ffffff08;border-radius:var(--radius-md, 8px);padding:8px 10px}.event-details-rsvp{display:flex;flex-direction:column;gap:6px}.event-details-rsvp-label{font-size:.78rem;font-weight:600;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.04em}.event-details-rsvp-buttons{display:flex;gap:6px}.event-details-rsvp-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md, 8px);border:1.5px solid var(--border-subtle, rgba(255, 255, 255, .08));background:#ffffff0a;color:var(--text-secondary, #9ca3af);font-size:.82rem;cursor:pointer;transition:all .15s}.event-details-rsvp-btn:hover:not(:disabled){background:#ffffff14;border-color:var(--border-default, rgba(255, 255, 255, .15))}.event-details-rsvp-btn.active{background:#6366f126;border-color:var(--accent-primary, #6366f1);color:var(--text-primary, #e0e4ea)}.event-details-rsvp-btn:disabled{opacity:.6;cursor:default}.event-details-rsvp-emoji{font-size:1.1rem}.event-details-rsvp-text{font-weight:500}.event-details-invitees{display:flex;flex-direction:column;gap:6px}.event-details-invitees h4{font-size:.82rem;font-weight:600;color:var(--text-secondary, #9ca3af);margin:0;display:flex;align-items:center;gap:8px}.event-details-invitee-counts{display:inline-flex;gap:6px;font-weight:400;font-size:.78rem}.event-details-invitee-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.event-details-invitee{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--radius-sm, 4px);font-size:.82rem}.event-details-invitee-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.event-details-invitee-avatar--fallback{display:flex;align-items:center;justify-content:center;background:var(--accent-primary, #6366f1);color:#fff;font-size:.7rem;font-weight:700}.event-details-invitee-name{flex:1;color:var(--text-primary, #e0e4ea)}.event-details-invitee-status{font-size:.9rem}.event-details-actions{display:flex;gap:8px;padding-top:4px}.suggestion-box-modal{max-width:500px;width:90vw}.suggestion-form{display:flex;flex-direction:column;gap:12px;padding:4px 0}.suggestion-category-label,.suggestion-message-label{font-size:.9rem;font-weight:600;color:var(--text-primary, #e0e0e0)}.suggestion-category-row{display:flex;gap:8px}.suggestion-category-btn{flex:1;padding:10px 12px;border-radius:var(--radius-sm, 6px);border:2px solid var(--border-subtle, rgba(255, 255, 255, .08));background:#ffffff08;color:var(--text-secondary, #aaa);font-size:.9rem;cursor:pointer;transition:all .15s;text-align:center}.suggestion-category-btn:hover{background:#ffffff0f;border-color:var(--border-default, rgba(255, 255, 255, .15))}.suggestion-category-btn.active{border-color:var(--accent-primary, #6366f1);background:#6366f11f;color:var(--text-primary, #e0e0e0)}.suggestion-textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));background:#ffffff0a;color:var(--text-primary, #e0e0e0);font-family:inherit;font-size:.9rem;resize:vertical;min-height:100px;box-sizing:border-box}.suggestion-textarea:focus{outline:none;border-color:var(--accent-primary, #6366f1)}.suggestion-char-count{font-size:.75rem;color:var(--text-muted, #777);text-align:right;margin-top:-8px}.suggestion-submit-btn{align-self:flex-end;min-width:140px}.suggestion-submit-btn:disabled{opacity:.5;cursor:default}.suggestion-success{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;text-align:center}.suggestion-success-icon{font-size:2.5rem}.suggestion-success h3{margin:0;font-size:1.2rem;color:var(--text-primary, #e0e0e0)}.suggestion-success p{margin:0;color:var(--text-secondary, #aaa);font-size:.9rem;max-width:320px}.admin-panel-modal{max-width:1400px;width:min(96vw,1400px);height:80dvh;max-height:80dvh;align-self:start;margin-top:10dvh;display:flex;flex-direction:column}@media (max-width: 780px){.admin-arcade-card{flex-wrap:wrap;align-items:flex-start}.admin-arcade-card-previews-secondary{margin-left:0}}.admin-arcade-systems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;overflow-y:auto;flex:1;min-height:0;padding-right:4px}.admin-email-panel-header p{margin:2px 0 0;color:var(--text-secondary, #aaa);font-size:.78rem}.admin-email-toolbar{display:grid;grid-template-columns:120px 1fr auto;gap:6px;padding:8px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.admin-email-toolbar input,.admin-email-toolbar .custom-select-trigger,.admin-email-reply input,.admin-email-reply textarea,.admin-email-card input,.admin-email-card textarea{width:100%;box-sizing:border-box;background:var(--bg-secondary, rgba(255, 255, 255, .03));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:4px;color:var(--text-primary, #e0e0e0);padding:6px 8px;font-size:.82rem}.admin-email-inline-btn,.admin-email-primary-btn{border:1px solid var(--border-default, rgba(255, 255, 255, .14));border-radius:4px;background:#ffffff0a;color:var(--text-primary, #e0e0e0);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 10px}.admin-email-primary-btn{align-self:flex-start}.admin-email-inline-btn:hover,.admin-email-primary-btn:hover{background:#ffffff14}.admin-email-list{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:6px;padding:8px}.admin-email-list-item{border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));background:#ffffff05;border-radius:4px;text-align:left;padding:8px;color:inherit;cursor:pointer}.admin-email-list-item.active{border-color:var(--accent, #5cc934);background:#ffffff0f}.admin-email-list-item-top,.admin-email-list-item-mid{display:flex;justify-content:space-between;gap:8px}.admin-email-list-item-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.admin-email-list-item-top span,.admin-email-list-item-mid span,.admin-email-list-item p{font-size:.76rem;color:var(--text-secondary, #aaa)}.admin-email-list-item p{margin:6px 0 0;line-height:1.35}.admin-email-status{text-transform:uppercase}.admin-email-status.open{color:#6fd58a}.admin-email-status.closed{color:#c8a972}.admin-email-thread-panel{min-height:0}.admin-email-thread-messages{overflow-y:auto;min-height:0;padding:8px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.admin-email-message{border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:4px;background:#ffffff05;padding:8px}.admin-email-message header{display:flex;justify-content:space-between;gap:8px;font-size:.76rem}.admin-email-message-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:.72rem;color:var(--text-secondary, #aaa)}.admin-email-message-body,.admin-email-message-body-text{margin:8px 0 0;font-size:.82rem;line-height:1.45;color:var(--text-primary, #e0e0e0)}.admin-email-message-empty{margin-top:8px;font-size:.76rem;color:var(--text-secondary, #aaa);border:1px dashed var(--border-subtle, rgba(255, 255, 255, .12));border-radius:4px;padding:8px}.admin-email-message-body-text{white-space:pre-wrap}.admin-email-reply{padding:8px;display:flex;flex-direction:column;gap:8px}.admin-email-reply h4{margin:0;font-size:.9rem}.admin-email-reply label,.admin-email-card label{display:flex;flex-direction:column;gap:4px;font-size:.76rem;color:var(--text-secondary, #aaa)}.admin-email-card{border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:8px}.admin-email-card h4{margin:0;font-size:.86rem}.admin-email-notes-list,.admin-email-timeline-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.admin-email-notes-list article,.admin-email-timeline-item{border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:4px;padding:6px;background:#ffffff03}.admin-email-notes-list article header,.admin-email-timeline-item{display:flex;flex-direction:column;gap:2px}.admin-email-notes-list article span,.admin-email-timeline-item span{color:var(--text-secondary, #aaa);font-size:.72rem}.admin-email-notes-list article p,.admin-email-timeline-item p{margin:2px 0 0;font-size:.76rem;line-height:1.35}.admin-email-empty{color:var(--text-secondary, #aaa);font-size:.82rem;padding:12px}.admin-arcade-section{display:flex;flex-direction:column;gap:10px;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.admin-arcade-header h3{margin:0;font-size:.98rem;color:var(--text-primary, #e0e0e0)}.admin-arcade-header p{margin:4px 0 0;font-size:.8rem;color:var(--text-muted, #777)}.admin-arcade-list{display:flex;flex-direction:column;gap:8px}.admin-arcade-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));background:#ffffff08}.admin-arcade-card-previews{display:flex;align-items:center;gap:10px;min-width:0}.admin-arcade-card-previews-secondary{margin-left:auto}.admin-arcade-preview{overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));background:color-mix(in srgb,var(--bg-surface) 72%,var(--surface-primary));color:var(--text-primary, #e0e0e0);font-weight:800}.admin-arcade-preview-large{width:96px;height:72px}.admin-arcade-preview-large img{object-fit:contain}.admin-arcade-preview-small{width:52px;height:39px}.admin-arcade-preview-meta{min-width:0;display:flex;flex-direction:column;gap:4px}.admin-arcade-preview-meta strong{font-size:.86rem;color:var(--text-primary, #e0e0e0)}.admin-arcade-preview-meta span,.admin-arcade-preview-label{font-size:.76rem;color:var(--text-muted, #777)}.admin-arcade-systems{display:flex;flex-direction:column;gap:16px;padding:12px;min-height:0;flex:1;overflow:hidden}.admin-arcade-systems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;overflow-y:auto;flex:1;min-height:0;padding-right:4px}.admin-arcade-preview{display:flex;align-items:center;justify-content:center;width:100%;height:120px;border-radius:6px;background:color-mix(in srgb,var(--bg-surface) 78%,var(--surface-primary));overflow:hidden}.admin-arcade-actions{flex-shrink:0}@media (max-width: 780px){.admin-email-layout{grid-template-columns:1fr}.admin-email-list-panel{min-height:220px}.admin-arcade-card{flex-wrap:wrap;align-items:flex-start}.admin-arcade-card-previews-secondary{margin-left:0}.admin-arcade-systems{gap:16px;padding:12px;min-height:0;flex:1;overflow:hidden}.admin-arcade-systems-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}.admin-arcade-editable-avatar{display:flex;flex-direction:column;align-items:center;gap:8px}.admin-arcade-avatar-container{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--bg-surface) 78%,var(--surface-primary));display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.admin-arcade-avatar-img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.admin-arcade-avatar-placeholder{font-size:2.4rem;font-weight:800;color:var(--text-secondary);line-height:1}.admin-arcade-system-label{font-size:.8rem;font-weight:600;color:var(--text-primary);text-align:center;word-break:break-word;width:100%}.admin-loading,.admin-empty{text-align:center;padding:32px 16px;color:var(--text-muted, #777);font-size:.9rem}.admin-suggestion-card{border-radius:var(--radius-sm, 6px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));background:#ffffff05;padding:10px 14px;cursor:pointer;transition:background .12s,border-color .12s}.admin-suggestion-card:hover{background:#ffffff0a;border-color:var(--border-default, rgba(255, 255, 255, .12))}.admin-suggestion-card.expanded{border-color:var(--accent-primary, #6366f1);background:#6366f10a}.admin-suggestion-header{display:flex;align-items:center;gap:8px;font-size:.85rem}.admin-suggestion-category{font-size:1.1rem;flex-shrink:0}.admin-suggestion-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.admin-suggestion-user{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--text-primary, #e0e0e0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-suggestion-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.admin-suggestion-date{margin-left:auto;color:var(--text-muted, #777);font-size:.78rem;white-space:nowrap}.admin-suggestion-status-label{font-size:.78rem;color:var(--text-secondary, #aaa);white-space:nowrap}.admin-copy-btn{margin-left:6px;padding:3px 8px;border-radius:var(--radius-sm, 4px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));background:#ffffff0a;color:var(--text-secondary, #aaa);font-size:.76rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .12s,border-color .12s,color .12s}.admin-copy-btn:hover{background:#ffffff14;border-color:var(--border-default, rgba(255, 255, 255, .14));color:var(--text-primary, #e0e0e0)}.admin-copy-btn.copied{border-color:#5cc93480;background:#5cc93424;color:#a9ef8f}.admin-suggestion-message{margin-top:6px;font-size:.88rem;color:var(--text-secondary, #ccc);line-height:1.45;white-space:pre-wrap;word-break:break-word}.admin-suggestion-detail{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06));display:flex;flex-direction:column;gap:10px}.admin-status-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-status-label,.admin-note-label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #aaa);margin-right:4px}.admin-status-btn{padding:4px 10px;border-radius:var(--radius-sm, 4px);border:1px solid;background:transparent;color:var(--text-primary, #e0e0e0);font-size:.78rem;cursor:pointer;transition:all .12s}.admin-status-btn:hover:not(:disabled):not(.active){opacity:.8;background:#ffffff0d}.admin-status-btn:disabled{opacity:.5;cursor:default}.admin-note-section{display:flex;flex-direction:column;gap:4px}.admin-note-edit{display:flex;flex-direction:column;gap:6px}.admin-note-textarea{width:100%;padding:8px 10px;border-radius:var(--radius-sm, 4px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));background:#ffffff0a;color:var(--text-primary, #e0e0e0);font-family:inherit;font-size:.85rem;resize:vertical;box-sizing:border-box}.admin-note-textarea:focus{outline:none;border-color:var(--accent-primary, #6366f1)}.admin-note-edit-actions{display:flex;gap:6px}.admin-note-display{display:flex;align-items:flex-start;gap:8px}.admin-note-text{font-size:.85rem;color:var(--text-secondary, #aaa);flex:1;white-space:pre-wrap;word-break:break-word}.admin-note-edit-btn{padding:2px 8px;border-radius:var(--radius-sm, 4px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));background:#ffffff0a;color:var(--text-secondary, #aaa);font-size:.78rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .12s}.admin-note-edit-btn:hover{background:#ffffff14}.admin-suggestion-meta{display:flex;gap:16px;font-size:.75rem;color:var(--text-muted, #666)}.user-roles-admin-section{display:flex;flex-direction:column;gap:16px;padding:4px 0;overflow-y:auto;flex:1}.user-roles-admin-header{display:flex;flex-direction:column;gap:4px}.user-roles-admin-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #e0e0e0)}.user-roles-admin-desc{margin:0;font-size:.85rem;color:var(--text-secondary, #aaa)}.user-roles-search-row{display:flex;align-items:center;gap:10px}.user-roles-search-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));background:var(--surface-50, rgba(20, 24, 20, .4));color:var(--text-primary, #e0e0e0);font-size:.9rem;outline:none;transition:border-color .15s}.user-roles-search-input:focus{border-color:var(--accent, #43b581)}.user-roles-searching{font-size:.8rem;color:var(--text-muted, #666);white-space:nowrap}.user-roles-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.user-roles-result-row{display:flex;align-items:center;gap:16px;padding:10px 14px;border-radius:10px;background:var(--surface-50, rgba(20, 24, 20, .4));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));flex-wrap:wrap}.user-roles-result-identity{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}.user-roles-avatar{width:36px;height:36px;border-radius:8px;object-fit:cover;flex-shrink:0}.user-roles-avatar-placeholder{width:36px;height:36px;border-radius:8px;background:var(--surface-100, rgba(255, 255, 255, .06));flex-shrink:0}.user-roles-display-name{font-weight:500;color:var(--text-primary, #e0e0e0);font-size:.95rem}.user-roles-badges{display:flex;gap:5px;flex-wrap:wrap}.user-roles-badge{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.user-roles-badge.admin{background:color-mix(in srgb,var(--danger) 24%,var(--surface-primary));color:color-mix(in srgb,var(--danger) 76%,var(--text-primary));border:1px solid color-mix(in srgb,var(--danger) 42%,transparent)}.user-roles-badge.tester{background:color-mix(in srgb,var(--theme-sky) 20%,var(--surface-primary));color:color-mix(in srgb,var(--theme-sky) 78%,var(--text-primary));border:1px solid color-mix(in srgb,var(--theme-sky) 36%,transparent)}.user-roles-badge.premium{background:color-mix(in srgb,var(--warning) 18%,var(--surface-primary));color:color-mix(in srgb,var(--warning) 78%,var(--text-primary));border:1px solid color-mix(in srgb,var(--warning) 36%,transparent)}.user-roles-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-roles-grant-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-subtle, rgba(255, 255, 255, .15));border-radius:8px;background:var(--surface-100, rgba(255, 255, 255, .06));color:var(--text-primary, #e0e0e0);font-size:.85rem;padding:5px 12px;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.user-roles-grant-btn:hover:not(:disabled){background:var(--surface-200, rgba(255, 255, 255, .1))}.user-roles-grant-btn:disabled{opacity:.38;cursor:default}.user-roles-success{font-size:.8rem;color:var(--accent, #43b581);white-space:nowrap}.user-roles-empty{font-size:.875rem;color:var(--text-muted, #666);padding:12px 0}@media (max-width: 640px){.admin-suggestion-header{flex-wrap:wrap}.admin-suggestion-date,.admin-copy-btn{margin-left:0}}.setting-card{background:var(--surface-50, rgba(20, 24, 20, .4));border:1px solid var(--accent-24, rgba(67, 181, 129, .15));border-radius:12px;overflow:hidden;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 12px #0000000d}.setting-card-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent, #43b581);font-weight:700;margin-bottom:4px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.setting-row-info{display:flex;flex-direction:column;gap:6px;flex:1}.setting-row-label{font-size:.95rem;font-weight:600;color:var(--text-primary, #eaeaea)}.setting-row-desc{font-size:.8rem;color:var(--text-muted, #a0a0a0);line-height:1.4}.setting-control{flex:1;min-width:200px;display:flex;flex-direction:column;gap:8px}.setting-sfx-control{width:100%;display:flex;align-items:center;gap:8px}.setting-sfx-control .custom-select{flex:1}.setting-sfx-preview-btn{flex-shrink:0;white-space:nowrap}.setting-select{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--accent-24, rgba(67, 181, 129, .3));background:var(--surface-primary, #1e2124);color:var(--text-primary, #fff);font-size:.9rem;cursor:pointer;transition:border-color .2s}.setting-select:focus{outline:none;border-color:var(--accent, #43b581)}.setting-divider{height:1px;background:var(--accent-24, rgba(255, 255, 255, .05));margin:8px 0}.viz-cycle-button{all:unset;width:100%;height:100%;display:block;cursor:pointer;border-radius:8px}.viz-cycle-button:hover{outline:1px solid var(--accent-60, rgba(67, 181, 129, .6))}.viz-cycle-button:focus-visible{outline:2px solid var(--accent, #43b581);outline-offset:1px}.place-detail-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.place-detail-title{flex:1;font-weight:600;font-size:.9rem;color:var(--text-primary);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-detail-main-header{display:flex;align-items:center;justify-content:flex-start;padding:8px 10px 9px;flex-shrink:0;border-bottom:none}.place-detail-container{display:flex;flex:1;min-height:0;gap:10px}.place-detail-view-community{gap:8px}.place-detail-community-controls{padding:0;flex-shrink:0}.community-place-current-avatar img,.community-place-current-fallback{width:100%;height:100%;object-fit:contain;display:block}.community-place-context-menu{position:fixed;z-index:2147483647;min-width:170px;padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-primary);box-shadow:var(--shadow-elevated)}.community-place-context-action{width:100%;border:1px solid transparent;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text-primary);font-size:.78rem;text-align:left;padding:7px 9px}.community-place-context-action:hover{background:var(--bg-hover);border-color:var(--accent-20)}.community-place-context-action-danger{color:color-mix(in srgb,#ff8b8b 75%,var(--text-primary))}.community-place-select-option-content{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:0}.community-place-select-option-avatar{width:42px;height:28px;border-radius:6px;overflow:hidden;background:var(--bg-hover);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.community-place-select-option-avatar img,.community-place-select-option-fallback{width:100%;height:100%;object-fit:cover;display:block}.community-place-select-option-copy{min-width:0;display:inline-flex;flex-direction:column;gap:2px}.community-place-select-option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.community-place-select-option-meta{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.community-place-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent, #e74c3c);color:#fff;font-size:.68rem;font-weight:700;line-height:1;letter-spacing:0}.rail-tab-content.rail-tab-content-places .place-detail-main-body{flex:1 1 auto;align-self:stretch;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 0 10px}.rail-tab-content.rail-tab-content-places .place-detail-main{flex:0 1 auto;min-width:0;max-height:100%;align-self:flex-start;overflow:hidden}.place-detail-main-community .place-detail-main-body{flex:1 1 auto;align-self:stretch;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 0 10px}.place-detail-main-community{flex:0 1 auto;min-width:0;max-height:100%;align-self:flex-start;overflow:hidden}.place-avatars-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.8rem;text-align:center;padding:8px}.place-avatar-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;padding:4px;background:transparent;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,background .2s;min-height:104px;height:104px;position:relative}.place-avatar-item:hover{background:var(--bg-hover);border-color:var(--accent-20)}.place-avatar-item.active{background:var(--accent-10);border-color:var(--theme-sky)}.place-avatar-item.joined{background:transparent;border-color:transparent;box-shadow:none}.place-avatar-item.joined:before{content:"";position:absolute;left:2px;top:6px;bottom:6px;width:2px;border-radius:999px;background:color-mix(in srgb,var(--theme-sky) 70%,white 20%);opacity:.75}.place-avatar-item.unread:after{content:"";position:absolute;right:6px;top:6px;width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--theme-sky) 75%,white 25%);box-shadow:0 0 0 2px color-mix(in srgb,var(--bg-primary) 85%,transparent)}.place-avatar-image{width:100%;aspect-ratio:3 / 2;height:auto;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-hover)}.place-avatar-image img{width:100%;height:100%;object-fit:contain;object-position:center}.place-avatar-new-item{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1px dashed var(--accent-35);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-12) 75%,var(--bg-hover));color:var(--accent);font-size:2rem;font-weight:700;line-height:1}.place-avatar-name{width:100%;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:center;color:var(--text-secondary);font-size:.7rem;line-height:1.1;min-height:2.2em;max-height:2.2em;word-break:break-word}.place-detail-main{flex:1;min-width:0;overflow:hidden;background:transparent;display:flex;flex-direction:column}.place-detail-main-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.rail-tab-content.rail-tab-content-places .channel-list{background:transparent;border:none;border-radius:0;padding:0 0 2px}.place-detail-view.place-detail-view-arcade{height:auto}.ai-background-toggle{margin-top:4px;padding:6px 12px;font-size:.82rem;color:var(--text-muted);background:transparent;border:1px dashed var(--accent-30);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);width:100%}.ai-background-toggle:hover{color:var(--theme-sky);border-color:var(--theme-sky)}.ai-background-panel{margin-top:6px;padding:10px;border:1px solid var(--accent-25);border-radius:var(--radius-md);background:var(--deep-12);display:flex;flex-direction:column;gap:8px}.ai-background-header{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:600;color:var(--theme-sky)}.ai-background-close{font-size:.72rem;padding:2px 4px}.ai-background-input-row{display:flex;gap:6px}.ai-background-input-row input{flex:1;min-width:0;font-size:.82rem;padding:5px 8px}.ai-background-error{color:var(--theme-warning, #f66);font-size:.78rem}.ai-background-loading{display:flex;align-items:center;gap:8px;padding:12px 4px;color:var(--text-muted);font-size:.8rem}.ai-background-spinner{width:18px;height:18px;border:2px solid rgba(100,199,232,.25);border-top-color:var(--theme-sky);border-radius:50%;animation:ai-spin .7s linear infinite}.ai-background-preview{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.ai-background-preview img{width:100%;max-width:100%;max-height:280px;border-radius:var(--radius-md);object-fit:cover}.ai-background-actions{display:flex;gap:8px;justify-content:center;width:100%}.edit-place-background-modal{width:min(560px,92vw);max-height:86vh;overflow:auto}.background-preview-img{width:100%;max-width:100%;max-height:280px;border-radius:var(--radius-md);object-fit:cover;background:var(--deep-12)}.place-admin-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000610ad;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .15s ease-out}.place-admin-menu{width:min(480px,92vw);background:radial-gradient(circle at 14% 12%,#2dbc8a38,#0a273300 44%),linear-gradient(155deg,#072026fa,#061b2bfa);border:1px solid color-mix(in srgb,var(--theme-sky) 45%,#0a3f46);border-radius:var(--radius-lg);box-shadow:0 24px 70px #0000008f;display:flex;flex-direction:column;overflow:hidden;animation:menu-slide-in .2s ease-out}@keyframes menu-slide-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.place-admin-menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--accent-20)}.place-admin-menu-header h3{margin:0;font-size:1.05rem;font-weight:650;color:var(--text-primary)}.place-admin-menu-body{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:8px}.place-admin-menu-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--theme-sky) 35%,transparent);background:color-mix(in srgb,var(--deep-8) 72%,transparent);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);text-align:left;width:100%;color:var(--text-primary)}.place-admin-menu-item:hover{background:color-mix(in srgb,var(--accent-20) 72%,transparent);border-color:color-mix(in srgb,var(--theme-sky) 65%,transparent);transform:translateY(-1px)}.place-admin-menu-item:active{background:var(--accent-25)}.place-admin-menu-item-icon{font-size:1.25rem;flex-shrink:0}.place-admin-menu-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.place-admin-menu-item-label{font-size:.92rem;font-weight:600;color:var(--text-primary)}.place-admin-menu-item-desc{font-size:.75rem;color:var(--text-muted);line-height:1.2}.place-admin-menu-item-arrow{font-size:1.2rem;color:var(--text-muted);flex-shrink:0}@media (max-width: 640px){.place-admin-menu-body{grid-template-columns:1fr}}.bg-settings-sliders{display:flex;flex-direction:column;gap:14px;padding:14px 0 4px;border-top:1px solid var(--border-default);margin-top:4px}.bg-settings-slider-row{display:flex;flex-direction:column;gap:6px}.bg-settings-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;color:var(--text-primary);cursor:default;-webkit-user-select:none;user-select:none}.bg-settings-value{font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}.bg-settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:var(--accent-20);outline:none;cursor:pointer;accent-color:var(--accent)}.bg-settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-base);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.bg-settings-slider::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 0 3px var(--accent-20)}.bg-settings-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-base);cursor:pointer}:root[data-color-mode=light] .bg-settings-sliders{border-top-color:var(--border-light, rgba(0, 0, 0, .12))}:root[data-color-mode=light] .bg-settings-label{color:var(--text-primary)}:root[data-color-mode=light] .bg-settings-slider{background:var(--accent-20)}.shell-bg-layer{--center-chat-gradient-top: var(--theme-deep);--center-chat-gradient-bottom: var(--bg-surface);--pixel-contrast-signed: calc((var(--pixel-contrast) - .5) * 2)}:root[data-color-mode=dark] .shell-bg-layer{--center-chat-gradient-top: color-mix( in srgb, var(--theme-sky) 46%, var(--theme-deep) 54% );--center-chat-gradient-bottom: var(--bg-surface)}:root[data-color-mode=light] .shell-bg-layer{--center-chat-gradient-top: color-mix( in srgb, var(--theme-deep) 64%, #ffffff 36% );--center-chat-gradient-bottom: var(--bg-surface)}.shell-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.shell-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;filter:contrast(var(--room-bg-contrast, 1)) saturate(var(--room-bg-saturation, 1));transition:filter .15s ease}.shell-pixel-surface{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--center-chat-gradient-top) 58%,transparent)!important}:root[data-color-mode=dark] .shell-pixel-surface{opacity:calc((.62 + (var(--pixel-contrast-signed) * .28)) * var(--room-pixel-opacity, 1));mix-blend-mode:normal;filter:saturate(calc(.88 + (var(--pixel-contrast-signed) * .2))) contrast(calc(.95 + (var(--pixel-contrast-signed) * .35)))}:root[data-color-mode=light] .shell-pixel-surface{opacity:calc((.5 + (var(--pixel-contrast-signed) * .32)) * var(--room-pixel-opacity, 1));mix-blend-mode:normal;filter:saturate(calc(.84 + (var(--pixel-contrast-signed) * .24))) contrast(calc(.92 + (var(--pixel-contrast-signed) * .38)))}.has-bg-art .left-rail,.has-bg-art .right-panel,.has-bg-art .center-chat{position:relative;z-index:1}.has-bg-art.app-shell{background:transparent}.has-bg-art{--sidebar-matte-color: color-mix( in srgb, var(--surface-primary) 62%, transparent )}.has-bg-art .left-rail{background:transparent!important;border-right-color:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}.has-bg-art .right-panel{background:transparent!important;border-left-color:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}.has-bg-art .center-chat{background:transparent!important;border-color:transparent!important}.has-bg-art .left-rail>.sidebar-vertical-pixels>.sidebar-gradient-content{box-sizing:border-box;padding-right:2rem}.has-bg-art .right-panel>.sidebar-vertical-pixels>.sidebar-gradient-content{box-sizing:border-box;padding-left:2rem}.has-bg-art .left-rail:after{display:none}.has-bg-art .right-panel:before{display:none}.has-bg-art .center-chat-vertical-pixels{display:none}.has-bg-art .sidebar-vertical-pixels{background:transparent!important}.has-bg-art .sidebar-vertical-pixels .dither-gradient-overlay{opacity:0!important}.has-bg-art .resize-handle{background:transparent}.has-bg-art .resize-handle:before{display:none}.has-bg-art .resize-handle:hover,.has-bg-art .resize-handle:active{background:transparent}.has-bg-art .resize-handle-left:after{left:auto;right:100%;transform:none;width:2rem;background:var(--sidebar-matte-color);opacity:0;transition:opacity var(--transition-normal)}.has-bg-art .resize-handle-right:after{left:100%;right:auto;transform:none;width:2rem;background:var(--sidebar-matte-color);opacity:0;transition:opacity var(--transition-normal)}.has-bg-art .resize-handle-left:hover:after{opacity:.6}.has-bg-art .resize-handle-right:hover:after{opacity:.6}.has-bg-art .resize-handle-left:active:after,.has-bg-art .resize-handle-right:active:after{opacity:.78}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.voice-video-grid{padding:14px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));overflow:auto}.voice-video-tile{position:relative;border-radius:calc(var(--radius-md) + 2px);overflow:hidden;border:1px solid var(--accent-16);background:linear-gradient(180deg,var(--bg-elevated),var(--bg-surface));min-height:170px;aspect-ratio:16 / 10}.voice-video-tile video{width:100%;height:100%;object-fit:cover;display:block;background:#03070f}.voice-video-tile-meta{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,transparent,rgba(2,4,8,.82))}.voice-video-name{font-weight:700;color:#f2f6ff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.voice-video-badge{border:1px solid rgba(255,255,255,.34);border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f6fbff;padding:2px 8px;background:#12223eb8}.voice-video-avatar-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:800;font-size:clamp(2rem,6vw,3.3rem);color:var(--text-primary);background:radial-gradient(circle at 28% 22%,var(--accent-18),transparent 45%),linear-gradient(145deg,var(--bg-elevated),var(--bg-surface))}.voice-video-empty-state{grid-column:1 / -1;border:1px dashed var(--border-default);border-radius:var(--radius-md);padding:18px;background:color-mix(in srgb,var(--accent-8) 60%,transparent);color:var(--text-secondary)}.voice-video-empty-state strong{display:block;margin-bottom:6px;color:var(--text-primary)}.voice-video-empty-state p{margin:0}@media (max-width: 780px){.voice-video-grid{grid-template-columns:1fr;padding:12px}}.voice-level-wave{margin:0;width:100%;height:100%;background:transparent}.dither-gradient-content{position:relative;z-index:1;width:100%;height:100%}.game-autocomplete{position:relative;min-width:0}.chat-vote-tabs{display:inline-flex;align-self:flex-start;align-items:center;gap:4px;padding:5px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-50)}.chat-vote-tabs .tab-indicator{border-radius:999px;border-color:#5bd5c852;background:#5bd5c824;box-shadow:none}.chat-vote-tab{border:1px solid transparent;background:transparent;color:var(--text-secondary);padding:7px 12px;border-radius:999px;font-size:.78rem;font-weight:700;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.chat-vote-tab:hover{color:var(--text-primary);background:var(--accent-8);border-color:var(--accent-20);transform:translateY(-1px)}.chat-vote-tab.active{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-primary)}.chat-vote-tab.active:hover{background:transparent;border-color:transparent;box-shadow:none;transform:none}@media (max-width: 780px){.chat-vote-tabs{width:100%;justify-content:stretch}.chat-vote-tab{flex:1;text-align:center}}:root[data-color-mode=light] .chat-vote-tabs{background:var(--surface-50);border-color:#00000014}:root[data-color-mode=light] .chat-vote-tab.active{background:transparent}.weekly-schedule-block-available{background:#2ea04342;border-color:#2ea04385;color:#d6f7dd}.weekly-schedule-block-busy{background:#d357193d;border-color:#d357198a;color:#ffe0cc}.weekly-schedule-block-custom{background:#5cc93433;border-color:#5cc93473;color:var(--text-primary)}.custom-select-trigger-open .custom-select-chevron{transform:rotate(180deg)}.custom-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10080;max-height:min(280px,45vh);overflow-y:auto;padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-primary);box-shadow:var(--shadow-elevated)}.custom-select-option{width:100%;border:1px solid transparent;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text-primary);font-size:inherit;text-align:left;padding:7px 10px;white-space:nowrap}.custom-select-option:hover,.custom-select-option-active{background:var(--bg-hover);border-color:var(--accent-20)}.custom-select-option-selected{background:var(--accent-12);border-color:var(--accent-25)}.custom-select-option:active{transform:none}.custom-select-option:disabled{opacity:.45;cursor:not-allowed}:root[data-color-mode=light] .custom-select-menu{background:#fffffffa;border-color:#0000001f;box-shadow:0 16px 30px #1b2c3a29}:root[data-color-mode=light] .custom-select-option{color:var(--text-primary)}:root[data-color-mode=light] .custom-select-option:hover,:root[data-color-mode=light] .custom-select-option-active{background:#1b2c3a14;border-color:#1b2c3a2e}:root[data-color-mode=light] .custom-select-option-selected{background:#5cc93433;border-color:#387d204d}.detail-header-name-editable{cursor:pointer;pointer-events:auto}.detail-header-name-editable:hover .detail-user-name-edit-icon{opacity:1}.detail-user-tab-bar{display:flex;align-items:center;gap:4px;margin:0 4px 2px;padding:3px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-50);flex-shrink:0}.detail-user-tab-btn{flex:1;background:transparent;border:1px solid transparent;border-radius:9px;padding:7px 9px;font-size:.78rem;font-weight:700;color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.detail-user-tab-btn:hover{background:var(--accent-8);border-color:var(--accent-20);color:var(--text-primary);transform:translateY(-1px)}.detail-user-tab-btn.active{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-primary)}.detail-user-tab-btn.active:hover{background:transparent;border-color:transparent;box-shadow:none;transform:none}.room-details-scope-select-wrap{width:auto;min-width:0;max-width:min(220px,100%)}.avatar-dropzone{margin-top:4px;border:2px dashed var(--accent-35);border-radius:var(--radius-md);padding:14px;background:var(--deep-10);cursor:pointer;display:grid;gap:8px;transition:border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal)}.avatar-dropzone:hover{border-color:var(--theme-blue);background:var(--deep-20);box-shadow:0 0 14px var(--accent-8)}.avatar-dropzone.drag-active{border-color:var(--theme-sky);background:#64c7e814;box-shadow:0 0 18px #64c7e81f}.avatar-dropzone small{color:var(--text-muted);font-size:.78rem}.crop-tab-bar{display:flex;align-items:center;gap:4px;margin-bottom:8px;padding:5px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-50)}.crop-tab{flex:1;padding:7px 9px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:9px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.crop-tab:hover{color:var(--text-primary);background:var(--accent-8);border-color:var(--accent-20);transform:translateY(-1px)}.crop-tab.active{color:var(--text-primary);background:transparent;border-color:transparent;box-shadow:none}.crop-tab.active:hover{background:transparent;border-color:transparent;box-shadow:none;transform:none}.stagger-list{overflow-x:hidden}@supports (overflow: clip){.stagger-list{overflow-x:clip}}.stagger-list>.stagger-list-item{opacity:0;transform:translate(calc(-1 * var(--stagger-distance, 48px)));animation:stagger-list-enter var(--stagger-duration, .42s) cubic-bezier(.2,.9,.2,1) both;animation-delay:var(--stagger-delay, 0ms);will-change:transform,opacity}.color-picker-tabs{display:flex;gap:4px;margin-bottom:8px;padding:4px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-50)}.color-picker-tab{flex:1;padding:4px 0;font-size:12px;font-weight:700;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-muted, #8899aa);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.color-picker-tab:hover{color:var(--text-primary);background:var(--accent-8);border-color:var(--accent-20);transform:translateY(-1px)}.color-picker-tab.active{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-primary)}.color-picker-tab.active:hover{background:transparent;border-color:transparent;box-shadow:none;transform:none}@media (max-width: 780px){.sidebar-subtabs.arcade-top-controls{margin-bottom:8px;gap:6px}}.sidebar-subtabs.arcade-top-controls{margin-bottom:8px;border:none;border-radius:0;background:transparent;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.arcade-system-select .custom-select-value{display:flex;align-items:center;min-width:0}.arcade-system-select-menu{max-height:min(360px,55vh)}.arcade-system-select-option{padding:8px 10px}.arcade-library-row,.arcade-session-card{border:1px solid var(--border-subtle);background:var(--surface-60)}.arcade-library-row{display:flex;align-items:stretch;justify-content:space-between;gap:8px;padding:0 10px 0 0;min-height:62px;border-radius:12px;overflow:hidden;width:100%;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;background:var(--surface-60)}.arcade-library-row-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-40);background:color-mix(in srgb,var(--accent-10) 52%,var(--surface-60))}.arcade-library-row-selected .arcade-library-row-title strong{color:color-mix(in srgb,var(--accent) 72%,var(--text-primary))}.arcade-library-row:hover:not(.arcade-library-row-selected){border-color:var(--border-default);background:var(--surface-80)}.arcade-runtime-frame{display:block;width:100%;border:0;background:var(--bg-base)}@media (max-width: 780px){.arcade-library-row{align-items:stretch;flex-direction:row}}.chat-message-highlight{animation:mentionFlash 2s ease}.segmented-tabs{position:relative}.segmented-tab{position:relative;z-index:1}.tab-indicator{position:absolute;left:0;top:5px;bottom:5px;border-radius:9px;border:1px solid var(--border-default);background:var(--accent-20);box-shadow:0 0 0 1px var(--accent-30) inset;pointer-events:none;z-index:0;transition:transform var(--transition-fast),width var(--transition-fast),opacity var(--transition-fast)}@media (prefers-reduced-motion: reduce){.tab-indicator{transition:none}}.community-tab-select{width:fit-content;max-width:calc(100% - 50px);flex:0 1 auto;min-width:0}.community-tab-select-option{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.community-tab-select-menu{max-height:min(320px,50vh)}.sidebar-subtabs{display:flex;align-items:center;gap:4px;margin:2px 4px 4px;padding:3px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-50)}@media (max-width: 1320px) and (min-width: 901px){.sidebar-subtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-subtabs .tab-indicator{display:none}}@media (max-width: 900px){.sidebar-subtabs{gap:2px;margin:2px 2px 4px;padding:2px}}.room-volskra-view-tabs{display:inline-flex;align-items:center;gap:4px;padding:5px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-50)}.room-volskra-view-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:9px;padding:8px 12px;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.room-volskra-view-btn:hover{color:var(--text-primary);background:var(--accent-8);border-color:var(--accent-20);transform:translateY(-1px)}.room-volskra-view-btn.active{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-primary)}.room-volskra-view-btn.active:hover{background:transparent;border-color:transparent;box-shadow:none;transform:none}@media (max-width: 720px){.room-volskra-view-tabs{display:grid;grid-template-columns:1fr}}.vibe-coder-tabs{display:flex;align-items:center;gap:4px;margin:6px 4px 8px;padding:5px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-50);flex-shrink:0}.vibe-coder-tab{background:transparent;border:1px solid transparent;border-radius:9px;color:var(--text-secondary);padding:8px 16px;font-size:.78rem;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.vibe-coder-tab:hover{color:var(--text-primary);background:var(--accent-8);border-color:var(--accent-20);transform:translateY(-1px)}.vibe-coder-tab.active{color:var(--text-primary);border-color:transparent;background:transparent;box-shadow:none}.vibe-coder-tab.active:hover{border-color:transparent;background:transparent;box-shadow:none;transform:none}.tip-modal-tabs{display:flex;gap:4px;margin-bottom:14px;padding:5px 44px 5px 5px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-50)}.tip-modal-tab{flex:1;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-secondary);font-weight:600;padding:8px 10px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.tip-modal-tab:hover{color:var(--text-primary);background:var(--accent-8);border-color:var(--accent-20);transform:translateY(-1px)}.tip-modal-tab.active{border-color:transparent;background:transparent;box-shadow:none;color:var(--text-primary)}.tip-modal-tab.active:hover{border-color:transparent;background:transparent;box-shadow:none;transform:none}.admin-panel-tabs{display:inline-flex;align-items:center;gap:4px;margin:0 0 10px;padding:5px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-50)}.admin-panel-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-secondary, #aaa);font-size:.82rem;font-weight:700;line-height:1;padding:8px 12px;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.admin-panel-tab:hover{color:var(--text-primary, #e0e0e0);background:var(--accent-8);border-color:var(--accent-20);transform:translateY(-1px)}@media (max-width: 780px){.admin-panel-tab{flex:1 1 220px;text-align:center}}@media (max-width: 780px){.admin-panel-tabs{width:100%;flex-wrap:wrap}.admin-panel-tab{flex:1 1 220px;text-align:center}}.sound-viz-container{display:block;width:100%;min-width:0;aspect-ratio:3 / 2;overflow:hidden}.sound-viz-container.voice-level-wave-frame{aspect-ratio:auto}.community-place-select{width:fit-content;max-width:calc(100% - 50px);flex:0 1 auto;min-width:0}.community-place-select .custom-select-value{display:flex;align-items:center;min-width:0}.community-place-select-menu{max-height:min(70vh,560px);width:max-content}.community-place-select-menu .custom-select-option{white-space:nowrap}.community-place-select-option{padding:6px}.place-avatars-sidebar{--place-sidebar-width: 120px;--place-sidebar-shrunk-width: 60px;width:var(--place-sidebar-width);min-width:var(--place-sidebar-width);height:fit-content;align-self:flex-start;min-height:0;max-height:100%;display:flex;flex-direction:column;gap:4px;padding:8px 4px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-y:auto;overflow-x:hidden;transition:width .3s ease,min-width .3s ease,padding .3s ease}.place-avatars-sidebar.shrunk{width:var(--place-sidebar-shrunk-width);min-width:var(--place-sidebar-shrunk-width);padding:8px 2px}:root[data-color-mode=light] .place-avatars-sidebar{background:var(--glass-bg)}.place-avatars-sidebar.shrunk .place-avatar-item{min-height:74px;height:74px;padding:3px}.place-avatars-sidebar.shrunk .place-avatar-image{aspect-ratio:3 / 2;height:auto;border-radius:6px}.place-avatars-sidebar.shrunk .place-avatar-name{display:none}.background-dropzone{border:2px dashed var(--accent-30);border-radius:var(--radius-md);padding:16px 12px;text-align:center;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);background:var(--deep-6);display:flex;flex-direction:column;align-items:center;gap:8px;min-height:140px;justify-content:center}.background-dropzone:hover{border-color:var(--theme-sky);background:var(--deep-8)}.background-dropzone.drag-active{border-color:var(--theme-sky);background:var(--accent-15)}.developer-keys-modal{width:min(600px,92vw);max-height:80vh;overflow-y:auto}.developer-keys-content{padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px}.developer-keys-hint{font-size:.85rem;opacity:.7;margin:0;line-height:1.5}.developer-keys-hint code{background:#ffffff14;padding:1px 5px;border-radius:3px;font-size:.82rem}.developer-keys-create{display:flex;gap:8px;align-items:center}.developer-keys-label-input{flex:1;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--deep-4);color:inherit;font-size:.85rem}.developer-keys-revealed{background:#5cc93414;border:1px solid rgba(92,201,52,.3);border-radius:var(--radius-sm);padding:10px 12px}.developer-keys-revealed-warning{margin:0 0 8px;font-size:.82rem;font-weight:600;color:#5cc934}.developer-keys-revealed-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.developer-keys-revealed-value{flex:1;font-size:.78rem;word-break:break-all;background:#0003;padding:4px 8px;border-radius:3px;min-width:200px}.developer-keys-table-wrap{overflow-x:auto}.developer-keys-table{width:100%;border-collapse:collapse;font-size:.83rem}.developer-keys-table th{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border-subtle);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;opacity:.7}.developer-keys-table td{padding:8px 10px;border-bottom:1px solid var(--border-subtle)}.developer-keys-table code{background:#ffffff0f;padding:1px 4px;border-radius:3px;font-size:.82rem}.developer-key-status{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.developer-key-status.active{background:#5cc93426;color:#5cc934}.developer-key-status.deleted{background:#d3571926;color:#d35719}.developer-key-deleted-row{opacity:.45}.admin-api-keys-section{padding:12px 20px 20px}.admin-api-keys-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:12px}.admin-api-keys-user-label{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.9rem}.admin-api-keys-user-row{cursor:pointer;transition:background .15s ease}.admin-api-keys-user-row:hover{background:#ffffff0a}.admin-api-keys-user-cell{display:flex;align-items:center;gap:6px}