.live-realtime{display:flex;align-items:center;gap:5px}.live-realtime::before{content:"";flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#718096}.live-realtime.is-connected{color:#84e9da}.live-realtime.is-connected::before{background:#54e7d0;box-shadow:0 0 5px #54e7d05c}.live-realtime.is-connecting::before,.live-realtime.is-reconnecting::before{background:#70cfff}
.live-handle{position:fixed;left:0;top:38%;z-index:72;width:44px;height:56px;padding:0;border:0;background:transparent;color:#92e9ff;touch-action:manipulation;transition:transform .11s ease}.live-handle::before{content:"";position:absolute;z-index:1;left:9px;top:18px;width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.live-handle::after{content:"";position:absolute;inset:0 12px 4px 0;border:1px solid rgba(111,216,255,.3);border-left:0;border-radius:0 11px 11px 0;background:linear-gradient(145deg,rgba(8,18,34,.97),rgba(34,24,62,.95));box-shadow:0 8px 24px #02071373,inset 0 1px #b4edff12;transition:border-color .11s ease}.live-handle:active{transform:scale(.975)}.live-handle:active::after{border-color:rgba(132,231,255,.52)}.live-handle:focus-visible{outline:2px solid #79dcff;outline-offset:2px}
.live-layer{position:fixed;z-index:120;inset:0;display:flex;align-items:stretch;padding-top:max(env(safe-area-inset-top),8px);padding-bottom:calc(var(--bottom-nav-height,72px) + env(safe-area-inset-bottom));background:rgba(1,5,13,.39)}.live-drawer{width:clamp(15rem,65vw,20rem);max-width:calc(100vw - 56px);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-right:1px solid rgba(123,210,255,.16);border-radius:0 20px 20px 0;background:linear-gradient(160deg,rgba(7,15,29,.975),rgba(18,13,35,.98));box-shadow:16px 0 44px #0008,inset -1px 0 #9feaff08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f5f8ff}
.live-header{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:10px 8px 8px 14px;border-bottom:1px solid #ffffff0d}.live-header h2{margin:0;font-size:19px;line-height:1.16;font-weight:700;letter-spacing:-.015em}.live-header p{margin:2px 0 0;color:#8fa6ba;font-size:13px;line-height:1.2;font-weight:500}.live-close{flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#aebfd0;font-size:21px;line-height:1;transition:background-color .1s ease,color .1s ease}.live-close:active{background:#ffffff0b;color:#e6f7ff}
.live-feed{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 8px 12px;scrollbar-width:thin;scrollbar-color:#8bdfff2b transparent}.live-message{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:6px 4px;border-bottom:1px solid #ffffff08;transition:background-color .1s ease}.live-message:active{background:#7edfff08}.live-avatar{box-sizing:border-box;width:44px;height:44px;padding:1px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#31538a,#784aa0) content-box;font-size:13px;font-weight:750;border:1px solid transparent;box-shadow:inset 0 0 0 1px #9feaff55}.live-message__content{min-width:0}.live-message__meta{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;min-width:0;height:22px}.live-message__meta time{color:#72889c;font-size:12px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}.live-level{color:#7fdfff;border:1px solid #77ddff30;border-radius:7px;padding:2px 4px;background:#4bd6ff0a;font-size:11px;line-height:1;font-weight:600}.live-emoji{margin:1px 0 0;font-size:26px;line-height:1.2;overflow-wrap:anywhere;word-break:break-word}
.live-composer{padding:6px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid #ffffff0e;background:linear-gradient(180deg,rgba(8,15,28,.96),rgba(7,12,23,.985))}.live-quick-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;margin-bottom:5px}.live-quick{min-width:0;height:34px;padding:0;border:0;border-radius:8px;background:transparent;font-size:23px;line-height:1;transition:transform .1s ease,background-color .1s ease}.live-quick:active{transform:scale(.96);background:#6adfff14}.live-compose-line{display:flex;gap:5px}.live-input{box-sizing:border-box;min-width:0;width:100%;height:44px;border:1px solid #a9dfff20;border-radius:12px;background:#ffffff07;color:#fff;padding:0 9px;font-size:16px;line-height:1;outline:0;transition:border-color .12s ease,box-shadow .12s ease}.live-input:focus{border-color:#69d9ff73;box-shadow:0 0 0 2px #56cfff13}.live-send,.live-retry,.live-older{min-height:44px;border:1px solid #65d8ff42;border-radius:11px;background:#44bfe51c;color:#a8edff;padding:0 9px;font-size:15px;font-weight:650;transition:opacity .1s ease,background-color .1s ease,border-color .1s ease}.live-send:disabled{opacity:.38;border-color:#8da5b326;background:#ffffff08;color:#8297a7}.live-send:not(:disabled):active{background:#44bfe531;border-color:#72ddff68}.live-notice{min-height:12px;margin:3px 2px 0;color:#ffc2b6;font-size:10px;line-height:1.2}
.live-state,.live-empty{text-align:center;color:#93a5ba;margin:auto;padding:24px 10px}.live-empty strong{color:#e8f4ff}.live-empty p{font-size:12px}.live-retry,.live-older{display:block;margin:7px auto}.live-open{overflow:hidden}.live-open #app{pointer-events:none}.live-open .live-layer{pointer-events:auto}.live-open .live-handle{opacity:0;pointer-events:none}
@media(max-width:340px){.live-drawer{width:240px;max-width:calc(100vw - 48px)}.live-quick{font-size:21px}.live-send{padding-inline:8px;font-size:14px}}
@media(prefers-reduced-motion:no-preference){.live-drawer{animation:live-in .23s cubic-bezier(.22,.8,.28,1)}.live-layer{animation:live-fade .2s ease-out}.live-message.is-new{animation:live-message-in .16s ease-out}@keyframes live-in{from{transform:translateX(-100%)}}@keyframes live-fade{from{opacity:0}}@keyframes live-message-in{from{opacity:0;transform:translateY(5px)}}}
@media(prefers-reduced-motion:reduce){.live-handle,.live-close,.live-message,.live-quick,.live-input,.live-send{transition:none}}

.live-avatar,.live-sender-name{color:inherit;cursor:pointer;touch-action:manipulation}.live-avatar{min-width:44px;min-height:44px;margin:0}.live-sender-name{min-width:0;height:22px;padding:0;border:0;background:transparent;font-size:15px;line-height:22px;font-weight:625;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left}
.public-profile-layer{position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:rgba(0,3,11,.7);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto}.public-profile-sheet{box-sizing:border-box;width:min(calc(100vw - 24px),360px);max-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(139,207,241,.22);border-radius:22px;background:radial-gradient(circle at 85% 0,rgba(129,86,211,.12),transparent 36%),linear-gradient(160deg,rgba(9,18,33,.995),rgba(20,15,37,.995));box-shadow:0 24px 68px #000b,inset 0 1px #ffffff09;color:#f6f8ff}.public-profile-head{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:7px 8px 7px 17px;border-bottom:1px solid #ffffff0d}.public-profile-head h2{margin:0;color:#d8e8f3;font-size:18px;line-height:1.2;font-weight:650}.public-profile-close{flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#aebfd0;font-size:21px;line-height:1}.public-profile-close:active{background:#ffffff0b;color:#effaff}.public-profile-close:focus-visible{outline:2px solid #70dcff;outline-offset:-3px}.public-profile-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:13px}.public-profile-state,.public-profile-empty{margin:20px auto;padding:13px;text-align:center;color:#94a8bc;font-size:13px;line-height:1.45}.public-profile-retry{display:block;min-height:44px;margin:0 auto 20px;padding:0 18px;border:1px solid #60d9ff55;border-radius:13px;background:#4dc9ed1b;color:#a7edff;font-weight:700}
.public-profile-hero{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr);gap:13px;align-items:center;padding:14px;border:1px solid #ffffff12;border-radius:18px;background:radial-gradient(circle at 8% 0,#4ccdef1a,transparent 48%),radial-gradient(circle at 100% 100%,#8556db16,transparent 50%),linear-gradient(145deg,#111e32,#171329)}.public-profile-avatar-wrap{position:relative;width:76px;height:76px}.public-profile-avatar{box-sizing:border-box;width:76px;height:76px;display:grid;place-items:center;border:2px solid #7be4ff78;border-radius:50%;background:linear-gradient(145deg,#31538a,#784aa0);box-shadow:0 0 20px #57d8ff20;color:white;font-size:27px;font-weight:800}.public-profile-online-dot{position:absolute;right:1px;bottom:5px;width:12px;height:12px;border:3px solid #111d31;border-radius:50%;background:#5be7d2;box-shadow:0 0 0 3px #5be7d21a,0 0 10px #5be7d266}.public-profile-hero[data-presence="online"] .public-profile-avatar{box-shadow:0 0 0 3px #5be7d210,0 0 22px #57d8ff29}.public-profile-hero[data-frame="frame_gold_partner"] .public-profile-avatar{border-color:#ffcf70;box-shadow:0 0 0 3px #7c4c1733,0 0 23px #ffc15a45}.public-profile-hero[data-frame="frame_ambassador"] .public-profile-avatar{border-color:#7de8ff;box-shadow:0 0 0 3px #7048d833,0 0 24px #77e8ff45}.public-profile-hero[data-frame="frame_astra_legend"] .public-profile-avatar{border-color:#d99cff;box-shadow:0 0 0 3px #53dbff30,0 0 26px #b968ff50}.public-profile-identity{min-width:0}.public-profile-identity h3{margin:0 0 7px;font-size:22px;line-height:1.14;font-weight:700;overflow-wrap:anywhere}.public-profile-badge{display:inline-flex;max-width:100%;margin:2px 5px 2px 0;padding:4px 8px;border:1px solid #7be4ff3d;border-radius:999px;background:#65dfff10;color:#a9edff;font-size:12px;line-height:1.15;font-weight:650;text-transform:none}
.public-profile-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.public-profile-fact{box-sizing:border-box;min-height:62px;padding:9px 10px;border:1px solid #ffffff0d;border-radius:12px;background:#ffffff05}.public-profile-fact small{display:block;margin-bottom:4px;color:#8299af;font-size:12px;line-height:1.2;font-weight:500}.public-profile-fact strong{display:block;color:#e7f6ff;font-size:16px;line-height:1.25;font-weight:600}.public-profile-showcase{margin-top:16px}.public-profile-showcase>h3{margin:0 2px 9px;font-size:17px;line-height:1.25;font-weight:675}.public-profile-achievement{--rarity-rgb:137,202,225;position:relative;isolation:isolate;display:grid;grid-template-columns:52px minmax(0,1fr);gap:11px;align-items:center;min-height:78px;margin:8px 0;padding:9px 11px;overflow:hidden;border:1px solid rgba(var(--rarity-rgb),.28);border-radius:15px;background:radial-gradient(circle at 8% 45%,rgba(var(--rarity-rgb),.12),transparent 39%),linear-gradient(135deg,rgba(var(--rarity-rgb),.075),#ffffff0255);box-shadow:inset 0 1px rgba(255,255,255,.035)}.public-profile-achievement[data-rarity="rare"]{--rarity-rgb:83,206,235}.public-profile-achievement[data-rarity="epic"]{--rarity-rgb:176,112,239}.public-profile-achievement[data-rarity="legendary"]{--rarity-rgb:246,194,76}.public-profile-achievement::after{position:absolute;z-index:-1;top:-45%;left:-35%;width:25%;height:190%;background:linear-gradient(90deg,transparent,rgba(var(--rarity-rgb),.13),transparent);transform:rotate(18deg);content:"";pointer-events:none}.public-profile-achievement .achievement-art{width:52px;height:52px;filter:drop-shadow(0 0 7px rgba(var(--rarity-rgb),.24))}.public-profile-achievement .achievement-art svg{width:100%;height:100%}.public-profile-achievement .achievement-art.is-fallback{display:grid;place-items:center;border:1px solid #ffffff18;border-radius:14px;color:#aebfd0;font-size:20px}.public-profile-achievement__copy{min-width:0}.public-profile-achievement strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#f3f7ff;font-size:16px;line-height:1.22;font-weight:650;overflow-wrap:anywhere}.public-profile-achievement small{display:block;margin-top:5px;color:#94a7ba;font-size:12px;line-height:1.35;font-weight:500;overflow-wrap:anywhere}.public-profile-achievement[data-rarity="legendary"]{box-shadow:inset 0 1px rgba(255,244,198,.08),0 0 14px rgba(246,194,76,.055)}
@media(max-width:340px){.public-profile-sheet{width:calc(100vw - 24px)}.public-profile-body{padding:10px}.public-profile-hero{grid-template-columns:68px minmax(0,1fr);gap:10px;padding:11px}.public-profile-avatar-wrap,.public-profile-avatar{width:66px;height:66px}.public-profile-avatar{font-size:24px}.public-profile-identity h3{font-size:20px}.public-profile-badge{font-size:11px}.public-profile-status{gap:6px}.public-profile-fact{min-height:58px;padding:8px}.public-profile-fact strong{font-size:15px}.public-profile-achievement{grid-template-columns:46px minmax(0,1fr);gap:9px;min-height:74px;padding:8px 9px}.public-profile-achievement .achievement-art{width:46px;height:46px}.public-profile-achievement strong{font-size:15px}.public-profile-achievement small{font-size:11.5px}}
@media(prefers-reduced-motion:no-preference){.public-profile-layer{animation:profile-backdrop-in .2s ease-out}.public-profile-sheet{animation:profile-in .22s cubic-bezier(.22,.8,.28,1)}.public-profile-online-dot{animation:profile-online-pulse 3.2s ease-in-out infinite}.public-profile-achievement::after{animation:profile-achievement-sheen 7s ease-in-out infinite;animation-delay:var(--achievement-delay)}@keyframes profile-backdrop-in{from{opacity:0}}@keyframes profile-in{from{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes profile-online-pulse{50%{opacity:.72;transform:scale(.92);box-shadow:0 0 0 2px #5be7d214,0 0 6px #5be7d244}}@keyframes profile-achievement-sheen{0%,58%{transform:translateX(0) rotate(18deg);opacity:0}68%{opacity:1}82%,100%{transform:translateX(620%) rotate(18deg);opacity:0}}}
@media(prefers-reduced-motion:reduce){.public-profile-layer,.public-profile-sheet,.public-profile-online-dot,.public-profile-achievement::after{animation:none!important}.public-profile-sheet{transform:none}}
.public-profile-hero-v2{grid-template-columns:144px minmax(0,1fr);min-height:210px;background-image:linear-gradient(90deg,rgba(3,8,15,.18),rgba(3,8,15,.76)),var(--profile-background,linear-gradient(135deg,#10192a,#111023));background-size:cover;background-position:center}.public-profile-avatar-wrap-v2{position:relative;width:144px;height:144px;display:grid;place-items:center}.public-profile-avatar-wrap-v2 .public-profile-online-dot{right:7px;bottom:7px}.public-profile-hero-v2 .profile-avatar-showcase{filter:drop-shadow(0 12px 20px #0008)}
@media(max-width:672px){.public-profile-hero-v2{grid-template-columns:120px minmax(0,1fr);min-height:176px}.public-profile-avatar-wrap-v2{width:120px;height:120px}}
.public-profile-avatar-wrap-v2>.profile-avatar-showcase{width:var(--showcase-size);max-width:none}
.live-avatar.profile-avatar-showcase{width:44px;height:44px;padding:0;border:0;border-radius:11px;background:transparent;box-shadow:none}.featured-badge{display:inline-flex;align-items:center;width:30px;height:30px;margin-top:4px}.featured-badge .profile-badge-showcase{flex:0 0 30px}
.public-profile-sheet.profile-background-surface{background:#0a111d}
.public-profile-sheet.profile-background-surface>.public-profile-head{background:rgba(5,11,20,.48);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.public-profile-sheet.profile-background-surface>.public-profile-body{background:linear-gradient(180deg,rgba(5,11,20,.14),rgba(5,10,18,.42))}
.public-profile-sheet.profile-background-surface .public-profile-hero-v2{background:linear-gradient(90deg,rgba(3,8,15,.22),rgba(3,8,15,.62));background-image:none}

/* P9.13.2.1: one coherent membership/profile-badge identity rail. */
.public-profile-identity{display:grid;align-content:center;gap:8px;min-width:0}
.public-profile-identity h3{margin:0}
.public-profile-identity-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;min-height:30px}
.public-profile-identity-meta .public-profile-badge{box-sizing:border-box;display:inline-flex;align-items:center;height:30px;min-height:30px;margin:0;padding:4px 9px}
.public-profile-identity-meta .featured-badge{box-sizing:border-box;display:grid;width:30px;height:30px;margin:0;place-items:center;border:1px solid rgba(117,220,244,.26);border-radius:10px;background:linear-gradient(145deg,rgba(17,38,56,.82),rgba(10,15,29,.78));box-shadow:inset 0 1px rgba(255,255,255,.07)}
.public-profile-identity-meta .featured-badge .profile-badge-showcase.is-compact{width:26px;height:26px;border:0;border-radius:8px;background:transparent;box-shadow:none}
.public-profile-identity-meta .featured-badge .profile-badge-showcase__art{width:25px;height:25px}