.hatLogo{width:28px;height:28px;display:block;object-fit:contain}.hatLogoBtn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:9999px;overflow:hidden;background:transparent;border:1px solid rgba(255,255,255,.08)}.brandWordmark{height:20px;width:auto;display:block}.roomCard.glow,.roomItem.glow{box-shadow:0 10px 30px #ffa50026,inset 0 0 0 1px #ffffff0f;transition:box-shadow .2s ease,transform .2s ease}.roomCard.glow:hover,.roomItem.glow:hover{box-shadow:0 16px 40px #ffa50038,inset 0 0 0 1px #ffffff14;transform:translateY(-1px)}button{outline-offset:2px}button:focus-visible{outline:2px solid rgba(255,255,255,.65)}button:has(>span),.cta{font-weight:600}button:where(:not(.secondary)):has(>:where(span,label):contains("Join")),button:where(:not(.secondary)):contains("Join"){background:#16a34a!important;border-color:#0003!important}button:where(:not(.secondary)):has(>:where(span,label):contains("Secret Word")),button:where(:not(.secondary)):contains("Secret Word"){background:#7c3aed!important;border-color:#0003!important}.btn-join{background:#16a34a!important}.btn-secret{background:#7c3aed!important}.badge,.tag{background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.btn-join{background:#16a34a!important;color:#041016!important;border-color:#0003!important}.btn-secret{background:#7c3aed!important;color:#fff!important;border-color:#0003!important}.roomCard,.roomItem,.room{box-shadow:0 10px 30px #ffa5001f,inset 0 0 0 1px #ffffff0f;transition:box-shadow .18s ease,transform .18s ease;border:none}.roomCard:hover,.roomItem:hover,.room:hover{box-shadow:0 16px 40px #ffa5002e,inset 0 0 0 1px #ffffff14;transform:translateY(-1px)}.btn-join{box-shadow:0 6px 20px #f59e0b40,inset 0 0 0 1px #00000014;transition:box-shadow .18s ease,transform .18s ease}.btn-join:hover{box-shadow:0 10px 28px #f59e0b57,inset 0 0 0 1px #0000001a;transform:translateY(-1px)}.button.accent{background:var(--accent);color:#111}.button.accent:disabled{opacity:.6;cursor:not-allowed}.roomActions .button.horse{background:var(--accent);color:#111}.roomActions .button.horse:before{content:"🐴 "}.headerHat{width:26px;position:absolute;top:-13px;left:50%;transform:translate(-50%) rotate(-8deg);pointer-events:none}.iconBtn>span{position:relative;display:grid;place-items:center}.joinWrap{display:flex;justify-content:center}.miniShout{display:flex;gap:8px;align-items:center;margin-top:8px}.miniShout .input{flex:1;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f162a;color:#f8fafc}.lockWrap{display:flex;gap:8px;align-items:center;margin-left:8px}.lockWrap .secretWord{width:160px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0f162a;color:#f8fafc}.roomMode.badge{display:none}.howdyWrap>*:last-child:after{content:".";color:#fff}.rtrc{display:flex;gap:8px;justify-content:flex-end}.rtrc .btn{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px)}.rtrc .btn .rcbar{display:flex;gap:8px;justify-content:flex-end}.rtrc .btn .rcbar .btn{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px)}.rtrc .btn .rcbar .btn :root{--pad-outer:20px;--radius-xl:22px;--radius-lg:18px}@supports (padding:max(0px)){.rtrc .btn .rcbar .btn body{padding-left:max(var(--pad-outer),env(safe-area-inset-left));padding-right:max(var(--pad-outer),env(safe-area-inset-right))}}@media (max-width:640px){.rtrc .btn .rcbar .btn html{font-size:15px}.rtrc .btn .rcbar .btn .iconBtn{width:36px;height:36px}.rtrc .btn .rcbar .btn .howdyWrap{gap:6px}.rtrc .btn .rcbar .btn .howdyTxt{font-size:1rem}.rtrc .btn .rcbar .btn main{padding-top:6px}.rtrc .btn .rcbar .btn .card,.rtrc .btn .rcbar .btn .panel,.rtrc .btn .rcbar .btn [class*='"card"']{border-radius:var(--radius-xl)}.rtrc .btn .rcbar .btn .lobby,.rtrc .btn .rcbar .btn [class*='"lobby"'],.rtrc .btn .rcbar .btn [data-section='"lobby"'],.rtrc .btn .rcbar .btn .lobby .grid,.rtrc .btn .rcbar .btn [class*='"lobby"'] .grid{display:block}.rtrc .btn .rcbar .btn .lobby .card,.rtrc .btn .rcbar .btn [class*='"lobby"'] .card,.rtrc .btn .rcbar .btn [class*='"room"'][class*='"card"'],.rtrc .btn .rcbar .btn .roomCard{margin:18px 0;padding:16px;border-radius:var(--radius-xl)}.rtrc .btn .rcbar .btn .lobby h2,.rtrc .btn .rcbar .btn .roomTitle{font-size:1.15rem;line-height:1.2;margin:0 0 10px}.rtrc .btn .rcbar .btn .lobby .avatars,.rtrc .btn .rcbar .btn .roomMeta{gap:8px}.rtrc .btn .rcbar .btn button.joinBtn,.rtrc .btn .rcbar .btn [data-join],.rtrc .btn .rcbar .btn .join,.rtrc .btn .rcbar .btn [class*='"Join"']{display:flex;align-items:center;justify-content:center;width:100%;display:none!important;flex-wrap:nowrap;gap:8px}:is(.rtrc .btn .rcbar .btn button.joinBtn,.rtrc .btn .rcbar .btn [data-join],.rtrc .btn .rcbar .btn .join,.rtrc .btn .rcbar .btn [class*='"Join"']) .howdyWrap{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(.rtrc .btn .rcbar .btn button.joinBtn,.rtrc .btn .rcbar .btn [data-join],.rtrc .btn .rcbar .btn .join,.rtrc .btn .rcbar .btn [class*='"Join"']) .iconBtn{width:36px;height:36px}:is(.rtrc .btn .rcbar .btn button.joinBtn,.rtrc .btn .rcbar .btn [data-join],.rtrc .btn .rcbar .btn .join,.rtrc .btn .rcbar .btn [class*='"Join"']) .iconBtn svg{width:18px;height:18px}:is(.rtrc .btn .rcbar .btn button.joinBtn,.rtrc .btn .rcbar .btn [data-join],.rtrc .btn .rcbar .btn .join,.rtrc .btn .rcbar .btn [class*='"Join"']) [alt*=Rodeo i],:is(.rtrc .btn .rcbar .btn button.joinBtn,.rtrc .btn .rcbar .btn [data-join],.rtrc .btn .rcbar .btn .join,.rtrc .btn .rcbar .btn [class*='"Join"']) [aria-label*=Rodeo i],:is(.rtrc .btn .rcbar .btn button.joinBtn,.rtrc .btn .rcbar .btn [data-join],.rtrc .btn .rcbar .btn .join,.rtrc .btn .rcbar .btn [class*='"Join"']) [data-rodeo-logo]{display:none!important}:is(.rtrc .btn .rcbar .btn button.joinBtn,.rtrc .btn .rcbar .btn [data-join],.rtrc .btn .rcbar .btn .join,.rtrc .btn .rcbar .btn [class*='"Join"']) body{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.rtrc .btn .rcbar .btn .howdyWrap{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:640px){.rtrc .btn .rcbar .btn .spaceHeader .brandWordmark{display:none!important}.rtrc .btn .rcbar .btn .spaceHeader .howdyWrap{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width:640px){.rtrc .btn .rcbar .btn .hideMobile{display:none!important}}@media (max-width:640px){.rtrc .btn .rcbar .btn .spaceHeader{gap:8px;padding:10px 12px}.rtrc .btn .rcbar .btn .spaceHeader .brandWordmark{display:none!important}.rtrc .btn .rcbar .btn .spaceHeader .leftGroup{flex:1;min-width:0}.rtrc .btn .rcbar .btn .spaceHeader .rightGroup{flex:0 0 auto;gap:8px}.rtrc .btn .rcbar .btn .iconBtn{width:36px;height:36px}.rtrc .btn .rcbar .btn .iconBtn svg{width:18px;height:18px}.rtrc .btn .rcbar .btn .spaceHeader .howdyComboBtn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:600}.rtrc .btn .rcbar .btn .spaceHeader .howdyComboBtn .youName{color:#f59e0b}}@media (max-width:640px){.rtrc .btn .rcbar .btn .hideOnMobile{display:none!important}}@media (max-width:640px){.rtrc .btn .rcbar .btn .spaceHeader img.brandWordmark,.rtrc .btn .rcbar .btn .spaceHeader .brandWordmark,.rtrc .btn .rcbar .btn img.brandWordmark.hideOnMobile{display:none!important;visibility:hidden!important}}.iconBtn{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}@media (max-width:640px){.iconBtn{width:36px;height:36px}}.lobby .card,.roomCard{border-radius:18px;padding:16px;margin:16px 0;max-width:100%}.lobby h2,.roomTitle{font-size:1.15rem;line-height:1.2;margin:0 0 10px}button.joinBtn,[data-join],.join,[class*=Join]{display:flex;align-items:center;justify-content:center;font-weight:700}@media (max-width:640px){button.joinBtn,[data-join],.join,[class*=Join]{width:100%;min-height:52px;border-radius:16px}}html,body,main,[role=main],.pageContent{max-width:100%}@media (max-width:640px){.spaceHeader{gap:8px;padding:10px 12px}.spaceHeader .brandWordmark{display:none!important}.iconBtn{width:36px;height:36px}.lobby .card,.roomCard{margin:14px 0;padding:14px;border-radius:16px;box-shadow:0 6px 20px #00000059}button.joinBtn,[data-join],.join,[class*=Join]{min-height:48px;border-radius:14px;font-size:17px}}html,body,main,[role=main],.pageContent{max-width:100%;overflow-x:hidden}.spaceHeader .leftGroup{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.spaceHeader .rightGroup{display:flex;align-items:center;gap:10px}.profileBtn{position:relative;width:40px;height:40px;border-radius:999px;background:radial-gradient(70% 70% at 30% 30%,#ffd36a,#ffb829);border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 0 0 2px #ffffff1a,0 4px 14px #00000059;color:#111}.profileBtn svg{opacity:.85}@media (max-width:640px){.profileBtn{width:36px;height:36px}}:root{--hdr-h:56px}.spaceHeader{position:sticky;top:max(0px,env(safe-area-inset-top));z-index:1000;height:var(--hdr-h);display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0b0f17b8;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:saturate(120%) blur(8px);-webkit-backdrop-filter:saturate(120%) blur(8px)}@media (max-width:640px){:root{--hdr-h:52px}.spaceHeader{gap:8px;padding:10px 12px}.spaceHeader .brandWordmark{display:none!important}.iconBtn{width:36px;height:36px}}body{margin:0;background:#0b0f17;overflow-x:hidden;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}body:after{content:"";display:block;height:max(88px,calc(64px + env(safe-area-inset-bottom)))}main,[role=main],.pageContent{max-width:100%;overflow-x:hidden;padding-top:8px}img,svg{max-width:100%;height:auto}.spaceHeader .rightGroup .iconBtn[title="Your profile"]{position:relative;width:40px;height:40px;border-radius:999px;background:radial-gradient(70% 70% at 30% 30%,#ffd36a,#ffb829);border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 0 0 2px #ffffff1a,0 4px 14px #00000059;color:#111}@media (max-width:640px){.spaceHeader .rightGroup .iconBtn[title="Your profile"]{width:36px;height:36px}}.spaceHeader .rightGroup .iconBtn[title=Status],.spaceHeader .rightGroup .iconBtn[aria-label=Status],.spaceHeader .rightGroup .hdrIcon[aria-label=Status]{display:none!important}.avatarBtn.plain{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0}.avatarCirclePlain{--size:clamp(32px,5.5vw,40px);inline-size:var(--size);block-size:var(--size);border-radius:999px;background:#f6a500;display:grid;place-items:center;color:#1a1a1a;font-weight:800;font-size:calc(var(--size)*.42);box-shadow:inset 0 0 0 2px #ffffff0f,0 1px 2px #00000040}.avatarTextPlain{transform:translateY(1px)}.avatarBtn.plain:focus-visible .avatarCirclePlain{outline:2px solid #fff;outline-offset:2px}@media (max-width:760px),(max-height:760px){.avatarCirclePlain{--size:clamp(28px,7vw,34px)}}.sdOverlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);display:grid;place-items:end;z-index:9999}.sdPanel{inline-size:100%;block-size:100%;background:#0c0e14fa;color:#fff;display:flex;flex-direction:column;border-radius:16px 16px 0 0;box-shadow:0 -6px 24px #00000073;transform:translateY(0)}.sdHead{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.sdTitle{font-size:18px;margin:0}.sdClose{background:transparent;border:0;color:#fff;font-size:24px;line-height:1;inline-size:44px;block-size:44px;border-radius:8px}.sdClose:focus-visible{outline:2px solid #fff;outline-offset:2px}.sdTabs{display:flex;gap:8px;padding:12px 12px 0;overflow:auto}.sdTab{background:#ffffff0f;border:0;color:#fff;padding:8px 12px;border-radius:999px}.sdTab.is-active{background:#f6a500;color:#1a1a1a;font-weight:700}.sdBody{padding:12px;overflow:auto;flex:1;display:grid;gap:12px}.sdSection{display:grid;gap:12px}.sdField{display:grid;gap:6px}.sdLabel{font-size:12px;opacity:.8}.sdInput{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;padding:10px 12px;min-height:40px}.sdCheckbox{transform:scale(1.2)}@media (min-width: 900px){.sdOverlay{place-items:center}.sdPanel{inline-size:min(720px,90vw);block-size:min(88vh,720px);border-radius:16px}}@media (min-width:1200px){.sdPanel{inline-size:min(900px,92vw);block-size:min(88vh,780px)}}.headerBar{padding-inline:16px;gap:12px}.headerBar .headerLeft,.headerBar .headerRight{display:flex;align-items:center;gap:10px}.headerBar .headerCenter{display:flex;align-items:center;justify-content:center;min-width:0}.headerBar .brand,.headerBar .logo,.headerBar .brandmark{display:inline-flex;align-items:center}@media (max-width: 760px),(max-height: 760px){.headerBar{padding-inline:10px;gap:8px}.headerBar .headerLeft{flex:1;min-width:0}.headerBar .headerCenter{position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.headerBar .headerCenter>*{pointer-events:auto}.headerBar .headerRight{gap:8px}.headerBar .greeting,.headerBar .howdy,.headerBar [data-role=greeting]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}}.sdOverlay{z-index:10000}.sdPanel{--pad:12px}.sdHead{padding:var(--pad);padding-bottom:8px}.sdTabs{padding:8px var(--pad) 0 var(--pad);gap:8px}.sdBody{padding:var(--pad);padding-bottom:72px}.sdSection{gap:12px}.sdField{gap:6px}.sdInput{min-height:44px}.sdCheckbox{transform:scale(1.15)}.sdFooter{position:sticky;bottom:0;inset-inline:0;padding:10px var(--pad) 12px var(--pad);background:linear-gradient(to top,#0c0e14fa,#0c0e14c7 40%,#0c0e1400);display:flex;justify-content:center}.sdPrimary{background:#f6a500;color:#1a1a1a;border:0;font-weight:800;border-radius:12px;padding:12px 18px;min-width:min(320px,90vw);box-shadow:0 6px 20px #00000059,inset 0 0 0 1px #ffffff1f}.sdPrimary:focus-visible{outline:2px solid #fff;outline-offset:3px}.sdSwatches{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:10px}.sdSwatch{inline-size:44px;block-size:44px;border-radius:999px;border:0;display:inline-grid;place-items:center;box-shadow:inset 0 0 0 2px #ffffff14,0 1px 2px #00000040}.sdSwatch:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (max-width: 760px),(max-height: 760px){.sdPanel{--pad:10px}.sdTitle{font-size:16px}.sdPrimary{min-width:min(320px,94vw)}}.sdOverlay{background:#000000a6;-webkit-backdrop-filter:saturate(130%) blur(10px);backdrop-filter:saturate(130%) blur(10px)}.sdAvatarWrap{position:relative;display:grid;place-items:center;margin:6px 0 4px}.sdAvatar{--size:clamp(84px,16vw,112px);inline-size:var(--size);block-size:var(--size);border-radius:999px;display:grid;place-items:center;color:#1a1a1a;font-weight:900;font-size:calc(var(--size)*.42);box-shadow:inset 0 0 0 2px #ffffff14,0 6px 20px #00000059}.sdAvatarText{transform:translateY(1px)}.sdAvatarHat{position:absolute;top:-12px;transform:translateY(-10%) rotate(-6deg);font-size:clamp(24px,4vw,32px);filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.sdInputPill{border-radius:999px;text-align:center;border:2px solid #F6A500}.sdSecondary{background:transparent;border:2px solid #F6A500;color:#f6a500;border-radius:12px;padding:10px 16px;font-weight:800}.sdSecondary:focus-visible{outline:2px solid #fff;outline-offset:3px}.sdNote{font-size:12px;opacity:.75;margin-top:6px;text-align:center}.sdSwatch.is-active{box-shadow:0 0 0 3px #f6a500a6,inset 0 0 0 2px #ffffff1f}@media (max-width: 760px),(max-height: 760px){.sdAvatar{--size:clamp(72px,18vw,96px)}}.sdOverlay.modalOverlay.blur{background:#000000d1;-webkit-backdrop-filter:saturate(130%) blur(10px);backdrop-filter:saturate(130%) blur(10px)}.sdPanel.modal.newLobbyCard{background:#0c0e14fa;border-radius:16px;box-shadow:0 12px 40px #00000073,inset 0 0 0 1px #ffffff0f}.sdPanel.modal.newLobbyCard .sdBody{padding:12px}.sdAvatar{--size: clamp(72px,14vw,96px) }.sdInputPill{border:2px solid #F6A500;border-radius:999px;text-align:center}:root{--bg1: #0b1020;--bg2: #1c2540;--card: #101626;--text: #f8fafc;--muted: #cbd5e1;--accent: #f59e0b;--ring: rgba(245, 158, 11, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(160deg,var(--bg1),var(--bg2));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.screen{min-height:100%;display:grid;place-items:center;padding:24px}.logo{width:clamp(180px,30vw,380px);margin-bottom:24px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.logoSmall{height:32px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.card{width:100%;max-width:560px;background:#101626bf;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:24px;box-shadow:0 10px 40px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.label{display:block;font-size:.95rem;color:var(--muted);margin-bottom:8px}.input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0f162a;color:var(--text);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.button{margin-top:16px;width:100%;padding:14px 16px;background:var(--accent);color:#1a1202;font-weight:700;border:none;border-radius:12px;cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}.title{margin:0 0 12px;font-size:1.25rem}.avatarWrap{display:grid;place-items:center;margin:12px 0 20px}.avatar{position:relative;width:160px;height:160px;border-radius:999px;display:grid;place-items:center;box-shadow:0 16px 60px #0009;border:3px solid rgba(255,255,255,.1)}.avatar.sm{width:42px;height:42px;border-width:2px}.avatarInitial{font-size:64px;color:#0a0a0a;-webkit-user-select:none;user-select:none;font-weight:800;text-shadow:0 2px 12px rgba(255,255,255,.35)}.avatarInitial.sm{font-size:20px;text-shadow:none}.hat{position:absolute;width:120%;left:50%;transform:translate(-50%) rotate(-8deg);top:-28%;pointer-events:none}.hat.sm{width:130%;top:-42%}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0}.row.wrap{flex-wrap:wrap;align-items:center}.swatches.grid4{display:grid;grid-template-columns:repeat(4,36px);gap:10px;align-items:center;justify-content:start}.swatch{width:32px;height:32px;border-radius:999px;border:2px solid rgba(255,255,255,.25);cursor:pointer;padding:0;outline:none;position:relative;overflow:hidden}.swatch:hover{border-color:#ffffff80}.swatch.selected{box-shadow:0 0 0 3px var(--ring),0 0 0 2px #ffffff26 inset}.swatch:focus-visible{outline:3px solid #fff;outline-offset:2px}.swatch.rainbow{background:none;box-shadow:inset 0 -2px 6px #00000059,inset 0 2px 6px #ffffff26,0 0 0 2px #fff3}.swatch.rainbow:after{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:0;background:conic-gradient(from 210deg,#ff4d4f 0deg 60deg,#ffb020 60deg 120deg,#f7f74a 120deg 180deg,#22c55e 180deg 240deg,#00c2ff 240deg 300deg,#7c3aed 300deg 360deg);transition:transform .6s ease}.swatch.rainbow:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1;pointer-events:none;background:radial-gradient(circle at 30% 25%,#ffffffd9,#ffffff40 22%,#ffffff1f 38%,#ffffff0a 56%,#fff0 68%),radial-gradient(circle at 72% 80%,#00000040,#00000026 36%,#00000012 56%,#0000 72%);mix-blend-mode:screen}@keyframes slowspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){.swatch.rainbow:hover:after{animation:slowspin 4s linear infinite}}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.button.secondary{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.18)}.button.secondary:hover{border-color:#ffffff4d}.headerActions{display:flex;gap:12px;margin-left:12px}.link{background:none;border:none;cursor:pointer;text-decoration:underline;color:var(--muted);padding:0;font:inherit}.link:hover{color:var(--text)}.space{min-height:100%;display:grid;grid-template-rows:auto 1fr}.spaceHeader{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);background:#0a0e1cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.spaceMain{padding:16px}.spaceStage{position:relative;width:100%;height:calc(100dvh - 64px);min-height:420px;overflow:hidden;border-radius:16px;background:radial-gradient(1200px 600px at 80% 0%,rgba(255,255,255,.06),transparent 60%),radial-gradient(1000px 500px at 10% 100%,rgba(255,255,255,.04),transparent 60%),#0a0e1c59;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 0 40px #00000059}.spaceLines{position:absolute;inset:0;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35))}.node{position:absolute;border-radius:999px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.18);box-shadow:0 12px 40px #00000073,inset 0 0 18px #ffffff1f;-webkit-user-select:none;user-select:none;transition:transform .12s ease}.node:hover{transform:translateY(-1px) scale(1.02)}.node.you{border-width:3px}.nodeInitial{font-weight:800;font-size:18px;color:#0b1020;text-shadow:0 1px 6px rgba(255,255,255,.35)}.nodeName{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);font-size:12px;color:var(--muted);text-shadow:0 2px 8px rgba(0,0,0,.7);white-space:nowrap}.lobby{padding:8px}.roomsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.roomCard{background:#101626c7;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:16px;box-shadow:0 12px 40px #00000073}.roomHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.roomTitle{font-weight:700}.roomMode{font-size:12px;letter-spacing:.08em;color:#cbd5e1}.roomMode.open{color:#9ae6b4}.roomMode.ask{color:#fbbf24}.roomMode.invite{color:#93c5fd}.roomRow{display:flex;gap:10px;align-items:center;margin:12px 0 16px}.miniBubble{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;color:#0b1020;font-weight:700;box-shadow:0 8px 24px #00000073,inset 0 0 12px #ffffff1f;border:2px solid rgba(255,255,255,.22)}.miniBubble span{font-size:12px}.roomActions{display:flex;gap:10px}.chip{background:#ffffff0f;color:var(--text);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px}.huddle{position:relative;width:100%;height:calc(100dvh - 64px)}.huddleTop{position:absolute;inset:12px 12px auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;pointer-events:none}.huddleTop>*{pointer-events:auto}.huddle .roomTitle{text-align:center;font-weight:700}.ring{position:absolute;border-radius:9999px;border:2px dashed rgba(255,255,255,.18);box-shadow:inset 0 0 40px #00000059}.miniBubble,.node,.avatar{aspect-ratio:1 / 1;border-radius:50%!important;padding:0}.miniBubble span,.nodeInitial{line-height:1}.lobbyTop{display:flex;align-items:center;justify-content:space-between;margin:6px 4px 14px}.lobbyActions{display:flex;gap:8px}.topActions{display:flex;gap:8px;justify-self:end}.iconBtn{width:40px;height:40px;border-radius:9999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--text);display:grid;place-items:center;cursor:pointer}.huddleTop.compact{position:absolute;inset:12px 12px auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.huddleTop.compact .titleWrap{display:inline-flex;align-items:center;gap:8px;justify-self:center}.huddleTop.compact .topTools{display:inline-flex;gap:8px;justify-self:end}.roomMode.badge{font-size:12px;letter-spacing:.06em;color:#cbd5e1}.roomMode.badge.rodeo-bang{color:#f59e0b}.roomMode.badge.campfire{color:#fb923c}.roomMode.badge.outpost{color:#93c5fd}.roomMode.badge.ghost-town{color:#94a3b8}.huddle .ring.ghost{box-shadow:0 0 60px #94a3b826 inset,0 0 40px #94a3b826}@keyframes ghostPulse{0%,to{opacity:.55}50%{opacity:.25}}.ghostGlow{animation:ghostPulse 4s ease-in-out infinite}.controlDock{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:12px;background:#101626bf;border:1px solid rgba(255,255,255,.08);border-radius:9999px;padding:8px 10px;box-shadow:0 10px 30px #0006}@media (min-width: 900px){.controlDock{bottom:20px}.spaceMain{padding:24px}}@media (max-width: 600px){.huddleTop.compact{grid-template-columns:auto 1fr auto}.button.secondary{padding:10px 12px}}.miniBubble,.node,.avatar{aspect-ratio:1 / 1;border-radius:50%!important}.titleWrap .roomTitle{font-weight:700}.leftTools{display:inline-flex;gap:8px}.miniCard{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(560px,calc(100vw - 24px));background:#101626db;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;box-shadow:0 14px 40px #00000080,inset 0 0 18px #ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.miniRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.miniTitle{font-weight:700}.miniPeople{display:flex;gap:8px;align-items:center;margin-bottom:10px}.miniMore{font-size:12px;color:var(--muted)}.miniActions{display:flex;gap:8px;justify-content:flex-end}.miniCard .button.secondary{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.18)}@media (max-width: 520px){.miniActions{justify-content:space-between}}.userMenu{display:inline-flex;align-items:center;gap:10px}.userMenu .youName{color:var(--muted)}.modalOverlay{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:40}.modalCard{width:min(640px,calc(100vw - 24px));background:#101626eb;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;box-shadow:0 18px 60px #0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modalHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modalTitle{font-weight:700}.settingsRow{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}.avatar.lg{width:120px;height:120px;border-width:3px}.settingsText .howdy{margin-bottom:6px;color:var(--muted)}.nameEdit{display:flex;gap:8px;align-items:center}.settingsActions{display:flex;justify-content:flex-end;margin-top:16px}.node.ringOnly{background:transparent!important;color:var(--muted)}.node.ringOnly{box-shadow:0 12px 40px #00000073,inset 0 0 #fff0!important}.headerLeftTools{display:flex;gap:8px}.avatar.ringOnly{background:transparent!important;border-color:var(--accent, #f59e0b)}.hat.sm{width:20px;position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-8deg)}.nightcap{position:absolute;top:-8px;left:50%;transform:translate(-50%);pointer-events:none;color:#94a3b8}.avatar.ringOnly .avatarInitial{color:var(--accent, #f59e0b);text-shadow:0 0 6px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,.8)}.hatLogoBtn{display:grid;place-items:center;width:38px;height:38px;border:none;background:transparent;cursor:pointer}.hatLogoImg{width:26px;transform:rotate(-8deg)}.spaceHeader{display:flex;align-items:center;gap:10px;padding:10px 12px}.userMenu{display:flex;align-items:center;gap:10px}.avatar{position:relative;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.18);display:grid;place-items:center}.avatar.sm{width:36px;height:36px}.avatarInitial.sm{font-size:14px}.avatar.ringOnly{background:transparent!important}.avatar.ringOnly{border-color:var(--accent, #f59e0b)!important}.avatar.ringOnly .avatarInitial{color:var(--accent, #f59e0b);text-shadow:0 0 6px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,.85)}.hat.sm{width:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-8deg)}.iconBtn{width:40px;height:40px;border-radius:9999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;display:grid;place-items:center}.iconBtn:hover{border-color:#ffffff4d}.roomStatusWrap{display:inline-flex;gap:8px;align-items:center}.countdownChip{font-size:12px;padding:2px 8px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e5e7eb}.space.dimmed .spaceMain{filter:blur(2px) brightness(.9);transform:scale(.995);transition:filter .15s ease,transform .15s ease}.miniBubble,.node,.avatar{aspect-ratio:1/1;border-radius:50%!important}.node{overflow:visible}.nightcapImg{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:28px;pointer-events:none;z-index:3}.node .hat.sm{z-index:3}.nightcapImg{width:32px;top:-18px;left:50%;transform:translate(-50%);position:absolute;z-index:3;pointer-events:none}.nightcapImg.sm{width:24px!important;top:-12px!important;left:50%;transform:translate(-50%);position:absolute;z-index:3;pointer-events:none}.nightcapImg{left:52%;filter:drop-shadow(0 0 4px currentColor)}.nightcapImg.sm{left:52%!important;filter:drop-shadow(0 0 3px currentColor)}.node .hat.sm{width:32px;top:-18px;left:50%;transform:translate(-50%) rotate(-8deg);position:absolute;z-index:3}.nightcapImg{width:32px;top:-18px;position:absolute;z-index:3;pointer-events:none}.headerHat{width:24px!important;top:-12px!important;left:50%;transform:translate(-50%) rotate(-8deg);position:absolute;z-index:3}.nightcapImg.sm{width:24px!important;top:-12px!important;position:absolute;z-index:3;pointer-events:none}.node .hat.sm{width:34px;top:-20px;left:46%;transform:translate(-50%) rotate(-8deg);position:absolute;z-index:3}.nightcapImg{width:34px;top:-20px;left:48%;transform:translate(-50%);position:absolute;z-index:3;pointer-events:none}.headerHat{width:26px!important;top:-13px!important;left:46%;transform:translate(-50%) rotate(-8deg);position:absolute;z-index:3}.nightcapImg.sm{width:26px!important;top:-13px!important;left:48%;transform:translate(-50%);position:absolute;z-index:3;pointer-events:none}.node,.avatar{overflow:visible}.node.you.ringOnly{background:transparent!important;border-color:var(--accent, #f59e0b)!important}.node.you.ringOnly .nodeInitial{color:var(--accent, #f59e0b);text-shadow:none}.node .hat.sm{width:34px;top:-20px;left:46%;transform:translate(-50%) rotate(-8deg);position:absolute;z-index:3;pointer-events:none}.nightcapImg{width:34px;top:-20px;left:53%;transform:translate(-50%);position:absolute;z-index:3;pointer-events:none;filter:none!important}.headerHat{width:26px!important;top:-13px!important;left:46%;transform:translate(-50%) rotate(-8deg);position:absolute;z-index:3;pointer-events:none}.nightcapImg.sm{width:26px!important;top:-13px!important;left:53%!important;transform:translate(-50%);position:absolute;z-index:3;pointer-events:none;filter:none!important}.badge.rodeo{background:#f59e0b26;border:1px solid rgba(245,158,11,.35)}.badge.campfire{background:#ef444426;border:1px solid rgba(239,68,68,.35)}.badge.outpost{background:#3b82f626;border:1px solid rgba(59,130,246,.35)}.badge.ghost{background:#94a3b826;border:1px solid rgba(148,163,184,.35)}.settingsHero{display:grid;place-items:center;gap:12px;margin-top:6px;margin-bottom:10px}.avatar.lg{width:112px;height:112px;border-radius:50%;border:2px solid rgba(255,255,255,.18);position:relative;display:grid;place-items:center;overflow:visible}.avatarInitial.lg{font-size:36px;font-weight:800;line-height:1}.hat.lg{width:50px;position:absolute;top:-22px;left:46%;transform:translate(-50%) rotate(-8deg);pointer-events:none}.chipToggle{font-weight:600;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;padding:6px 12px;border-radius:999px;transition:.15s ease}.swatches.grid4{display:grid;grid-template-columns:repeat(4,28px);gap:10px;align-items:center}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.18)}.settingsBody{display:flex;flex-direction:column;gap:12px}.spaceHeader .youName{color:#d1d5db}.settingsCard{max-width:680px}.settingsHero{display:grid;place-items:center;gap:12px;margin-top:6px;margin-bottom:6px}.avatar.lg{width:124px;height:124px;border-radius:50%;border:2px solid rgba(255,255,255,.18);position:relative;display:grid;place-items:center;overflow:visible}.avatarInitial.lg{font-size:34px;font-weight:800;line-height:1}.hat.lg{width:56px;position:absolute;top:-24px;left:46%;transform:translate(-50%) rotate(-8deg);pointer-events:none}.settingsBody.centered{display:flex;flex-direction:column;gap:18px;align-items:center}.fieldGroup{width:100%;max-width:560px;display:grid;justify-items:center;gap:10px}.fieldTitle{font-size:13px;letter-spacing:.02em;opacity:.8}.centerInput{max-width:560px;text-align:center}.swatches.gridCenter{display:grid;grid-template-columns:repeat(7,30px);gap:12px;justify-content:center}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.18)}.swatch.selected{outline:2px solid rgba(255,255,255,.45)}.chipToggle{font-weight:700;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;padding:6px 12px;border-radius:999px;transition:.15s ease}.chipToggle.on{background:#f59e0b2e;border-color:#f59e0b73}.settingsActions{display:flex;justify-content:center;margin-top:6px}.userMenu .avatar.sm{cursor:pointer}.miniControls{display:flex;gap:8px;margin:8px 0 2px;justify-content:flex-end}.youNameAccent{font-weight:700}.miniPeople .miniBubble{width:28px;height:28px;border-radius:9999px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.18);margin-right:6px}.miniPeople .miniBubble.ringOnly{background:transparent}.spaceHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.leftGroup,.rightGroup{display:flex;align-items:center;gap:12px}.youNameBlock{white-space:nowrap}.userMenu .avatar.sm,.leftGroup .avatar.sm{cursor:pointer}.shoutOverlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;padding:24px;gap:8px}.shoutText{font-size:28px;font-weight:800;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.3)}.shoutText a{text-decoration:underline}.shoutMeta{font-size:12px;opacity:.75}.roomShoutText{font-weight:600}.controlDock{position:fixed;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:12px;padding:10px 14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.controlDock .iconBtn{position:static}.ledgerDrawer{position:fixed;right:0;top:0;height:100vh;width:360px;background:#0a0e16f5;border-left:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column}.ledgerHead{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.ledgerTitle{font-weight:700}.ledgerBody{padding:10px;overflow:auto;display:flex;flex-direction:column;gap:10px}.ledgerRow{display:flex;gap:10px;align-items:flex-start}.ledgerText{display:flex;flex-direction:column}.ledgerLine{font-weight:700}.ledgerMeta{font-size:12px;opacity:.75}.ledgerEmpty{opacity:.7;padding:12px}.shoutRow{display:flex;align-items:center;gap:8px}.roomShout{margin:8px 0 0;padding:6px 10px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roomShoutUser{font-weight:600;opacity:.85;margin-right:6px}.shoutCountdown{margin-left:auto;font-size:12px;opacity:.8;padding:2px 6px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.roomShoutText a{text-decoration:underline}.miniShoutRow{display:flex;align-items:center;gap:8px;margin-top:8px}.miniShoutInput{flex:1}.settingsCard{max-width:720px}.settingsHero{display:grid;place-items:center;gap:10px;margin:6px 0 8px}.avatar.lg{width:148px;height:148px;border-radius:9999px;border:2px solid rgba(255,255,255,.18);position:relative;display:grid;place-items:center;overflow:visible}.avatarInitial.lg{font-size:44px;font-weight:800;line-height:1}.hat.lg{width:92px;position:absolute;top:-36px;left:52%;transform:translate(-50%) rotate(-8deg);pointer-events:none}.settingsBody.centered{display:flex;flex-direction:column;gap:18px;align-items:center;padding:0 8px 12px}.fieldGroup{width:100%;max-width:600px;display:grid;justify-items:center;gap:10px}.fieldTitle{font-size:13px;letter-spacing:.02em;opacity:.85}.centerInput{text-align:center;max-width:600px}.swatches.grid4{display:grid;grid-template-columns:repeat(4,34px);gap:12px;justify-content:center}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.18);cursor:pointer}.chipToggle{font-weight:700;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;padding:8px 14px;border-radius:9999px;transition:.15s ease}.chipToggle.on{background:#f59e0b3d;border-color:#f59e0b8c;box-shadow:0 0 0 1px #f59e0b59 inset}.button.xl{width:100%;max-width:600px;font-size:16px;padding:14px 0}.modalOverlay.blur{position:fixed;inset:0;background:#060a1073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:50}.modal.newLobbyCard{width:min(720px,92vw);border-radius:16px;background:#0d121cf5;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 40px #0006;display:flex;flex-direction:column}.newLobbyHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.newLobbyTitle{font-weight:800}.newLobbyBody{padding:16px;display:flex;flex-direction:column;gap:12px}.newLobbyFoot{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}.newLobbyGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.newLobbyOption{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);text-align:left}.newLobbyOption.selected{outline:2px solid rgba(255,255,255,.35)}.optEmoji{font-size:22px;line-height:1}.optText{display:flex;flex-direction:column}.optLabel{font-weight:700}.optDesc{font-size:12px;opacity:.8}.modalOverlay.blur{position:fixed;inset:0;background:#060a1094;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:50}.swatches.grid4x2{display:grid;grid-template-columns:repeat(4,36px);gap:14px;justify-content:center}.swatch{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.18);cursor:pointer}.swatch.selected{outline:2px solid rgba(255,255,255,.5)}.swatch.rainbow{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hat.lg{width:108px;top:-42px;left:52%;transform:translate(-50%) rotate(-8deg)}.hoedownToggle{font-weight:800;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffb02e,#f59e0b);color:#111;box-shadow:0 2px 10px #00000040}.hoedownToggle.off{background:#ffffff14;color:#fff}.confetti{position:fixed;pointer-events:none;z-index:60;font-size:18px;animation:fall 1.2s ease-out forwards}@keyframes fall{0%{transform:translateY(-20px) rotate(0)}to{transform:translateY(140px) rotate(40deg);opacity:0}}.youNamePeriod{margin-left:2px;opacity:.9}.brandTitle{margin-left:8px;font-weight:800;opacity:.92}.rightGroup{display:flex;align-items:center}.landingWrap{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(1200px 800px at 50% 0%,rgba(255,255,255,.04),transparent),#060a10bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:60}.landingCard{width:min(540px,92vw);padding:28px;border-radius:16px;background:#0d121cf5;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;align-items:center;gap:10px}.landingHat img{width:96px;display:block}.landingTitle{font-size:40px;font-weight:900;letter-spacing:.5px}.landingSubtitle{opacity:.85;margin-bottom:8px}.landingBtns{display:flex;gap:10px}.brandWordmark{height:22px;display:block;object-fit:contain}.confetti.cowboy{position:fixed;z-index:70;pointer-events:none;font-size:22px;animation:cowboyFall 1.9s ease-out forwards}@keyframes cowboyFall{0%{transform:translate3d(0,-10px,0) rotate(0);opacity:1}60%{transform:translate3d(20px,160px,0) rotate(30deg);opacity:.95}to{transform:translate3d(-10px,260px,0) rotate(55deg);opacity:0}}.modalOverlay.blur{background:#060a109e;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:veilIn .18s ease both}@keyframes veilIn{0%{opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{opacity:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}}.miniBubble span,.chip .initial,.memberBubble span{letter-spacing:.4px}.newLobbyOption{color:#fff}.newLobbyOption .optDesc{opacity:.92}.newLobbyOption.selected{outline:2px solid rgba(255,255,255,.5)}.brandWordmark{height:22px;display:block;object-fit:contain;cursor:pointer}.roomMode.badge.saloon{color:#f59e0b}.roomMode.badge.speakeasy{color:#93c5fd}.badge.saloon{background:#f59e0b26;border:1px solid rgba(245,158,11,.35)}.badge.speakeasy{background:#3b82f626;border:1px solid rgba(59,130,246,.35)}.selfAvatarFixed{all:unset;position:fixed;top:14px;right:14px;z-index:80;width:40px;height:40px;border-radius:9999px;box-shadow:0 2px 10px #00000059;background:#ffffff14;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;cursor:pointer}.selfAvatarFixed .inner{display:grid;place-items:center;width:34px;height:34px;border-radius:9999px;font-weight:800;letter-spacing:.02em;color:#111;border:2px solid rgba(0,0,0,.25);-webkit-user-select:none;user-select:none}@media (max-width: 480px){.selfAvatarFixed{top:10px;right:10px;width:36px;height:36px}.selfAvatarFixed .inner{width:30px;height:30px;font-size:12px}}.selfAvatarFixed{position:fixed;top:8px;right:8px;z-index:80;width:36px;height:36px;border-radius:50%;padding:0;box-shadow:0 1px 3px #0006;background:transparent;border:none;display:flex;align-items:center;justify-content:center}.selfAvatarFixed .inner{width:28px;height:28px;border-radius:50%;font-size:12px;font-weight:700;color:#111;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.25)}.headerBar,.headerBar *{overflow:visible}.avatarBtn{position:relative;inline-size:auto;block-size:auto;background:transparent;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center}.avatarWrap{--avatar-size: clamp(28px, 6.4vw, 40px);--ring: 2px;position:relative;inline-size:calc(var(--avatar-size) + var(--ring)*4);block-size:calc(var(--avatar-size) + var(--ring)*4)}.avatarRing{position:absolute;inset:var(--ring);border-radius:999px;background:radial-gradient(100% 100% at 50% 50%,#ffffff0f,#fff0 60%);box-shadow:0 0 0 var(--ring) #11141de6,0 0 0 calc(var(--ring)*2) #f5ab1f2e}.avatarCircle{position:absolute;inset:calc(var(--ring)*2);border-radius:999px;box-shadow:inset 0 0 0 1px #00000040,0 1px 3px #00000040;display:grid;place-items:center;color:#1a1a1a;font-weight:800;font-size:calc(var(--avatar-size) * .42);letter-spacing:.5px}.avatarText{transform:translateY(1px)}.avatarHat{position:absolute;left:50%;top:calc(-1 * var(--avatar-size) * .35);transform:translate(-50%) rotate(-6deg);pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}@media (max-width: 760px),(max-height: 760px){.avatarWrap{--avatar-size: clamp(26px, 7.2vw, 34px)}.avatarHat{top:calc(-1 * var(--avatar-size) * .3);transform:translate(-50%) rotate(-4deg)}}.modalOverlay.blur{background:#060a10d1;-webkit-backdrop-filter:saturate(160%) blur(18px);backdrop-filter:saturate(160%) blur(18px)}@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.modalOverlay.blur{background:#060a10eb}}[role=dialog][aria-label=Settings],.modalOverlay.blur[aria-label=Settings]{background:#060a10d1!important;-webkit-backdrop-filter:saturate(160%) blur(18px)!important;backdrop-filter:saturate(160%) blur(18px)!important}