:root{--dcl-bg-deep: #0c0b0f;--dcl-bg-app: #121016;--dcl-bg-elevated: #1a1822;--dcl-bg-card: #23212c;--dcl-bg-input: #18161f;--dcl-bg-black: #08070a;--dcl-border: rgba(255, 255, 255, .08);--dcl-border-strong: rgba(255, 255, 255, .14);--dcl-text: #eceaf0;--dcl-text-muted: #a39eb5;--dcl-text-faint: #7a7388;--dcl-accent: #ff2d55;--dcl-accent-soft: rgba(255, 45, 85, .18);--dcl-accent-glow: rgba(255, 45, 85, .35);--dcl-accent-hover: #ff5478;--dcl-link: #5ee4ff;--dcl-link-hover: #8eedff;--dcl-danger: #ff6b7a;--dcl-warning-bg: rgba(252, 211, 77, .12);--dcl-warning-border: rgba(250, 204, 21, .4);--dcl-warning-text: #fde68a;--dcl-radius-lg: 16px;--dcl-radius-md: 12px;--dcl-radius-sm: 10px;--dcl-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}#root{height:100%;max-height:100dvh;min-height:0;margin:0;overflow:hidden;display:flex;flex-direction:column}body{font-family:var(--dcl-font);-webkit-tap-highlight-color:transparent;background:var(--dcl-bg-app);color:var(--dcl-text)}a{color:var(--dcl-link)}a:hover{color:var(--dcl-link-hover)}code{font-size:.9em;padding:.12em .35em;border-radius:6px;background:var(--dcl-bg-black);border:1px solid var(--dcl-border)}.app-shell{flex:1;min-height:0;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);background:var(--dcl-bg-app)}.app-header{flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(180deg,var(--dcl-bg-elevated) 0%,var(--dcl-bg-app) 100%);border-bottom:1px solid var(--dcl-border);box-shadow:0 1px 0 var(--dcl-accent-soft);position:sticky;top:0;z-index:40}.app-header-side{min-width:0;min-height:44px}.app-header-center{display:flex;align-items:center;justify-content:center;color:var(--dcl-text)}.app-header-moon{display:block;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(255,45,85,.28))}.scene-chat-toast-host{position:fixed;top:calc(12px + env(safe-area-inset-top,0));left:50%;right:auto;bottom:auto;transform:translate(-50%);z-index:95;width:min(420px,calc(100vw - 24px));display:flex;flex-direction:column;align-items:stretch;gap:0;pointer-events:none}@media(min-width:960px){.scene-chat-toast-host{left:auto;right:max(16px,env(safe-area-inset-right,0px));transform:none;width:min(380px,calc(100vw - 48px))}}.scene-chat-toast-host>*{pointer-events:auto}.scene-chat-toast-wrap{position:relative;width:100%}.scene-chat-toast{position:relative;width:100%;margin:0;padding:12px 40px 12px 14px;text-align:left;border:1px solid var(--dcl-border-strong);border-radius:var(--dcl-radius-md);background:var(--dcl-bg-elevated);box-shadow:0 10px 36px #00000080,0 0 0 1px var(--dcl-accent-soft);color:var(--dcl-text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:scene-chat-toast-in .22s ease-out}.scene-chat-toast:active{background:var(--dcl-bg-card)}.scene-chat-toast-kicker{display:block;font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--dcl-accent);margin-bottom:4px}.scene-chat-toast-sender{display:block;font-size:.9rem;font-weight:600;color:var(--dcl-text);margin-bottom:4px}.scene-chat-toast-text{display:block;font-size:.85rem;line-height:1.35;color:var(--dcl-text-muted);word-break:break-word}.scene-chat-toast-hint{display:block;margin-top:8px;font-size:.72rem;color:var(--dcl-text-faint)}.scene-chat-toast-dismiss{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:0;border:none;border-radius:var(--dcl-radius-sm);background:transparent;color:var(--dcl-text-muted);font-size:1.35rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.scene-chat-toast-dismiss:hover{color:var(--dcl-text);background:var(--dcl-bg-card)}@keyframes scene-chat-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app-body{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;-webkit-overflow-scrolling:touch;background:var(--dcl-bg-app)}.app-main .communities-panel,.app-main .friends-panel,.app-main .testing-view{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-main .events-panel{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.app-main .events-panel::-webkit-scrollbar{display:none}.app-main .backpack-panel{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.app-main .home-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0;-webkit-overflow-scrolling:touch}.home-panel{position:relative;isolation:isolate;box-sizing:border-box;background-color:#0a0305;background-image:radial-gradient(ellipse 125% 95% at 50% -18%,rgba(252,165,165,.42) 0%,transparent 56%),radial-gradient(ellipse 90% 80% at 105% 42%,rgba(239,68,68,.22) 0%,transparent 52%),radial-gradient(ellipse 85% 70% at -8% 65%,rgba(127,29,29,.38) 0%,transparent 50%),radial-gradient(ellipse 70% 55% at 50% 108%,rgba(244,63,94,.1) 0%,transparent 42%),radial-gradient(ellipse 60% 45% at 80% 88%,rgba(255,45,85,.08) 0%,transparent 45%),linear-gradient(172deg,#3d1418,#1a0808,#0c0406 68%,#040208);background-attachment:scroll}.app-main .jump-in-panel{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-main .jump-in-panel--live{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;max-width:none;width:100%;margin:0;padding:0}.app-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:var(--dcl-radius-md);background:transparent;color:var(--dcl-text);cursor:pointer}.app-icon-btn:active{background:var(--dcl-bg-card)}.app-swipe-edge{position:fixed;top:0;left:0;bottom:0;width:22px;z-index:45;touch-action:none;background:transparent}.app-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:90;transition:opacity .22s ease}.app-drawer-backdrop.app-drawer-backdrop--dragging{transition:none}.app-drawer{position:fixed;top:0;left:0;bottom:0;width:min(300px,86vw);background:var(--dcl-bg-elevated);z-index:100;box-shadow:8px 0 40px #00000073;border-right:1px solid var(--dcl-border);padding:calc(12px + env(safe-area-inset-top,0)) 16px 24px;display:flex;flex-direction:column;gap:4px;transition:transform .28s cubic-bezier(.22,1,.36,1);will-change:transform}.app-drawer.app-drawer--dragging{transition:none}.app-drawer-profile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:8px 4px 16px}.app-drawer-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--dcl-border-strong);background:var(--dcl-bg-input);box-shadow:0 0 0 1px var(--dcl-accent-soft)}.app-drawer-avatar-fallback{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--dcl-accent) 0%,#c41e4a 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.35rem;box-shadow:0 0 0 2px var(--dcl-accent-soft)}.app-drawer-username{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--dcl-text);word-break:break-word}.app-drawer-subtitle{font-size:.8125rem;color:var(--dcl-text-muted);font-family:ui-monospace,monospace}.app-drawer-divider{height:1px;background:var(--dcl-border);margin:0 0 8px;flex-shrink:0}.app-drawer-spacer{flex:1;min-height:16px}.app-drawer-item{display:block;width:100%;text-align:left;padding:12px 10px;border:none;border-radius:var(--dcl-radius-sm);background:transparent;font-size:1rem;color:var(--dcl-text);cursor:pointer;font-family:inherit}.app-drawer-item-inner{display:flex;align-items:flex-start;gap:12px;width:100%}.app-drawer-icon{flex-shrink:0;display:block;margin-top:1px;opacity:.88;color:inherit}.app-drawer-item-text{flex:1;min-width:0;text-align:left;line-height:1.35}.app-drawer-item--active .app-drawer-icon{opacity:1}.app-drawer-item--active:hover .app-drawer-icon,.app-drawer-item--active:active .app-drawer-icon{color:#fff}.app-drawer-item.danger .app-drawer-icon{opacity:1}.app-drawer-item-row{display:block;line-height:1.35;word-break:break-word}.app-drawer-item-scene{color:var(--dcl-text-muted);font-weight:600;font-size:.9rem}.app-drawer-item:active,.app-drawer-item:hover{background:var(--dcl-bg-card)}.app-drawer-item--active{background:var(--dcl-accent-soft);color:var(--dcl-accent-hover);box-shadow:inset 3px 0 0 var(--dcl-accent)}.app-drawer-item--active .app-drawer-item-scene{color:#ff5478d9}.app-drawer-item--active:hover,.app-drawer-item--active:active{background:#ff2d5538;color:#fff}.app-drawer-item--active:hover .app-drawer-item-scene,.app-drawer-item--active:active .app-drawer-item-scene{color:#fffc}.app-drawer-item.danger{color:var(--dcl-danger)}@media(min-width:960px){.app-swipe-edge{display:none}.app-body{flex-direction:row;align-items:stretch}.app-drawer{position:relative;top:auto;left:auto;bottom:auto;flex:0 0 20%;width:20%;min-width:0;height:auto;align-self:stretch;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1;box-shadow:none;transform:none!important;pointer-events:auto!important;transition:none;padding-top:12px}.app-drawer.app-drawer--dragging{transition:none}.app-main{flex:1;min-width:0;width:auto}}.login-screen{flex:1;min-height:0;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0));background:radial-gradient(ellipse 120% 80% at 50% -20%,var(--dcl-accent-glow),transparent 55%),radial-gradient(ellipse 80% 50% at 100% 50%,rgba(94,228,255,.08),transparent 50%),linear-gradient(165deg,#1a1020 0%,var(--dcl-bg-deep) 45%,#060508 100%);color:var(--dcl-text)}.login-card{width:100%;max-width:380px;padding:28px 22px;border-radius:var(--dcl-radius-lg);background:#1a1822b8;border:1px solid var(--dcl-border-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 64px #00000080,0 0 0 1px var(--dcl-accent-soft) inset}.login-brand{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;text-align:center;background:linear-gradient(135deg,#fff,#e8e4f0);-webkit-background-clip:text;background-clip:text;color:transparent}.login-sub{font-size:.9rem;color:var(--dcl-text-muted);text-align:center;margin:0 0 24px;line-height:1.45}.login-wallet-line{text-align:center;font-size:13px;color:var(--dcl-text-muted);margin-bottom:18px;font-family:ui-monospace,monospace}.login-btn{width:100%;padding:14px 18px;border-radius:var(--dcl-radius-md);border:none;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:10px;font-family:inherit}.login-btn-primary{background:linear-gradient(135deg,var(--dcl-accent) 0%,#e0264a 100%);color:#fff;box-shadow:0 4px 20px var(--dcl-accent-glow)}.login-btn-primary:hover:not(:disabled){filter:brightness(1.06)}.login-btn-primary:disabled{opacity:.5;cursor:not-allowed}.login-btn-secondary{background:#ffffff0f;color:var(--dcl-text);border:1px solid var(--dcl-border-strong)}.login-btn-secondary:hover:not(:disabled){background:#ffffff1a}.login-error{margin-top:12px;font-size:.875rem;color:#fca5a5;text-align:center}.login-error.login-api-warn{color:var(--dcl-warning-text);margin-top:16px}.home-panel-top{flex-shrink:0;padding:20px 20px 18px;text-align:center}.home-panel-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 16px 36px}.home-welcome{margin:0 0 16px;font-size:clamp(2.25rem,9vw,3.25rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:var(--dcl-text)}.home-friends-line{margin:-4px 0 18px;font-size:1rem;font-weight:600;color:var(--dcl-text-muted);line-height:1.4}.home-friends-line--muted{font-weight:500;color:var(--dcl-text-faint)}.home-friends-count{color:var(--dcl-accent-hover);font-weight:800}.home-crowd{max-width:560px;margin:0 auto;width:100%;color:var(--dcl-text)}.home-crowd--favorites{margin-top:28px;padding-top:8px;border-top:1px solid var(--dcl-border)}.home-crowd-signin-hint{margin-top:20px;text-align:center;max-width:560px;margin-left:auto;margin-right:auto}.home-crowd-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}.home-crowd-title{margin:0;font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:var(--dcl-text)}.home-crowd-refresh{flex-shrink:0;padding:8px 12px;border-radius:var(--dcl-radius-sm);border:1px solid var(--dcl-border-strong);background:var(--dcl-bg-card);font-size:.78rem;font-weight:700;color:var(--dcl-text-muted);cursor:pointer;font-family:inherit}.home-crowd-refresh:hover:not(:disabled){border-color:var(--dcl-accent);color:var(--dcl-accent-hover)}.home-crowd-refresh:disabled{opacity:.45;cursor:not-allowed}.home-crowd-lead{margin:0 0 14px;font-size:.78rem;line-height:1.45;color:var(--dcl-text-faint);text-align:left}.home-crowd-lead a{color:var(--dcl-link)}.home-crowd-error{margin:0 0 12px;font-size:.8125rem;color:var(--dcl-danger)}.home-crowd-muted{margin:0 0 12px;font-size:.875rem;color:var(--dcl-text-faint)}.home-crowd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.home-crowd-card{display:flex;flex-direction:column;border-radius:var(--dcl-radius-md);border:1px solid var(--dcl-border);background:var(--dcl-bg-card);overflow:hidden;color:inherit;box-shadow:0 4px 18px #00000038;transition:border-color .15s ease,box-shadow .15s ease}.home-crowd-card:hover{border-color:#ff2d5573;box-shadow:0 0 0 1px var(--dcl-accent-soft),0 8px 28px #00000047}.home-crowd-card-media{position:relative;flex-shrink:0;width:100%;aspect-ratio:16 / 9;background:var(--dcl-bg-input);overflow:hidden}.home-crowd-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.home-crowd-card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,var(--dcl-bg-elevated) 0%,var(--dcl-bg-input) 100%)}.home-crowd-card-badge{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:999px;font-size:.65rem;font-weight:800;letter-spacing:.03em;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-crowd-card-body{padding:10px 12px 12px;text-align:left}.home-crowd-card-name{margin:0 0 6px;font-size:.875rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-crowd-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.home-crowd-card-actions{display:flex;flex-shrink:0;align-items:center;gap:6px}.home-crowd-card-coords{min-width:0;flex:1;font-size:.72rem;font-weight:600;color:var(--dcl-text-muted);font-family:ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-main .home-crowd-chat{flex-shrink:0;margin:0;padding:7px 11px;font-size:.62rem;font-weight:800;letter-spacing:.07em;line-height:1;border:1px solid var(--dcl-border-strong);border-radius:var(--dcl-radius-sm);background:transparent;color:var(--dcl-text-muted);cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.app-main .home-crowd-chat:hover{color:var(--dcl-text);border-color:#ffffff38;background:#ffffff0a}.app-main .home-crowd-chat:active{transform:scale(.98)}.app-main .home-crowd-jump{flex-shrink:0;margin:0;padding:7px 11px;font-size:.62rem;font-weight:800;letter-spacing:.07em;line-height:1;border:none;border-radius:var(--dcl-radius-sm);background:var(--dcl-accent);color:#fff;text-decoration:none;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.app-main .home-crowd-jump:hover{background:var(--dcl-accent-hover);color:#fff;filter:none}.app-main .home-crowd-jump:active{transform:scale(.98)}@media(min-width:520px){.home-crowd-grid{gap:14px}}@media(min-width:960px){.home-crowd{max-width:920px}.home-crowd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--dcl-accent) 0%,#c41e4a 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;box-shadow:0 0 0 2px var(--dcl-accent-soft)}.avatar-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--dcl-border-strong);background:var(--dcl-bg-input);box-shadow:0 0 0 1px var(--dcl-accent-soft)}.testing-view,.testing-view fieldset{color:var(--dcl-text)}.app-main button,.testing-view button{padding:10px 16px;border-radius:var(--dcl-radius-sm);border:1px solid var(--dcl-border-strong);background:var(--dcl-bg-card);color:var(--dcl-text);font-weight:600;font-size:.875rem;cursor:pointer;font-family:inherit}.app-main button:hover:not(:disabled),.testing-view button:hover:not(:disabled){border-color:var(--dcl-accent);color:var(--dcl-accent-hover)}.app-main button:disabled,.testing-view button:disabled{opacity:.38;cursor:not-allowed}.app-main input:not([type=radio]):not([type=checkbox]),.app-main textarea,.app-main select,.testing-view input:not([type=radio]):not([type=checkbox]),.testing-view textarea,.testing-view select{background:var(--dcl-bg-input);border:1px solid var(--dcl-border-strong);color:var(--dcl-text);border-radius:8px;font-family:inherit}.app-main input::placeholder,.app-main textarea::placeholder,.testing-view input::placeholder,.testing-view textarea::placeholder{color:var(--dcl-text-faint)}.communities-panel{position:relative;width:100%;max-width:none;margin:0;padding:12px 16px 40px;color:var(--dcl-text);background:radial-gradient(ellipse 130% 85% at 50% -28%,rgba(255,130,95,.2),transparent 55%),radial-gradient(ellipse 75% 55% at 100% 8%,rgba(255,60,95,.1),transparent 48%),radial-gradient(ellipse 60% 45% at 0% 55%,rgba(255,140,80,.06),transparent 50%),linear-gradient(168deg,color-mix(in srgb,var(--dcl-bg-app) 88%,#ff6b4a 12%) 0%,var(--dcl-bg-app) 38%,color-mix(in srgb,var(--dcl-bg-deep) 92%,var(--dcl-accent) 8%) 100%);background-attachment:local}@media(min-width:960px){.communities-panel{padding-left:28px;padding-right:28px}}.communities-voice-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 20px;text-align:center;background:color-mix(in srgb,var(--dcl-bg-elevated) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--dcl-radius-md);border:1px solid var(--dcl-border)}.communities-voice-overlay-title{margin:0;font-size:1rem;font-weight:600;color:var(--dcl-text)}.communities-voice-overlay-hint{margin:0;font-size:.8125rem;color:var(--dcl-text-muted);max-width:280px;line-height:1.45}.communities-voice-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;padding:12px 14px;border-radius:var(--dcl-radius-md);background:var(--dcl-bg-card);border:1px solid var(--dcl-border-strong)}.communities-voice-banner-text{font-size:.875rem;line-height:1.4;color:var(--dcl-text)}.communities-voice-banner-meta{font-size:.8125rem;color:var(--dcl-text-muted);font-weight:400}.communities-voice-banner-actions{display:flex;flex-wrap:wrap;gap:8px}.communities-voice-banner-actions button{padding:8px 14px;border-radius:var(--dcl-radius-sm);border:1px solid var(--dcl-border-strong);background:var(--dcl-bg-elevated);font-size:.8125rem;font-weight:600;cursor:pointer;color:var(--dcl-text);font-family:inherit}.communities-voice-banner-actions button:hover{border-color:var(--dcl-accent);color:var(--dcl-accent-hover)}.communities-banner{margin-bottom:16px;padding:12px 14px;border-radius:var(--dcl-radius-md);font-size:.875rem;line-height:1.45}.communities-banner-warn{background:var(--dcl-warning-bg);border:1px solid var(--dcl-warning-border);color:var(--dcl-warning-text)}.communities-title{font-size:1.25rem;margin:4px 0 8px;color:var(--dcl-text)}.communities-lead{font-size:.875rem;color:var(--dcl-text-muted);margin:0 0 16px;line-height:1.5}.communities-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.communities-refresh{padding:10px 16px;border-radius:var(--dcl-radius-sm);border:1px solid var(--dcl-border-strong);background:var(--dcl-bg-card);font-size:.9rem;font-weight:600;cursor:pointer;color:var(--dcl-text);font-family:inherit}.communities-refresh:hover:not(:disabled){border-color:var(--dcl-accent);color:var(--dcl-accent-hover)}.communities-refresh:disabled{opacity:.45;cursor:not-allowed}.communities-count{font-size:.8125rem;color:var(--dcl-text-muted)}.communities-inline-warn{font-size:.75rem;color:#fbbf24;margin:0 0 8px}.communities-error{font-size:.875rem;color:var(--dcl-danger);margin:0 0 12px}.communities-empty{font-size:.875rem;color:var(--dcl-text-faint);margin:8px 0 0}.communities-section{margin-bottom:24px}.communities-section-label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dcl-text-faint);margin:0 0 10px}.home-crowd-card.home-crowd-card--btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;font:inherit;text-align:left;cursor:pointer;width:100%;color:inherit;-webkit-tap-highlight-color:transparent}.home-crowd-card.home-crowd-card--btn:focus-visible{outline:2px solid var(--dcl-accent);outline-offset:2px}.home-crowd-card.home-crowd-card--btn:disabled{opacity:.5;cursor:not-allowed}.community-card-title-row{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}.community-card .home-crowd-card-name{margin-bottom:0;flex:1 1 auto;min-width:0}.community-card-voice-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px;color:var(--dcl-accent);opacity:.92}.community-card.community-card--interactive{cursor:pointer}.community-card-voice-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:6px;border:none;border-radius:var(--dcl-radius-sm);background:transparent;color:var(--dcl-accent);cursor:pointer;font:inherit;line-height:0;-webkit-tap-highlight-color:transparent}.community-card-voice-btn:hover:not(:disabled){background:var(--dcl-accent-soft);color:var(--dcl-accent-hover)}.community-card-voice-btn:disabled{opacity:.45;cursor:not-allowed}.community-card-sub{margin:0 0 4px;font-size:.75rem;color:var(--dcl-text-muted);line-height:1.25}.community-card-meta{margin:0;font-size:.7rem;color:var(--dcl-text-faint);line-height:1.3}.community-card-owner-badge{display:inline-block;align-self:flex-start;margin:0 0 6px;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dcl-accent-hover);padding:3px 8px;border-radius:6px;background:var(--dcl-accent-soft)}.communities-layout{display:flex;flex-direction:column;gap:20px;align-items:stretch;min-height:0;margin-top:8px}@media(min-width:960px){.communities-layout{flex-direction:row;align-items:flex-start;gap:24px}.communities-sidebar{flex:0 0 25%;max-width:25%;min-width:0}.communities-browse-main{flex:1 1 75%;min-width:0}}.communities-sidebar{display:flex;flex-direction:column;min-height:0}.communities-sidebar-heading{margin:0 0 10px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dcl-text-faint)}.communities-sidebar-scroll{overflow-y:auto;max-height:min(70vh,720px);padding-right:4px;scrollbar-width:none;-ms-overflow-style:none}.communities-sidebar-scroll::-webkit-scrollbar{display:none;width:0;height:0}.communities-sidebar-empty{margin:0;font-size:.8125rem;color:var(--dcl-text-faint);line-height:1.45}.communities-sidebar-cards{display:flex;flex-direction:column;gap:12px}.communities-browse-main{position:relative;min-width:0}.communities-browse-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:min(52vh,420px);padding:32px 20px 48px}.communities-browse-loading-spinner{width:44px;height:44px;border-radius:50%;border:3px solid var(--dcl-border-strong);border-top-color:var(--dcl-accent);animation:communities-browse-spin .85s linear infinite}.communities-browse-loading-text{margin:0;font-size:.9375rem;font-weight:600;color:var(--dcl-text-muted)}@keyframes communities-browse-spin{to{transform:rotate(360deg)}}.communities-browse-head{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}@media(min-width:640px){.communities-browse-head{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}}.communities-browse-title{margin:0;font-size:1rem;font-weight:700;color:var(--dcl-text)}.communities-search-wrap{flex-shrink:0}.communities-search-input{width:100%;min-width:0;max-width:220px;padding:10px 14px 10px 36px;border-radius:var(--dcl-radius-sm);border:1px solid var(--dcl-border-strong);background:var(--dcl-bg-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%237a7388' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") 10px center no-repeat;font:inherit;font-size:.875rem;color:var(--dcl-text)}.communities-search-input::placeholder{color:var(--dcl-text-faint)}.communities-search-input:focus{outline:2px solid var(--dcl-accent-soft);border-color:#ff2d5573}.communities-browse-grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}@media(min-width:600px){.communities-browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.community-modal-panel{position:relative;width:min(960px,100%);max-height:min(640px,92vh);border-radius:var(--dcl-radius-lg);overflow:hidden;border:1px solid var(--dcl-border-strong);box-shadow:0 24px 80px #0000008c;background:linear-gradient(165deg,#231a32,#120a1c 55%,#0c0814)}.community-modal-layout{display:flex;flex-direction:column;min-height:min(480px,85vh);max-height:min(640px,92vh)}@media(min-width:840px){.community-modal-layout{flex-direction:row;align-items:stretch}.community-modal-main{flex:1 1 72%;min-width:0}.community-modal-aside{flex:0 0 28%;max-width:28%;border-left:1px solid var(--dcl-border)}}.community-modal-main{display:flex;flex-direction:column;min-height:0;padding:16px 18px 20px;overflow:hidden}.community-modal-header{display:flex;flex-direction:row;align-items:flex-start;gap:14px;margin-bottom:16px}.community-modal-header-thumb{flex-shrink:0;width:72px;height:72px;border-radius:var(--dcl-radius-md);overflow:hidden;background:var(--dcl-bg-input);border:1px solid var(--dcl-border)}.community-modal-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.community-modal-thumb-ph{width:100%;height:100%;background:linear-gradient(145deg,#3d1f55,#120a1c)}.community-modal-header-text{flex:1 1 auto;min-width:0}.community-modal-title{margin:0 0 6px;font-size:1.25rem;font-weight:700;line-height:1.2;color:var(--dcl-text)}.community-modal-meta-line{margin:0;font-size:.8125rem;color:var(--dcl-text-muted)}.community-modal-meta-sep{opacity:.6}.community-modal-detail-hint{margin:8px 0 0;font-size:.75rem;color:var(--dcl-text-faint)}.community-modal-header-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.community-modal-listen{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--dcl-border-strong);background:var(--dcl-bg-elevated);color:var(--dcl-accent-hover);font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit}.community-modal-listen:hover:not(:disabled){border-color:var(--dcl-accent);background:var(--dcl-accent-soft)}.community-modal-listen:disabled{opacity:.45;cursor:not-allowed}.community-modal-joined{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#86efac;padding:6px 12px;border-radius:999px;border:1px solid rgba(134,239,172,.35);background:#16653440}.community-modal-tabs{display:flex;flex-wrap:wrap;gap:4px 12px;border-bottom:1px solid var(--dcl-border);margin-bottom:12px}.community-modal-tab{margin:0 0 -1px;padding:8px 2px 10px;border:none;background:none;font:inherit;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--dcl-text-muted);cursor:pointer;border-bottom:3px solid transparent}.community-modal-tab:hover{color:var(--dcl-text)}.community-modal-tab--active{color:var(--dcl-accent-hover);border-bottom-color:var(--dcl-accent)}.community-modal-tab-panel{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.community-modal-placeholder{margin:0;font-size:.875rem;color:var(--dcl-text-muted);line-height:1.5}.community-modal-aside{padding:16px 14px 20px;background:#0003;overflow-y:auto;min-height:0}.community-modal-aside-title{margin:0 0 12px;font-size:.8125rem;font-weight:700;color:var(--dcl-text)}.events-panel{width:100%;min-width:0;color:var(--dcl-text);position:relative;isolation:isolate;box-sizing:border-box;background-color:#030d08;background-image:radial-gradient(ellipse 125% 95% at 50% -18%,rgba(134,239,172,.42) 0%,transparent 56%),radial-gradient(ellipse 90% 80% at 105% 42%,rgba(52,211,153,.22) 0%,transparent 52%),radial-gradient(ellipse 85% 70% at -8% 65%,rgba(22,101,52,.38) 0%,transparent 50%),radial-gradient(ellipse 70% 55% at 50% 108%,rgba(45,212,191,.1) 0%,transparent 42%),radial-gradient(ellipse 60% 45% at 80% 88%,rgba(74,222,128,.06) 0%,transparent 45%),linear-gradient(172deg,#1e5234,#0d2818,#051a0f 68%,#020806);background-attachment:scroll}.events-panel-inner{max-width:560px;margin:0 auto;padding:12px 16px 40px}.events-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.events-header-title{margin:4px 0 0;flex:1;min-width:0}.events-lead{margin-top:0}.events-filter-wrap{position:relative;flex-shrink:0;padding-top:2px}.events-filter-btn{color:var(--dcl-text-muted)}.events-filter-btn:hover,.events-filter-btn[aria-expanded=true]{color:var(--dcl-text);background:var(--dcl-bg-card)}.events-filter-popover{position:absolute;top:calc(100% + 8px);right:0;width:min(300px,calc(100vw - 48px));padding:14px 14px 12px;border-radius:var(--dcl-radius-md);border:1px solid var(--dcl-border-strong);background:var(--dcl-bg-elevated);box-shadow:0 12px 40px #00000073;z-index:20}.events-filter-section{margin-bottom:14px}.events-filter-section:last-of-type{margin-bottom:10px}.events-filter-section-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dcl-text-faint);margin:0 0 8px}.events-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.events-filter-chip{padding:8px 12px;border-radius:999px;border:1px solid var(--dcl-border-strong);background:var(--dcl-bg-card);color:var(--dcl-text);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.events-filter-chip:hover{border-color:var(--dcl-accent);color:var(--dcl-accent-hover)}.events-filter-chip--on{border-color:var(--dcl-accent);background:var(--dcl-accent-soft);color:var(--dcl-accent-hover)}.events-filter-foot{margin:0;font-size:.7rem;line-height:1.45;color:var(--dcl-text-faint)}.events-filter-foot a{color:var(--dcl-link)}.events-month-section{margin-bottom:22px}.events-month-label{margin-bottom:12px}.events-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}@media(min-width:520px){.events-grid{gap:14px}}@media(min-width:960px){.events-panel-inner{max-width:920px}.events-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.events-card{display:flex;flex-direction:column;height:100%;min-height:0;border-radius:var(--dcl-radius-md);border:1px solid var(--dcl-border);background:var(--dcl-bg-card);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 18px #00000038;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}.events-card:not(.events-card--static):hover{border-color:#ff2d5573;box-shadow:0 0 0 1px var(--dcl-accent-soft),0 8px 28px #00000047}.events-card:not(.events-card--static):active{transform:scale(.992)}.events-card--static{cursor:default}.events-card-media{position:relative;flex-shrink:0;width:100%;aspect-ratio:16 / 9;background:var(--dcl-bg-input);overflow:hidden}.events-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.events-card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,var(--dcl-bg-elevated) 0%,var(--dcl-bg-input) 100%)}.events-card-live{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:4px;font-size:.65rem;font-weight:800;letter-spacing:.06em;color:#fff;background:var(--dcl-accent)}.events-card-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:12px 12px 14px}.events-card-title{flex:1 1 auto;margin:0;min-height:0;font-size:.9rem;font-weight:700;line-height:1.35;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.events-card-time{flex-shrink:0;margin:auto 0 0;padding-top:6px;font-size:.72rem;font-weight:600;line-height:1.3;color:var(--dcl-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.events-card.events-card--btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;font:inherit;text-align:left;cursor:pointer}.events-card.events-card--btn:focus-visible{outline:2px solid var(--dcl-accent);outline-offset:2px}.events-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0)) 16px max(16px,env(safe-area-inset-bottom,0));background:#000000b8;-webkit-overflow-scrolling:touch}.events-modal-panel{position:relative;width:min(880px,100%);max-height:min(560px,92vh);border-radius:var(--dcl-radius-lg);overflow:hidden;border:1px solid var(--dcl-border-strong);box-shadow:0 24px 80px #0000008c;background:#1a0f28}.events-modal-close{position:absolute;top:10px;right:10px;z-index:5;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--dcl-radius-sm);background:#00000080;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;font-family:inherit}.events-modal-close:hover{background:#000000a6}.events-modal-split{display:flex;flex-direction:row;min-height:min(420px,78vh);max-height:min(560px,92vh)}.events-modal-media{flex:1 1 50%;min-width:0;position:relative;min-height:220px;background:var(--dcl-bg-input)}.events-modal-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.events-modal-hero-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#3d1f55,#120a1c)}.events-modal-live-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:.68rem;font-weight:800;letter-spacing:.05em;color:#fff;background:var(--dcl-accent)}.events-modal-live-dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #ffffff59}.events-modal-detail{flex:1 1 50%;max-width:420px;min-width:min(100%,300px);padding:26px 22px 22px;overflow-x:hidden;overflow-y:auto;background:#2b0b45;color:#f4f0f8;display:flex;flex-direction:column}.events-modal-title{margin:0 0 14px;padding-right:36px;font-size:1.28rem;font-weight:800;line-height:1.28;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.events-modal-by{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:.875rem;color:#ffffffe0}.events-modal-by-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.events-modal-by-fallback{width:32px;height:32px;border-radius:50%;background:#ff2d5559;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;flex-shrink:0}.events-modal-by-name{color:var(--dcl-accent-hover);font-weight:700}.events-modal-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.events-modal-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;font-size:.78rem;font-weight:600;color:#ffffffeb;background:#00000059;border:1px solid rgba(255,255,255,.1)}.events-modal-pill-svg{flex-shrink:0;opacity:.9;color:#ffffffbf}.events-modal-desc{flex:1;min-height:0;margin-bottom:18px}.events-modal-desc-p{margin:0 0 10px;font-size:.875rem;line-height:1.55;color:#ffffffd1}.events-modal-desc-p:last-child{margin-bottom:0}.events-modal-actions{margin-top:auto;padding-top:4px}.events-modal-jump{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 18px;border-radius:var(--dcl-radius-sm);background:var(--dcl-accent);color:#fff;font-weight:800;font-size:.9rem;letter-spacing:.08em;text-decoration:none;border:none;cursor:pointer;font-family:inherit;box-sizing:border-box}.events-modal-jump:hover{background:var(--dcl-accent-hover);color:#fff}.events-modal-no-jump{margin:0;font-size:.8125rem;color:#ffffff8c}@media(max-width:720px){.events-modal-panel{max-height:none;width:100%;max-width:520px}.events-modal-split{flex-direction:column;min-height:unset;max-height:min(640px,90vh)}.events-modal-media{flex:0 0 auto;aspect-ratio:16 / 9;min-height:unset;max-height:40vh}.events-modal-detail{flex:1 1 auto;max-width:none;min-height:0;min-width:0}}.backpack-panel{max-width:none;width:100%;margin:0;padding:10px clamp(14px,2.5vw,28px) 12px;color:var(--dcl-text);box-sizing:border-box;min-height:0;position:relative;isolation:isolate;background-color:#06030d;background-image:radial-gradient(ellipse 125% 95% at 50% -18%,rgba(167,139,250,.42) 0%,transparent 56%),radial-gradient(ellipse 90% 80% at 105% 42%,rgba(139,92,246,.22) 0%,transparent 52%),radial-gradient(ellipse 85% 70% at -8% 65%,rgba(88,28,135,.38) 0%,transparent 50%),radial-gradient(ellipse 70% 55% at 50% 108%,rgba(192,38,211,.1) 0%,transparent 42%),radial-gradient(ellipse 60% 45% at 80% 88%,rgba(255,45,85,.06) 0%,transparent 45%),linear-gradient(172deg,#2a1452,#180928,#0c0518 68%,#040208);background-attachment:scroll}.backpack-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0}.backpack-header-row .backpack-title{flex:1;min-width:0}.backpack-mobile-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.backpack-mobile-actions--obscured{visibility:hidden;pointer-events:none}.backpack-mobile-actions--lifted{position:fixed;z-index:110;top:calc(env(safe-area-inset-top,0px) + 4.75rem);right:clamp(14px,2.5vw,28px);display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:auto}.backpack-mobile-cat-trigger{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-2px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:var(--dcl-radius-md);background:#00000047;color:#ffffffeb;cursor:pointer;font-family:inherit;box-shadow:0 4px 16px #00000059;transition:background .15s ease,border-color .15s ease,color .15s ease}.backpack-mobile-cat-trigger:hover{background:#ff2d551f;border-color:#ff2d5559;color:#fff}.backpack-mobile-cat-trigger:focus-visible{outline:2px solid var(--dcl-accent);outline-offset:2px}.backpack-mobile-cat-trigger-icon{display:block}.backpack-mobile-saved-trigger{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:0;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:var(--dcl-radius-md);background:#00000047;color:#ffffffeb;cursor:pointer;font-family:inherit;box-shadow:0 4px 16px #00000059;transition:background .15s ease,border-color .15s ease,color .15s ease}.backpack-mobile-saved-trigger:hover{background:#ff2d551f;border-color:#ff2d5559;color:#fff}.backpack-mobile-saved-trigger:focus-visible{outline:2px solid var(--dcl-accent);outline-offset:2px}.backpack-mobile-saved-trigger-icon{display:block}.backpack-mobile-cat-panel,.backpack-mobile-saved-panel{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;width:100%;min-height:100dvh;max-height:none;display:flex;flex-direction:column;border-radius:0;border:none;background:transparent;box-shadow:none;overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}.backpack-mobile-cat-panel{pointer-events:none}.backpack-mobile-panel-close{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:var(--dcl-radius-md);background:#00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffffffe6;font-size:1.5rem;line-height:1;cursor:pointer;font-family:inherit;box-shadow:0 8px 28px #0006}.backpack-mobile-panel-close:hover{background:#ff2d5540;border-color:#ff2d5573;color:#fff}.backpack-mobile-panel-close:focus-visible{outline:2px solid var(--dcl-accent);outline-offset:2px}.backpack-mobile-cat-panel-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:none;padding:calc(env(safe-area-inset-top,0px) + 12rem) max(12px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) 16px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start}.backpack-mobile-saved-panel-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(56px + env(safe-area-inset-top,0px)) 24px calc(32px + env(safe-area-inset-bottom,0px));gap:12px}.backpack-mobile-saved-hero-icon{color:#ffffff59;width:48px;height:48px}.backpack-mobile-saved-lead{margin:0;font-size:1.15rem;font-weight:700;color:#ffffffeb}.backpack-mobile-saved-hint{margin:0;max-width:280px;font-size:.875rem;line-height:1.5;color:var(--dcl-text-muted)}.backpack-mobile-cat-panel .backpack-slot-grid-scroll{width:fit-content;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 13.5rem);margin-left:auto;display:flex;justify-content:flex-end;padding-right:0;padding-left:0;pointer-events:auto;-webkit-overflow-scrolling:touch}.backpack-mobile-cat-panel .backpack-slot-grid{grid-template-columns:repeat(2,max-content);justify-content:end;gap:4px 5px}.backpack-mobile-cat-panel .backpack-slot-cell{gap:3px}.backpack-mobile-cat-panel .backpack-slot-icon-wrap{width:20px;height:20px}.backpack-mobile-cat-panel .backpack-slot-icon-svg{width:17px!important;height:17px!important}.backpack-mobile-cat-panel .backpack-slot-tile{width:45px;min-width:45px;height:45px;flex:0 0 45px;aspect-ratio:unset;border-radius:6px}.backpack-title{flex-shrink:0;margin-top:0;scroll-margin-top:12px}.backpack-layout{display:flex;flex-direction:column;gap:12px;margin-top:4px;flex:1;min-height:0;overflow:hidden}.backpack-preview-col{display:flex;flex-direction:column;min-width:0;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden}.backpack-preview-stack{position:relative;width:min(100%,min(96vw,88dvh,calc(100svh - 12rem)));max-width:min(100%,min(96vw,88dvh,calc(100svh - 12rem)))}.backpack-preview-shell{position:relative;width:100%;border-radius:var(--dcl-radius-lg);overflow:hidden;border:none;background:transparent;box-shadow:none}@media(min-width:900px){.backpack-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0;flex:1}.backpack-preview-col{position:relative;align-self:stretch;align-items:flex-start;justify-content:center}.backpack-preview-stack{width:min(100%,min(92vmin,820px,calc(100svh - 12rem)));max-width:min(100%,min(92vmin,820px,calc(100svh - 12rem)))}.backpack-preview-shell{aspect-ratio:1 / 1;height:auto;margin:0}.backpack-slots-col--float{position:absolute;right:0;top:50%;transform:translateY(-50%);max-height:min(90%,calc(100dvh - 160px));width:auto;max-width:min(228px,44%);z-index:4;display:flex;flex-direction:column;min-width:0;min-height:0;padding:10px 8px;border-radius:var(--dcl-radius-lg);background:#06030c66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px #0000008c,0 0 0 1px #ffffff0f inset;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.backpack-slots-col--float .backpack-slot-grid-scroll{flex:1;min-height:0;overflow-y:auto}.backpack-slots-col--float .backpack-slot-tile{box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff14}}.backpack-preview-shell--empty{display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;border:1px dashed rgba(255,255,255,.14);background:#0000001f;box-shadow:none}.backpack-preview-empty-text{margin:0;font-size:.875rem;color:var(--dcl-text-muted);line-height:1.5;max-width:280px}.backpack-preview-iframe{display:block;width:100%;height:100%;border:0}.backpack-credit{font-size:.75rem;color:var(--dcl-text-faint);margin:6px 0 0;line-height:1.45;flex-shrink:0}.backpack-credit a{color:var(--dcl-text-muted);text-decoration:underline;text-underline-offset:2px}.backpack-credit a:hover{color:var(--dcl-accent)}.backpack-slots-col{display:flex;flex-direction:column;min-width:0;min-height:0}@media(max-width:899px){.backpack-preview-stack{width:min(100%,min(96vw,88dvh,calc(100svh - 12rem)));max-width:min(100%,min(96vw,88dvh,calc(100svh - 12rem)))}.backpack-preview-shell{aspect-ratio:1 / 1;height:auto;margin:0 auto}}.backpack-slot-grid-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:2px}.backpack-slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 6px;align-content:start}.backpack-slot-cell{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0}.backpack-slot-icon-wrap{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#ffffffe0}.backpack-slot-icon-svg{display:block}.backpack-slot-tile{flex:1;min-width:0;aspect-ratio:1 / 1;border-radius:8px;background:linear-gradient(180deg,#ffffff17,#0000002e);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff12;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease}.backpack-slot-tile:hover{border-color:#ff2d5566;background:linear-gradient(180deg,#ffffff1f,#00000024)}.backpack-slot-tile:focus-visible{outline:2px solid var(--dcl-accent);outline-offset:2px}.backpack-slot-tile.backpack-slot-tile--filled{padding:0;overflow:hidden}.backpack-slot-thumb{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.backpack-slot-hover-card{pointer-events:auto;box-sizing:border-box;padding:10px;border-radius:12px;background:#0c0816f0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 48px #0000008c,0 0 0 1px #ffffff0d inset;animation:backpack-slot-hover-in .12s ease-out}@keyframes backpack-slot-hover-in{0%{opacity:0}to{opacity:1}}.backpack-slot-hover-card-visual{width:100%;aspect-ratio:1 / 1;max-height:140px;border-radius:8px;overflow:hidden;margin-bottom:8px;background:#00000059;border:1px solid rgba(255,255,255,.08)}.backpack-slot-hover-card-img{width:100%;height:100%;object-fit:cover;display:block}.backpack-slot-hover-card-placeholder{width:100%;height:100%;min-height:96px;display:flex;align-items:center;justify-content:center;color:#ffffff47}.backpack-slot-hover-card-placeholder-icon{width:40px!important;height:40px!important}.backpack-slot-hover-card-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.backpack-slot-hover-card-slot{font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dcl-text-faint, rgba(255, 255, 255, .45))}.backpack-slot-hover-card-name{font-size:.9rem;font-weight:600;line-height:1.35;color:var(--dcl-text, rgba(255, 255, 255, .95));word-break:break-word}.backpack-slot-hover-card-empty{font-size:.82rem;font-style:italic;color:var(--dcl-text-muted, rgba(255, 255, 255, .5))}.backpack-slot-hover-card-rarity{font-size:.75rem;font-weight:600;letter-spacing:.04em;margin-top:2px}.backpack-slot-hover-card-rarity--common{color:#9ca3af}.backpack-slot-hover-card-rarity--uncommon{color:#4ade80}.backpack-slot-hover-card-rarity--rare{color:#60a5fa}.backpack-slot-hover-card-rarity--epic{color:#c084fc}.backpack-slot-hover-card-rarity--legendary{color:#fbbf24}.backpack-slot-hover-card-rarity--mythic,.backpack-slot-hover-card-rarity--exotic{color:#f472b6}.backpack-slot-hover-card-rarity--unknown{color:#ffffff8c}.backpack-slot-cell--tip-open .backpack-slot-tile{border-color:#ff2d5573;box-shadow:0 0 0 1px #ff2d5540}@media(min-width:900px){.backpack-slot-grid-scroll .backpack-slot-grid{grid-template-columns:repeat(2,max-content);justify-content:start;gap:8px 10px}.backpack-slot-grid-scroll .backpack-slot-cell{gap:6px}.backpack-slot-grid-scroll .backpack-slot-icon-wrap{width:28px;height:28px}.backpack-slot-grid-scroll .backpack-slot-tile{width:64px;min-width:64px;height:64px;flex:0 0 64px;aspect-ratio:unset;border-radius:10px}}.friends-panel{width:100%;min-width:0;color:var(--dcl-text);position:relative;isolation:isolate;box-sizing:border-box;background-color:#030818;background-image:radial-gradient(ellipse 125% 95% at 50% -18%,rgba(147,197,253,.42) 0%,transparent 56%),radial-gradient(ellipse 90% 80% at 105% 42%,rgba(56,189,248,.22) 0%,transparent 52%),radial-gradient(ellipse 85% 70% at -8% 65%,rgba(30,58,138,.38) 0%,transparent 50%),radial-gradient(ellipse 70% 55% at 50% 108%,rgba(14,165,233,.1) 0%,transparent 42%),radial-gradient(ellipse 60% 45% at 80% 88%,rgba(96,165,250,.08) 0%,transparent 45%),linear-gradient(172deg,#152a4a,#0c182e,#060d14 68%,#020408);background-attachment:scroll}.friends-panel-inner{max-width:560px;margin:0 auto;padding:12px 16px 40px}@media(min-width:960px){.friends-panel-inner{max-width:920px}}.friends-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.friends-list>li{margin:0;padding:0}.app-main .friends-list button.friends-row{display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:14px 16px;border-radius:var(--dcl-radius-lg);border:1px solid var(--dcl-border);background:var(--dcl-bg-card);box-shadow:0 4px 16px #0000002e;font:inherit;text-align:left;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}.app-main .friends-list button.friends-row:hover:not(:disabled){border-color:#a855f78c;box-shadow:0 0 0 1px #a855f733,0 8px 28px #581c8759;color:inherit;filter:none}.app-main .friends-list button.friends-row:active:not(:disabled){transform:scale(.992);background:var(--dcl-bg-elevated)}.friends-row-avatar{flex-shrink:0}.friends-row-avatar-img{display:block}.friends-row-body{flex:1;min-width:0;text-align:left}.friends-row-name{font-size:1rem;font-weight:700;color:var(--dcl-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-row-sub{margin-top:2px;font-size:.75rem;color:var(--dcl-text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-row-status{flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dcl-text-faint)}.friends-row-status--on{color:#4ade80}.friends-row-status--off{color:var(--dcl-text-muted)}.friend-profile-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0)) 16px max(24px,env(safe-area-inset-bottom,0));pointer-events:none}.friend-profile-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;padding:0;margin:0;background:#000000b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;pointer-events:auto}.friend-profile-modal-card{position:relative;width:min(100%,380px);max-height:min(88dvh,640px);display:flex;flex-direction:column;border-radius:var(--dcl-radius-lg);overflow:hidden;pointer-events:auto;background:#0c162a61;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px #00000073}.friend-profile-modal-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;margin:0;padding:0;border:none;border-radius:50%;background:#00000059;color:#ffffffeb;font-size:1.35rem;line-height:1;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit}.friend-profile-modal-close:hover{background:#38bdf847;color:#fff}.friend-profile-modal-snapshot{flex:0 0 auto;min-height:200px;max-height:min(52vh,420px);background:transparent;display:flex;align-items:flex-end;justify-content:center;padding:20px 16px 8px}.friend-profile-modal-snapshot-img{max-width:100%;max-height:min(48vh,400px);width:auto;height:auto;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 14px 36px rgba(0,0,0,.55))}.friend-profile-modal-snapshot-fallback{width:120px;height:120px;border-radius:50%;margin-bottom:24px;background:linear-gradient(135deg,#38bdf8,#1d4ed8);color:#fff;font-size:2.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #38bdf859}.friend-profile-modal-body{padding:18px 20px 22px;text-align:center;border-top:1px solid rgba(255,255,255,.08);background:transparent}.friend-profile-modal-name{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:#c8f542;text-shadow:0 0 24px rgba(200,245,66,.25)}.friend-profile-modal-wallet{margin:8px 0 0;font-size:.8125rem;color:var(--dcl-text-muted);font-weight:500;letter-spacing:.02em}.jump-in-panel{max-width:520px;margin:0 auto;padding:20px 18px 40px;color:var(--dcl-text);width:100%}.jump-in-api-banner{margin-bottom:16px;padding:12px 14px;border-radius:var(--dcl-radius-md);font-size:.875rem;line-height:1.45;background:var(--dcl-warning-bg);border:1px solid var(--dcl-warning-border);color:var(--dcl-warning-text)}.jump-in-title{font-size:1.35rem;font-weight:700;margin:4px 0 8px;letter-spacing:-.02em}.jump-in-lead{font-size:.875rem;color:var(--dcl-text-muted);line-height:1.5;margin:0 0 22px}.jump-in-mode-toggle{display:flex;width:100%;border-radius:var(--dcl-radius-md);overflow:hidden;border:1px solid var(--dcl-border-strong);margin-bottom:24px}.app-main .jump-in-mode-btn{flex:1;margin:0;padding:14px 12px;border:none;border-radius:0;background:var(--dcl-bg-card);color:var(--dcl-text-muted);font-weight:600;font-size:.9rem;box-shadow:none}.app-main .jump-in-mode-btn:hover:not(:disabled){color:var(--dcl-text);border-color:transparent;filter:none}.app-main .jump-in-mode-btn-active{background:var(--dcl-accent-soft);color:var(--dcl-accent-hover)}.jump-in-fields{margin-bottom:20px}.jump-in-hint{font-size:.8125rem;color:var(--dcl-text-faint);margin:0 0 12px;line-height:1.45}.jump-in-coord-row{display:flex;gap:14px;flex-wrap:wrap}.jump-in-label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;color:var(--dcl-text-muted);text-transform:uppercase;letter-spacing:.04em}.jump-in-label-block{width:100%}.jump-in-input{width:100%;min-width:0;padding:12px 14px;font-size:1rem;font-weight:500;text-transform:none;letter-spacing:normal}.jump-in-coord-row .jump-in-label{flex:1;min-width:120px}.jump-in-error{font-size:.875rem;color:var(--dcl-danger);margin:0 0 14px}.app-main .jump-in-connect{display:block;width:100%;max-width:360px;margin-left:auto;margin-right:auto;padding:18px 28px;font-size:1.05rem;font-weight:700;border:none;border-radius:var(--dcl-radius-md);background:linear-gradient(135deg,var(--dcl-accent) 0%,#e0264a 100%);color:#fff;box-shadow:0 10px 32px var(--dcl-accent-glow);font-family:inherit}.app-main .jump-in-connect:hover:not(:disabled){filter:brightness(1.07);color:#fff;border-color:transparent}.app-main .jump-in-connect:disabled{opacity:.65;cursor:wait}.scene-live-banner{flex-shrink:0;margin:0;border-radius:0;border-left:none;border-right:none;border-top:none}.scene-live-header{flex-shrink:0;padding:12px 16px 14px;margin:0;border-bottom:1px solid var(--dcl-border);background:var(--dcl-bg-app)}.scene-live-inline-error{flex-shrink:0;margin:0;padding:8px 16px}.scene-live-header-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 16px;margin-bottom:10px}.scene-live-title-block{min-width:0;flex:1}.scene-live-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.scene-live-author{margin:6px 0 0;font-size:.8125rem;font-weight:500;color:var(--dcl-text-muted);line-height:1.35}.scene-live-parcel{flex-shrink:0;font-size:.9rem;font-weight:600;font-family:ui-monospace,monospace;color:var(--dcl-accent-hover)}.scene-live-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.scene-live-toolbar-left{flex:1;min-width:0;min-height:1.1em;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 10px}.scene-live-users{font-size:.8125rem;font-weight:600;color:var(--dcl-text-muted)}.app-main .scene-live-users--btn{margin:0;padding:0;border:none;border-radius:6px;background:transparent;box-shadow:none;font:inherit;font-size:.8125rem;font-weight:600;color:var(--dcl-text-muted);cursor:pointer;text-align:left;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.app-main .scene-live-users--btn:hover:not(:disabled){color:var(--dcl-accent-hover);border:none;filter:none}.app-main .scene-live-users--btn:active:not(:disabled){transform:none}.scene-users-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0)) 16px max(24px,env(safe-area-inset-bottom,0));pointer-events:none;background:transparent}.app-main button.scene-users-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:none;border-radius:0;box-shadow:none;font-size:0;color:transparent;background:transparent;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;pointer-events:auto}.app-main button.scene-users-modal-backdrop:hover:not(:disabled){background:transparent;border:none;color:transparent;filter:none}.scene-users-modal-card{position:relative;width:min(100%,400px);max-height:min(78dvh,520px);display:flex;flex-direction:column;border-radius:18px;overflow:hidden;pointer-events:auto;background:linear-gradient(165deg,#241834f7,#0e0c16fa);border:1px solid var(--dcl-border-strong);box-shadow:0 24px 56px #0000008c}.app-main .scene-users-modal-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;margin:0;padding:0;border:none;border-radius:50%;background:#00000059;color:var(--dcl-text-muted);font-size:1.35rem;line-height:1;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;box-shadow:none}.app-main .scene-users-modal-close:hover:not(:disabled){border:none;filter:none;background:var(--dcl-accent-soft);color:var(--dcl-text)}.scene-users-modal-title{margin:0;padding:20px 44px 0 20px;font-size:1.15rem;font-weight:700;color:var(--dcl-text);letter-spacing:-.02em}.scene-users-modal-sub{margin:6px 20px 0;font-size:.75rem;color:var(--dcl-text-faint);font-family:ui-monospace,monospace;word-break:break-all;line-height:1.35}.scene-users-modal-list-wrap{flex:1;min-height:0;margin-top:14px;padding:0 12px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.scene-users-modal-empty{margin:12px 8px 8px;font-size:.875rem;color:var(--dcl-text-muted);line-height:1.45}.scene-users-modal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.scene-users-modal-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--dcl-radius-md);background:var(--dcl-bg-card);border:1px solid var(--dcl-border)}.scene-users-modal-row-text{min-width:0;flex:1;text-align:left}.scene-users-modal-row-name{font-size:.95rem;font-weight:700;color:var(--dcl-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-users-modal-you{font-weight:600;color:var(--dcl-accent-hover)}.scene-users-modal-row-sub{margin-top:2px;font-size:.72rem;color:var(--dcl-text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main .scene-users-modal-copy{width:32px;height:32px;margin:0;padding:0;flex-shrink:0;align-self:center;border:none;border-radius:8px;background:transparent;color:var(--dcl-text-muted);display:flex;align-items:center;justify-content:center;box-shadow:none;font-size:0}.app-main .scene-users-modal-copy:hover:not(:disabled){background:#ffffff0f;color:var(--dcl-accent-hover);border:none;filter:none}.app-main .scene-users-modal-copy:active:not(:disabled){transform:none}.scene-live-voice-hint{font-size:.75rem;color:var(--dcl-text-faint)}.scene-live-voice-hint--after-users:before{content:"·";margin-right:6px;color:var(--dcl-text-faint);font-weight:500}.scene-live-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.scene-live-voice-volume{display:flex;align-items:center;gap:6px;margin:0;flex-shrink:0}.scene-live-voice-volume-label{font-size:.72rem;font-weight:600;color:var(--dcl-text-faint);text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.app-main .scene-live-voice-volume-slider{width:88px;height:1.25rem;margin:0;padding:0;vertical-align:middle;cursor:pointer;accent-color:var(--dcl-accent);background:transparent;border:none;border-radius:4px}.app-main .scene-live-mute{margin:0;padding:8px 14px;font-size:.8125rem;border:1px solid var(--dcl-border-strong);background:var(--dcl-bg-card);color:var(--dcl-text)}.app-main .scene-live-mute:hover:not(:disabled){border-color:var(--dcl-accent);color:var(--dcl-accent-hover)}.app-main .scene-live-leave{margin:0;padding:8px 16px;font-size:.8125rem;font-weight:700;border:1px solid var(--dcl-accent);background:transparent;color:#fff}.app-main .scene-live-leave:hover:not(:disabled){background:var(--dcl-accent-soft);color:#fff;border-color:var(--dcl-accent-hover);filter:none}.scene-live-cast{flex-shrink:0;padding:10px 14px 12px;border-bottom:1px solid var(--dcl-border);background:var(--dcl-bg-elevated)}.scene-live-cast-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.scene-live-cast-meta--slug{font-style:italic}.scene-live-cast-official-link{font-size:.8125rem;font-weight:500;color:var(--dcl-link);text-decoration:none;white-space:nowrap}.scene-live-cast-official-link:hover{color:var(--dcl-link-hover);text-decoration:underline}.scene-live-cast-meta{font-size:.75rem;color:var(--dcl-text-faint);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-live-cast-error{font-size:.8125rem;color:var(--dcl-danger);margin:0 0 8px;line-height:1.45;white-space:pre-line}.app-main .scene-live-cast-btn{margin:0;padding:7px 12px;font-size:.8125rem;font-weight:600;border-radius:var(--dcl-radius-sm);cursor:pointer;border:1px solid var(--dcl-border-strong);background:var(--dcl-bg-card);color:var(--dcl-text)}.app-main .scene-live-cast-btn:disabled{opacity:.5;cursor:not-allowed}.app-main .scene-live-cast-btn--watch:hover:not(:disabled){border-color:var(--dcl-link);color:var(--dcl-link-hover)}.app-main .scene-live-cast-btn--stop:hover:not(:disabled){border-color:var(--dcl-text-muted)}.app-main .scene-live-cast-btn--mute{font-weight:500}.app-main .scene-live-cast-btn--mute:hover:not(:disabled){border-color:var(--dcl-accent);color:var(--dcl-accent-hover)}.scene-live-cast-video-shell{position:relative;border-radius:var(--dcl-radius-sm);overflow:hidden;background:var(--dcl-bg-black);min-height:72px}.scene-live-cast-video-shell--live{min-height:0;aspect-ratio:16 / 9;max-height:min(38vh,280px)}.scene-live-cast-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 16px;font-size:.75rem;line-height:1.45;color:var(--dcl-text-faint);pointer-events:none}.scene-live-cast-video-wrap{width:100%;height:100%;min-height:0}.scene-live-cast-video-wrap video{display:block;width:100%;height:100%;object-fit:contain}.scene-live-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.scene-live-chat-log{flex:1 1 0;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:12px 14px 20px;background:var(--dcl-bg-deep)}.scene-live-chat-empty-wrap{box-sizing:border-box;min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px 16px}.scene-live-chat-empty{font-size:.875rem;color:var(--dcl-text-faint)}.scene-live-chat-log-end{height:1px;width:100%}.scene-live-chat-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--dcl-bg-card);border:1px solid var(--dcl-border-strong);display:flex;align-items:center;justify-content:center}.scene-live-chat-avatar-img{width:100%;height:100%;object-fit:cover}.scene-live-chat-avatar-letter{font-size:1rem;font-weight:700;color:var(--dcl-text-muted)}.scene-live-chat-row{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px}.scene-live-chat-row--peer{flex-direction:row;justify-content:flex-start}.scene-live-chat-row--self{flex-direction:row;justify-content:flex-end}.scene-live-chat-msgcell{display:flex;flex-direction:column;gap:4px;max-width:min(78%,320px)}.scene-live-chat-sender{font-size:.7rem;font-weight:600;color:var(--dcl-text-faint);padding-left:2px}.scene-live-chat-sender--self{text-align:right;padding-left:0;padding-right:2px}.scene-live-chat-bubble{font-size:.9375rem;line-height:1.4;word-break:break-word;padding:10px 14px;border-radius:16px}.scene-live-chat-bubble--peer{background:var(--dcl-bg-card);color:var(--dcl-text);border:1px solid var(--dcl-border);border-bottom-left-radius:4px}.scene-live-chat-bubble--self{background:var(--dcl-accent);color:#fff;border:1px solid var(--dcl-accent-hover);border-bottom-right-radius:4px;box-shadow:0 2px 12px #ff2d5540}.scene-live-chat-compose{flex-shrink:0;display:flex;gap:10px;align-items:stretch;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0));border-top:1px solid var(--dcl-border);background:var(--dcl-bg-elevated)}.scene-live-chat-compose--mention{position:relative;flex-wrap:wrap;align-items:flex-end}.scene-live-chat-compose--mention .scene-live-chat-input{flex:1 1 120px}.scene-chat-mention-list{list-style:none;margin:0;padding:6px;position:absolute;left:14px;right:88px;bottom:calc(100% - 6px);max-height:200px;overflow-y:auto;border-radius:var(--dcl-radius-md);border:1px solid var(--dcl-border-strong);background:var(--dcl-bg-card);box-shadow:0 -8px 28px #00000073;z-index:5}.scene-chat-mention-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--dcl-radius-sm);cursor:pointer;font-size:.95rem;color:var(--dcl-text)}.scene-chat-mention-item:hover,.scene-chat-mention-item--active{background:var(--dcl-accent-soft);outline:none}.scene-chat-mention-item .scene-live-chat-avatar{width:28px;height:28px;flex-shrink:0}.scene-chat-mention-item .scene-live-chat-avatar-letter{font-size:.75rem}.scene-chat-mention-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-live-chat-input{flex:1;min-width:0;padding:12px 14px;font-size:1rem}.app-main .scene-live-chat-send{margin:0;flex-shrink:0;padding:12px 18px;font-weight:700;border:1px solid var(--dcl-accent);background:var(--dcl-accent-soft);color:var(--dcl-accent-hover)}.app-main .scene-live-chat-send:hover:not(:disabled){background:var(--dcl-accent);color:#fff;filter:none}.settings-panel{padding:20px 18px 28px;max-width:520px}.settings-section{margin-top:4px}.settings-placeholder{margin:0;font-size:.9rem;color:var(--dcl-text-muted);line-height:1.5}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:var(--dcl-radius-md);border:1px solid var(--dcl-border-strong);background:var(--dcl-bg-card)}.settings-toggle-label{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-toggle-title{font-weight:600;font-size:.95rem;color:var(--dcl-text)}.settings-toggle-hint{font-size:.8125rem;color:var(--dcl-text-faint);line-height:1.4}.app-main .settings-switch{flex-shrink:0;position:relative;width:52px;height:30px;margin:0;padding:0;border:1px solid var(--dcl-border-strong);border-radius:999px;background:var(--dcl-bg-input);cursor:pointer;transition:background .15s ease,border-color .15s ease}.app-main .settings-switch-on{background:var(--dcl-accent-soft);border-color:#ff2d5573}.settings-switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--dcl-text-muted);transition:transform .15s ease,background .15s ease}.settings-switch-on .settings-switch-knob{transform:translate(22px);background:var(--dcl-accent-hover)}