: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,#root{height:100%;margin:0}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{min-height:100dvh;min-height:100vh;display:flex;flex-direction:column;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))}.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 .events-panel,.app-main .wearables-panel,.app-main .testing-view{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-main .home-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0;-webkit-overflow-scrolling:touch}.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 25%;width:25%;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{min-height:100dvh;min-height:100vh;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-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-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-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{max-width:520px;margin:0 auto;padding:12px 16px 40px;color:var(--dcl-text)}.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}.community-tile-list{display:flex;flex-direction:column;gap:10px}.community-tile{display:block;width:100%;text-align:left;padding:18px 20px;border-radius:var(--dcl-radius-lg);border:1px solid var(--dcl-border);background:var(--dcl-bg-card);font-size:1.05rem;font-weight:600;color:var(--dcl-text);cursor:pointer;box-shadow:0 4px 20px #0003;font-family:inherit;-webkit-tap-highlight-color:transparent}.community-tile:hover{border-color:var(--dcl-accent);box-shadow:0 0 0 1px var(--dcl-accent-soft),0 8px 28px #0000004d}.community-tile:active{background:var(--dcl-bg-elevated);transform:scale(.992)}.events-panel{max-width:560px;margin:0 auto;padding:12px 16px 40px;color:var(--dcl-text)}.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:start}@media(min-width:520px){.events-grid{gap:14px}}@media(min-width:960px){.events-panel{max-width:920px}.events-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.events-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;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{padding:12px 12px 14px}.events-card-title{margin: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.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}}.wearables-panel,.friends-panel{max-width:520px;margin:0 auto;padding:12px 16px 40px;color:var(--dcl-text)}.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:#080412b8;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:20px;overflow:hidden;pointer-events:auto;background:linear-gradient(155deg,#2e1050f0,#120824f5 48%,#0c061cfa);border:1px solid rgba(192,132,252,.35);box-shadow:0 0 0 1px #a855f71f,0 24px 64px #4c1d958c,0 0 80px #9333ea38}.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:#e9d5ff;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:#a855f759;color:#fff}.friend-profile-modal-snapshot{flex:0 0 auto;min-height:200px;max-height:min(52vh,420px);background:radial-gradient(ellipse 80% 70% at 50% 100%,rgba(168,85,247,.45) 0%,transparent 58%),radial-gradient(ellipse 60% 50% at 50% 35%,rgba(192,132,252,.35) 0%,transparent 55%),linear-gradient(180deg,#1e0b3a,#0f0520);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 12px 32px rgba(76,29,149,.65))}.friend-profile-modal-snapshot-fallback{width:120px;height:120px;border-radius:50%;margin-bottom:24px;background:linear-gradient(135deg,#a855f7,#581c87);color:#fff;font-size:2.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 48px #a855f780}.friend-profile-modal-body{padding:18px 20px 22px;text-align:center;border-top:1px solid rgba(168,85,247,.2);background:#0003}.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:#e9d5ffa6;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}.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}.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-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-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)}
