:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--green:#0b7f42;--green-deep:#065e2e;--green-bright:#13c76a;--ink:#0f1115;--ink-soft:#28313d;--blue:#1677ff;--red:#ff4b2e;--gold:#ffc83d;--paper:#fff;--paper-soft:#f0f2f5b3;--container-white:#ffffffb3;--matte-white:#f4f6f7;--matte-green:#13bd69;--matte-green-deep:#08713d;--matte-blue:#1977ee;--matte-blue-deep:#0b4ab7;--line:#08221824;--shadow:0 18px 50px #0000004d;--neumo-surface:#11211b;--toggle-surface:#e8ecf0b3;--panel-surface:#f6f8fab3;--stadium-image:url(/assets/brand/background-stadium2.png);--soft-shadow:0 12px 28px #00000029;--neumo-white:inset 2px 2px 5px #ffffffeb, inset -4px -5px 10px #bac7cd4d, 7px 9px 18px #0f11151f, -4px -4px 10px #ffffffbd;--neumo-white-pressed:inset 5px 5px 12px #acb9c05c, inset -5px -5px 10px #ffffffe0;--neumo-raised:inset 1px 1px 2px #ffffff29, inset -4px -5px 10px #00000061, 6px 7px 14px #00000057;--neumo-pressed:inset 5px 5px 11px #0000006b, inset -2px -2px 6px #ffffff14;--toggle-raised:3px 3px 7px #0f111533, -2px -2px 5px #ffffffdb;--toggle-inset:inset 5px 5px 10px #acb9c07a, inset -5px -5px 10px #ffffffe6;--neumo-green:inset 2px 2px 5px #ffffff47, inset -5px -7px 12px #0249276b, 7px 9px 16px #00000047, -2px -2px 7px #ffffff1a;--neumo-green-pressed:inset 5px 5px 11px #03311b85, inset -2px -2px 5px #ffffff1f;--neumo-blue:inset 2px 2px 5px #ffffff42, inset -5px -7px 12px #03235b70, 7px 9px 16px #00000047, -2px -2px 7px #ffffff17;--neumo-blue-pressed:inset 5px 5px 11px #031c508a, inset -2px -2px 5px #ffffff1c;--neumo-panel-inset:inset 1px 1px 3px #ffffffe6, inset -2px -3px 7px #b8c6cd33, 0 10px 22px #00000024;--radius-lg:16px;--radius-md:14px;--radius-sm:10px;--screen-pad-x:16px;--screen-gap:12px;--nav-height:86px;--type-caption:.6875rem;--type-meta:.75rem;--type-body:.875rem;--type-action:.9375rem;--type-section:.9375rem;--type-home-title:1.5rem;--type-screen-title:2rem;--type-profile-title:2.0625rem;--leading-tight:1.06;--leading-heading:1.12;--leading-ui:1.22;--leading-copy:1.35;color:var(--paper);background:#07130f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root,.app-shell,.phone-frame,.modal-card,.sticker-rail,.stats-strip{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}#root::-webkit-scrollbar{width:0;height:0;display:none}.app-shell::-webkit-scrollbar{width:0;height:0;display:none}.phone-frame::-webkit-scrollbar{width:0;height:0;display:none}.modal-card::-webkit-scrollbar{width:0;height:0;display:none}.sticker-rail::-webkit-scrollbar{width:0;height:0;display:none}.stats-strip::-webkit-scrollbar{width:0;height:0;display:none}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 10%,#13c76a3d,#0000 26rem),radial-gradient(circle at 85% 20%,#1677ff33,#0000 24rem),linear-gradient(135deg,#06100c 0%,#07130f 48%,#122016 100%);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus{outline:none}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #13c76ac7}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}.app-shell{isolation:isolate;background:radial-gradient(circle at 12% 10%,#13c76a1f,#0000 26rem),linear-gradient(135deg,#06100c 0%,#07130f 48%,#122016 100%);min-height:100vh;padding:20px;position:relative}.stadium-bg{z-index:0;pointer-events:none;background:linear-gradient(180deg, #01090f0a 0%, #030d1047 34%, #040e0b99 100%), var(--stadium-image) center top / cover no-repeat;width:min(430px,100vw);height:100dvh;position:fixed;top:0;left:50%;translate:-50%}.stadium-bg:before,.stadium-bg:after{content:none}.phone-frame{width:min(430px,100%);min-height:calc(100vh - 40px);box-shadow:var(--shadow);background:#030b0d;border:1px solid #ffffff1f;border-radius:28px;margin:0 auto;position:relative;overflow:hidden}.phone-frame>:not(.stadium-bg):not(.bottom-nav){z-index:1;position:relative}.app-header{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#01080c9e,#01080c14);justify-content:center;align-items:center;padding:7px 16px 2px;display:flex;position:sticky;top:0}.brand-lockup{isolation:isolate;justify-content:center;align-items:center;gap:0;width:min(320px,86vw);min-width:0;min-height:58px;display:flex;position:relative}.brand-aurora{z-index:1;pointer-events:none;opacity:.9;mix-blend-mode:screen;filter:saturate(1.28)blur(.2px)drop-shadow(0 0 14px #27ff8c38);width:min(560px,128vw);height:90px;display:block;position:absolute;top:-16px;left:50%;overflow:hidden;transform:translate(-50%)}.aurora-container{background:0 0}.aurora-container canvas{width:100%;height:100%;display:block}.brand-aurora.aurora-fallback:before{content:"";clip-path:polygon(0 52%,18% 42%,36% 50%,50% 34%,66% 50%,84% 42%,100% 52%,100% 78%,82% 64%,64% 72%,50% 58%,36% 72%,18% 64%,0 78%);filter:blur(5px)drop-shadow(0 0 18px #27ff8c57);opacity:.68;background:radial-gradient(#50ffa770,#50ffa71f 30%,#0000 56%),linear-gradient(90deg,#0000 8%,#27ff8c38 18%,#8effdaa8 50%,#5227ff47 82%,#0000 94%);position:absolute;inset:18px 0}.brand-mark-image{object-fit:contain;object-position:center;filter:drop-shadow(0 3px 5px #0000006b)drop-shadow(0 0 12px #32ff9447);z-index:3;flex:none;width:130px;height:45px;display:block;position:relative}.header-actions{align-items:center;gap:8px;display:flex}.icon-button,.avatar-button{appearance:none;color:var(--paper);width:44px;height:44px;box-shadow:var(--neumo-raised);background:linear-gradient(145deg,#192f27f5,#071512fa);border:1px solid #ffffff1f;border-radius:16px;place-items:center;transition:box-shadow .14s,transform .14s;display:grid;position:relative}.icon-button:active,.avatar-button:active{box-shadow:var(--neumo-pressed);transform:translateY(2px)scale(.98)}.icon-button i{background:var(--red);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.avatar-button{background:radial-gradient(circle at 50% 35%,#fff,#dfe8e2 72%);border-radius:50%;padding:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.brand-aurora{mix-blend-mode:normal;opacity:.68}.brand-aurora canvas{display:none}}.reduce-motion .brand-aurora{mix-blend-mode:normal;opacity:.68}.screen-stack{padding:0 var(--screen-pad-x) calc(var(--nav-height) + 36px)}.tab-matches .screen-stack,.tab-profile .screen-stack{padding-top:12px}.screen{gap:var(--screen-gap);min-width:0;animation:.26s ease-out screen-in;display:grid}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel,.match-hero{border-radius:var(--radius-lg);min-width:0;color:var(--ink);background:var(--panel-surface);box-shadow:var(--neumo-panel-inset);border:1px solid #ffffffb8}.panel{padding:14px 16px}.profile-screen .panel{background:#f6f8fad6;border-color:#ffffffd1}.room-screen .panel{background:#f6f8faf5;border-color:#ffffffd1}.screen-heading,.profile-hero,.roar-top,.room-hero{color:#fff;text-align:center;min-width:0;box-shadow:none;background:0 0;border:0;padding:2px 0 4px}.room-hero{min-height:auto;padding-right:0;position:relative}.room-hero h1,.room-hero p,.room-hero button{z-index:2;position:relative}.mascot-heading{isolation:isolate;justify-items:center;gap:5px;display:grid;position:relative;overflow:visible}.mascot-heading h1,.mascot-heading p,.mascot-heading button,.mascot-heading-copy{z-index:3;position:relative}.mascot-heading-matches{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:2px;margin-bottom:-2px;padding-top:0}.mascot-heading-copy{text-align:center;min-width:0}.mascot-heading-matches p{max-width:270px}.matches-heading{justify-self:center;width:min(330px,100%);margin-bottom:2px;padding:0 8px 8px;display:grid}.matches-title-row{justify-content:center;align-items:center;gap:9px;min-width:0;display:inline-flex}.matches-ball-image{object-fit:contain;pointer-events:none;filter:drop-shadow(0 9px 12px #0000006b)drop-shadow(0 0 10px #fff3);flex:none;width:46px;height:46px;transform:rotate(-9deg)}.section-title{text-align:center;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-title h2{color:var(--ink);font-size:var(--type-section);font-weight:950;line-height:var(--leading-ui);flex:0 auto;margin:0}.match-hero{text-align:center;isolation:isolate;-webkit-backdrop-filter:blur(7px)saturate(1.14);backdrop-filter:blur(7px)saturate(1.14);background:linear-gradient(#ffffff1f,#f2f6f80d),#f6f8fa12;align-content:start;gap:13px;padding:15px 16px 16px;display:grid;position:relative;overflow:hidden}.home-screen .panel{background:#f6f8fa99}.home-screen .provider-row,.home-screen .team-badge,.home-screen .countdown-pill{background:#fff9}.hero-lights{display:none}.match-status,.match-meta,.countdown-pill,.versus-card,.pick-helper,.pick-grid{z-index:3;position:relative}.match-status{background:var(--green);color:#fff;font-size:var(--type-meta);text-transform:uppercase;border-radius:999px;justify-self:center;align-items:center;gap:6px;padding:7px 12px;font-weight:900;line-height:1;display:inline-flex;box-shadow:inset 1px 1px 2px #ffffff3d,inset -3px -4px 7px #02492752,0 6px 12px #00000029}.match-hero h1{z-index:3;font-size:var(--type-home-title);line-height:var(--leading-heading);color:#fffffff2;white-space:nowrap;text-wrap:balance;text-shadow:0 2px 8px #00000094;justify-self:center;margin:2px 0 0;font-style:italic;font-weight:950;position:relative}.match-hero h1 span{color:#20e879;text-shadow:0 2px 8px #0000009e}.versus-card{grid-template-columns:1fr 48px 1fr;align-items:center;gap:10px;display:grid}.versus-card>strong{color:#fff;text-shadow:0 2px 5px #0006;background:radial-gradient(circle at 38% 28%,#ffffff2e,#0000 36%),linear-gradient(145deg,#14231e,#07110f 72%);border:1px solid #13c76a5c;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 1px 1px 2px #ffffff24,inset -4px -5px 8px #00000057,0 8px 16px #0000003d}.team-badge{border-radius:var(--radius-md);background:var(--container-white);min-height:116px;color:var(--ink);font:inherit;text-align:center;box-shadow:var(--shadow-soft);border:0;place-items:center;gap:4px;padding:14px 8px;display:grid;position:relative}.team-badge.is-active{box-shadow:var(--shadow-soft), 0 0 0 5px #13c76a1f, 0 10px 24px #13c76a2e;outline:3px solid #13c76ac7}.team-badge.is-pickable{cursor:pointer;will-change:transform;transition:transform .14s,box-shadow .14s,filter .14s}.team-badge.is-pickable:focus-visible{outline-offset:3px;outline:3px solid #ffffffe6}.team-badge.is-pickable:active{filter:saturate(.96);transform:translateY(2px)scale(.985);box-shadow:inset 4px 5px 12px #08221829,inset -2px -2px 5px #ffffffa3,0 5px 12px #00000024}.team-selected-check{color:#fff;opacity:0;background:linear-gradient(145deg,#21de7b,#08743e);border-radius:50%;place-items:center;width:27px;height:27px;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:8px;right:8px;transform:scale(.82);box-shadow:inset 1px 1px 2px #ffffff52,0 5px 10px #0000002e}.team-badge.is-active .team-selected-check{opacity:1;transform:scale(1)}.team-badge strong{font-size:24px;font-weight:950;line-height:1}.team-badge small{color:#0f1115ad;font-size:var(--type-meta);font-weight:800;line-height:var(--leading-ui)}.pick-helper{color:#ffffffdb;font-size:12px;font-weight:900;line-height:var(--leading-tight);text-shadow:0 2px 6px #00000080;margin:-4px 0 -2px}.match-meta{color:#ffffffeb;font-size:12.5px;font-weight:820;line-height:var(--leading-copy);text-shadow:0 2px 7px #00000094;justify-items:center;gap:4px;margin:0;display:grid}.countdown-pill{background:var(--container-white);width:fit-content;color:var(--green);border-radius:999px;place-items:center;margin:0 auto;padding:10px 28px;display:grid}.countdown-pill strong{font-size:24px;font-weight:950;line-height:1}.countdown-pill span{color:var(--ink-soft);text-transform:uppercase;font-size:10.5px;font-weight:850;line-height:var(--leading-tight)}.pick-grid,.quick-actions{gap:10px;display:grid}.quick-actions{grid-template-columns:minmax(0,1fr);align-items:stretch}.pick-grid{margin-top:0}.team-pick,.primary-action,.ghost-action,.share-button{min-height:52px;font-size:var(--type-action);letter-spacing:0;font-weight:950;line-height:var(--leading-tight);will-change:transform;border:0;border-radius:18px;justify-content:center;align-items:center;gap:7px;padding:11px 12px;transition:transform .14s,box-shadow .14s,filter .14s,background .14s;display:inline-flex}.primary-action,.ghost-action,.share-button{white-space:nowrap}.team-pick{white-space:nowrap;padding-inline:10px;font-size:.875rem}.team-pick,.primary-action{color:#fff;background:linear-gradient(145deg, #1de483 0%, var(--matte-green) 48%, var(--matte-green-deep) 100%);box-shadow:var(--neumo-green);text-shadow:0 2px 4px #00000038}.primary-action.roar-action{background:radial-gradient(circle at 22% 18%,#ffffff57,#0000 30%),linear-gradient(145deg,#ffb13d 0%,#ff5a2f 45%,#bd1e12 100%);box-shadow:inset 2px 2px 5px #ffffff52,inset -5px -7px 12px #6407026b,0 12px 22px #b41c0b57,0 0 0 1px #ffffff1a}.team-pick.is-away{background:linear-gradient(145deg, #2d92ff 0%, var(--matte-blue) 48%, var(--matte-blue-deep) 100%);box-shadow:var(--neumo-blue)}.team-pick:not(.is-active){filter:saturate(.95);opacity:.96}.team-pick.is-active{outline-offset:-2px;outline:2px solid #ffffffb8}.ghost-action{border:1px solid var(--line);color:var(--green-deep);background:linear-gradient(145deg, #fff 0%, var(--matte-white) 48%, #dfe5e9 100%);box-shadow:var(--neumo-white)}.action-copy{text-align:left;gap:2px;min-width:0;display:grid}.action-copy strong,.action-copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.action-copy strong{font-size:var(--type-action);line-height:var(--leading-tight)}.action-copy small{color:#07562ebd;font-size:10.5px;font-weight:850;line-height:var(--leading-tight)}.primary-action .action-copy small,.share-button .action-copy small{color:#ffffffd1}.primary-action.room-start-action{background:radial-gradient(circle at 22% 18%, #ffffff40, transparent 30%), linear-gradient(145deg, #24e986 0%, var(--matte-green) 48%, var(--matte-green-deep) 100%)}.ghost-action.practice-action{color:#a32f16;background:radial-gradient(circle at 18% 18%,#ffffffd1,#0000 34%),linear-gradient(145deg,#ffffffe6,#eff4f4d1);border-color:#ff783e42}.ghost-action.light{color:#fff;box-shadow:var(--neumo-raised);background:linear-gradient(145deg,#1b312ad1,#091613e6);border-color:#fff6}.ghost-action.compact{min-height:42px;font-size:var(--type-meta);line-height:var(--leading-tight);border-radius:14px;padding:9px 12px}.ghost-action.outline{color:var(--green);box-shadow:var(--neumo-white);background:linear-gradient(145deg,#fff,#eef3f1);border:1px solid #0b7f425c;font-weight:900}.team-pick:active,.primary-action:active,.ghost-action:active,.share-button:active,.bottom-nav button:active{filter:saturate(.95);transform:translateY(2px)scale(.985)}.team-pick:active,.primary-action:active{box-shadow:var(--neumo-green-pressed)}.primary-action.roar-action:active{box-shadow:inset 6px 7px 14px #5a09036b,inset -2px -2px 5px #ffffff2e,0 8px 18px #b41c0b40}.team-pick.is-away:active{box-shadow:var(--neumo-blue-pressed)}.ghost-action:active{box-shadow:var(--neumo-white-pressed)}.primary-action.full,.ghost-action.full{width:100%}.provider-list,.match-list{gap:9px;display:grid}.provider-row,.match-row{color:var(--ink);border-radius:var(--radius-sm);background:var(--paper-soft);min-height:64px;box-shadow:var(--neumo-panel-inset);border:1px solid #08221814;align-items:center;text-decoration:none;display:grid}.provider-row{grid-template-columns:1fr auto auto;gap:8px;padding:10px 12px}.provider-row strong,.match-row strong{font-size:14px;display:block}.provider-row small,.match-row small,.friends-panel small{color:#0f111594;font-size:12px;font-weight:720}.live-pill,.claimed-pill{min-height:26px;color:var(--green-deep);background:#13c76a1f;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:950;display:inline-flex}.claimed-pill.is-guest{color:#6b4c00;background:#ffc83d38}.friends-panel{justify-content:space-between;align-items:center;gap:12px;display:flex}.friends-panel strong{font-size:var(--type-action);line-height:var(--leading-ui);display:block}.friends-panel.panel{min-height:64px}.room-entry-panel{align-items:center}.room-entry-panel .ghost-action{flex:none}.avatar-mini{background:linear-gradient(135deg, var(--green), var(--blue));color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:12px;font-weight:950;display:grid}button.avatar-mini{cursor:pointer}button.avatar-mini:focus-visible{outline-offset:2px;outline:2px solid #21f58ad1}.avatar-mini.avatar-profile{background:radial-gradient(circle at 50% 42%,#fffffff5,#13c76a4d 62%,#042a1cf0);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff70,0 5px 10px #00000038}.avatar-mini.avatar-profile img{object-fit:contain;object-position:center;width:38px;height:38px}.avatar-mini.avatar-profile img.custom-avatar-image{object-fit:cover;width:100%;height:100%}.avatar-mini.avatar-profile.tone-1{border-color:#13c76a}.avatar-mini.avatar-profile.tone-2{border-color:#1677ff}.avatar-mini.avatar-profile.tone-3{border-color:#ffc83d}.avatar-mini.avatar-profile.tone-4{border-color:#ff4b2e}.screen-heading h1,.room-hero h1,.profile-title h1{color:#fff;font-size:var(--type-screen-title);line-height:var(--leading-tight);text-wrap:balance;justify-content:center;align-items:center;gap:8px;margin:0;font-style:italic;font-weight:950;display:flex}.screen-heading p,.room-hero p,.profile-title p{color:#ffffffd6;font-size:var(--type-meta);text-transform:uppercase;max-width:320px;font-weight:850;line-height:var(--leading-copy);overflow-wrap:anywhere;margin:7px auto 0}.title-lightning{color:#ffd43d;fill:#ffc83d57;stroke:currentColor;stroke-width:2.7px;transform-origin:50%;filter:drop-shadow(0 0 5px #ffc83de6)drop-shadow(0 0 14px #ffaa1685);animation:1.45s infinite lightning-flicker}@keyframes lightning-flicker{0%,to{opacity:1;transform:translateY(0)rotate(0)scale(1)}12%{opacity:.72;filter:drop-shadow(0 0 2px #ffc83d99)drop-shadow(0 0 8px #ffaa1657);transform:translateY(1px)rotate(-7deg)scale(.94)}17%,44%{opacity:1;filter:drop-shadow(0 0 7px #ffe664)drop-shadow(0 0 18px #ffaa16b8);transform:translateY(-1px)rotate(5deg)scale(1.12)}49%{opacity:.82;transform:translateY(0)rotate(-3deg)scale(.98)}58%{opacity:1;transform:translateY(-1px)rotate(4deg)scale(1.06)}}.room-context-pill{color:#ffffffd1;width:100%;min-height:38px;box-shadow:var(--neumo-raised);font-size:var(--type-meta);background:#04120ead;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin-top:10px;font-weight:900;display:inline-flex}.room-context-pill.is-active{color:#fff;background:linear-gradient(145deg,#095c31e0,#051c14eb);border-color:#13c76a6b}.score-picker{grid-template-columns:52px 1fr 20px 1fr 52px;align-items:center;gap:8px;margin-bottom:12px;display:grid}.team-mini{border-radius:var(--radius-sm);background:var(--paper-soft);min-height:58px;color:var(--ink);box-shadow:var(--neumo-panel-inset);place-items:center;gap:2px;display:grid}.team-mini b{font-size:12px}.score-stepper{border-radius:var(--radius-sm);background:var(--container-white);min-height:112px;box-shadow:var(--neumo-panel-inset);border:1px solid #08221814;grid-template-rows:40px 1fr 40px;place-items:center;display:grid}.score-stepper button{width:44px;height:40px;color:var(--green-deep);box-shadow:var(--neumo-white);background:linear-gradient(145deg,#fff,#edf2f4);border:1px solid #08221814;border-radius:10px;justify-self:center;font-weight:950}.score-stepper button:active{box-shadow:var(--neumo-white-pressed)}.score-stepper strong{font-size:28px;font-weight:950}.sticker-rail{-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(72px,1fr);grid-auto-flow:column;gap:8px;padding-bottom:3px;display:grid;overflow-x:auto}.sticker-card{aspect-ratio:.72;color:#fff;background:radial-gradient(circle at 50% 18%,#fff3,#0000 34%),#07130f;border:0;border-radius:12px;min-height:auto;padding:0;transition:transform .15s,box-shadow .15s,filter .15s;display:block;position:relative;overflow:hidden;box-shadow:inset 2px 2px 4px #fff3,inset -5px -6px 11px #00000057,7px 9px 16px #00000038}.sticker-card:active{filter:saturate(.94);transform:translateY(2px)scale(.98);box-shadow:inset 5px 6px 12px #0000005c,inset -2px -2px 5px #ffffff1f}.sticker-card img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 8px 8px #00000047);width:calc(100% - 6px);height:calc(100% - 27px);display:block;position:absolute;inset:4px 3px 23px}.sticker-card>svg{display:none}.sticker-card>strong,.sticker-card>span{z-index:2;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #0000009e;display:block;position:absolute;left:4px;right:4px;overflow:hidden}.sticker-card>strong{font-size:9px;font-weight:950;line-height:1;bottom:12px}.sticker-card>span{color:#ffffffc7;font-size:7px;font-weight:850;line-height:1;bottom:4px}.sticker-card.green{background:linear-gradient(145deg, var(--green), #042416)}.sticker-card.blue{background:linear-gradient(145deg, var(--blue), #06112c)}.sticker-card.red{background:linear-gradient(145deg, var(--red), #310801)}.sticker-card.gold{color:#160d00;background:linear-gradient(145deg, var(--gold), #fff1ac)}.blast-icon{color:#07130f;background:#ffffffdb;border-radius:50%;place-items:center;width:32px;height:32px;font-size:15px;font-weight:950;display:grid;box-shadow:inset 1px 1px 2px #fffc,inset -3px -4px 8px #a5b5ad52}.blast-wobble{background:radial-gradient(circle at 30% 18%,#ffffff42,#0000 34%),linear-gradient(145deg,#168d52,#062416)}.blast-puff,.blast-tickle{background:radial-gradient(circle at 30% 18%,#ffffff42,#0000 34%),linear-gradient(145deg,#ad351e,#250806)}.blast-pop{background:radial-gradient(circle at 30% 18%,#ffffff42,#0000 34%),linear-gradient(145deg,#2378d8,#06132f)}.blast-wave{background:radial-gradient(circle at 30% 18%,#ffffff42,#0000 34%),linear-gradient(145deg,#19c66d,#042719)}.blast-flash,.blast-confetti{background:radial-gradient(circle at 30% 18%,#ffffff57,#0000 34%),linear-gradient(145deg,#ffc83d,#c34a12)}.activity-panel{color:#fff;background:#ffffff14;border-color:#ffffff24}.activity-panel .section-title h2{color:#fff}.activity-row,.leader-row{align-items:center;gap:8px;min-height:42px;display:grid}.activity-row{border-top:1px solid #ffffff14;grid-template-columns:38px 1fr auto;font-size:13px}.room-feed-panel{gap:8px;display:grid}.room-chat-stage{isolation:isolate;min-height:360px;display:grid;position:relative}.room-chat-stage .room-feed-panel{min-height:360px;padding-right:58px;overflow:hidden}.room-feed-log{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-height:272px;max-height:min(54vh,520px);padding-bottom:88px;padding-right:4px;display:grid;overflow-y:auto}.room-feed-log::-webkit-scrollbar{display:none}.room-event{padding:9px 0}.room-event div{min-width:0}.room-event strong{color:#ffffffeb;font-size:12px;line-height:var(--leading-tight);display:block}.room-event span{color:#ffffffc2;overflow-wrap:anywhere;line-height:var(--leading-copy);margin-top:2px;display:block}.room-event.type-sound_reaction{border-top-color:#ffc83d29}.room-event-sticker{object-fit:contain;filter:drop-shadow(0 7px 8px #00000057);justify-self:end;width:46px;height:46px}.room-audio-clip{filter:drop-shadow(0 5px 8px #00000038);width:min(100%,238px);height:32px;margin-top:7px;display:block}.room-audio-muted{color:#ffffff94;margin-top:6px;font-size:11px;font-weight:850;display:inline-flex}.room-blast-replay{color:#fff;min-width:72px;min-height:34px;box-shadow:var(--neumo-raised);background:#04120ec7;border:1px solid #ffffff29;border-radius:999px;justify-content:center;justify-self:end;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:900;display:inline-flex}.room-blast-replay:active{box-shadow:var(--neumo-pressed);transform:translateY(1px)scale(.98)}.room-blast-muted{color:#ffffff8f;justify-self:end;font-size:11px;font-weight:850}.activity-row b{color:var(--green-bright)}.activity-row small{color:#ffffff94}.empty-room-feed{text-align:center;justify-items:center;gap:8px;padding:14px 8px 4px;display:grid}.empty-room-feed strong{color:inherit;font-size:var(--type-action);line-height:var(--leading-ui)}.empty-room-feed small{color:#ffffffad;max-width:260px;font-size:var(--type-meta);font-weight:750;line-height:var(--leading-copy)}.room-hero{align-content:start;gap:8px;display:grid}.room-hero h1{max-width:330px;font-size:27px}.room-hero p{justify-content:center;align-items:center;gap:6px;display:inline-flex}.room-empty-hero{padding:12px 0 6px}.room-active-hero{text-align:left;grid-template-columns:1fr auto;align-items:start;gap:12px;padding:8px 0 2px}.room-active-copy{min-width:0}.room-active-copy h1{text-align:left;justify-content:flex-start;max-width:250px}.room-active-copy p{text-transform:none;justify-content:flex-start;margin-left:0}.room-code-pill{color:#ffffffe0;font-size:var(--type-meta);background:#04120ebd;border:1px solid #ffffff24;border-radius:999px;margin-top:8px;padding:5px 10px;font-weight:900;display:inline-flex}.room-hero-actions{justify-items:end;gap:8px;display:grid}.room-setup-panel{gap:12px;display:grid}.room-setup-note{color:#ffffffbd;font-size:var(--type-body);font-weight:760;line-height:var(--leading-copy);margin:0}.room-field{gap:6px;display:grid}.room-field span{color:#0f1115b8;font-size:var(--type-meta);font-weight:900}.room-field input,.room-composer input{width:100%;min-height:48px;color:var(--ink);box-shadow:var(--neumo-white-pressed);background:#ffffffb8;border:1px solid #0822181f;border-radius:14px;outline:none;padding:0 13px;font-weight:850}.room-field input:focus,.room-composer input:focus{box-shadow:var(--neumo-white-pressed), 0 0 0 3px #13c76a29;border-color:#13c76ab3}.room-composer-panel{gap:9px;display:grid}.room-status-panel{gap:12px;display:grid}.room-status-panel .section-title{margin-bottom:-2px}.room-leaderboard-preview{border-top:1px solid #ffffff1f;gap:6px;padding-top:8px;display:grid}.room-leaderboard-preview h3{color:#ffffffd1;font-size:var(--type-meta);font-weight:950;line-height:var(--leading-ui);text-transform:uppercase;margin:0}.room-composer{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;display:grid;position:relative}.room-image-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.room-image-picker{z-index:40;background:#04120eeb;border:1px solid #ffffff29;border-radius:14px;gap:6px;min-width:164px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 32px #0000004d}.room-image-picker-action{color:#fff;min-height:36px;font-size:var(--type-caption);text-align:left;background:#ffffff14;border:0;border-radius:10px;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:7px 10px;font-weight:900;display:grid}.room-image-picker-action:active{transform:translateY(1px)}.icon-send-button,.icon-photo-button{border:0;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.icon-send-button{color:#fff;background:linear-gradient(145deg, #1de483, var(--matte-green), var(--matte-green-deep));box-shadow:var(--neumo-green)}.icon-photo-button{color:#fff;box-shadow:var(--neumo-raised);background:#04120ebd;border:1px solid #ffffff24}.icon-photo-button:disabled{opacity:.45}.reaction-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.reaction-row button{min-height:38px;box-shadow:var(--neumo-white);background:linear-gradient(145deg,#fff,#edf2f4);border:1px solid #0822181f;border-radius:14px;font-size:20px}.room-hero-party{text-align:left;grid-template-columns:150px minmax(0,210px);justify-content:center;justify-self:center;place-items:start;column-gap:10px;width:min(370px,100%);min-height:176px;padding:0 0 4px;transform:translate(8px)}.room-hero-copy{z-index:3;min-width:0;padding-top:2px;position:relative}.room-hero-copy h1{text-align:left;justify-content:flex-start}.room-hero-copy p{justify-content:flex-start;margin-left:0}.room-hero-party .ghost-action{grid-column:2;justify-self:start;margin-top:4px}.leader-row{border-radius:14px;grid-template-columns:32px 36px 1fr auto;padding:8px}.leader-row span{background:var(--paper-soft);width:30px;height:30px;color:var(--ink);border-radius:50%;place-items:center;font-weight:950;display:grid}.leader-row:first-of-type span{background:var(--gold)}.leader-row.is-you{background:#13c76a1f}.leader-row b{font-size:15px}.battle-summary{color:#fff;background:radial-gradient(circle at 86% 16%, #13c76a5c, transparent 8rem), linear-gradient(135deg, var(--green-deep), var(--ink));min-height:142px;position:relative;overflow:hidden}.battle-summary h2{color:#fff;max-width:230px;margin:4px 0 18px;font-size:29px;font-style:italic;line-height:1.05}.share-button{color:#fff;background:linear-gradient(145deg, #2d92ff 0%, var(--matte-blue) 48%, var(--matte-blue-deep) 100%);box-shadow:var(--neumo-blue)}.profile-hero{text-align:center;place-items:center;display:grid}.profile-title{min-width:0}.profile-title h1{font-size:var(--type-profile-title)}.profile-card{grid-template-columns:126px 1fr;align-items:start;gap:12px;display:grid}.profile-avatar{isolation:isolate;place-items:center;width:126px;min-height:132px;display:grid;position:relative;overflow:visible}.profile-avatar:before{content:none;width:100px;height:100px;box-shadow:var(--shadow-soft);background:radial-gradient(circle at 50% 38%,#ffffffe6,#d6e8ddb8 64%,#0000 66%);border-radius:50%;position:absolute;bottom:8px;left:50%;translate:-50%}.profile-avatar button{z-index:3;background:linear-gradient(145deg, #1de483, var(--green), var(--green-deep));color:#fff;width:44px;height:44px;box-shadow:var(--neumo-green);border:2px solid #ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:2px;right:0}.profile-info h2{font-size:25px;line-height:var(--leading-tight);text-wrap:balance;align-items:center;gap:6px;margin:0 0 8px;font-style:italic;font-weight:950;display:flex}.profile-name-row{grid-template-columns:minmax(0,1fr) 38px;align-items:start;gap:8px;display:grid}.profile-name-row h2{min-width:0}.profile-name-edit-button{width:38px;height:38px;color:var(--green);box-shadow:var(--neumo-white);background:linear-gradient(145deg,#fff,#eef3f1);border:1px solid #0b7f423d;border-radius:14px;place-items:center;display:grid}.profile-name-editor{gap:8px;margin-bottom:2px;display:grid}.profile-name-editor input{width:100%;min-height:44px;color:var(--ink);font-size:var(--type-body);font-weight:900;line-height:var(--leading-ui);background:#ffffffeb;border:1px solid #0822181f;border-radius:14px;padding:9px 11px}.profile-name-editor input[aria-invalid=true]{border-color:#ff6e6eb8;outline:2px solid #ff6e6e2e}.profile-name-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.profile-name-actions .primary-action,.profile-name-actions .ghost-action{min-height:38px;font-size:var(--type-meta);border-radius:14px;padding:8px 10px}.profile-info .claimed-pill{margin-bottom:10px}.profile-status-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.profile-status-row .claimed-pill{margin-bottom:0}.profile-status-row .ghost-action{border-radius:999px;min-height:32px;padding:6px 9px}.profile-info h2 svg{color:var(--green)}.favorite-side{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:64px 1fr;align-items:center;gap:10px;min-height:66px;margin:12px 0;display:grid}.favorite-side strong{font-size:var(--type-body);line-height:var(--leading-ui);display:block}.favorite-side small{color:#0f1115b3;font-size:var(--type-caption);text-transform:uppercase;font-weight:850;line-height:var(--leading-tight)}.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;display:grid}.stat{text-align:center;border-right:1px solid var(--line);grid-template-rows:22px minmax(30px,auto);align-content:start;place-items:start center;gap:4px;min-height:76px;padding:12px 4px 8px;display:grid}.stat:last-child{border-right:0}.stat svg{color:var(--green);width:22px;height:22px}.stat strong{align-self:start;font-size:19px;line-height:1}.stat span{color:#0f1115c2;font-size:10px;font-weight:800;line-height:var(--leading-heading);align-self:start;max-width:100%}.tier-card{grid-template-columns:96px 1fr;align-items:center;gap:10px 12px;display:grid;position:relative;overflow:hidden}.tier-body{z-index:2;min-width:0;padding-right:56px;position:relative}.tier-orb{width:98px;height:98px;color:var(--green-bright);background:#052012;border:2px solid #13c76a8c;border-radius:50%;place-items:center;display:grid}.tier-art-orb{background:radial-gradient(circle at 50% 42%,#2fff8452,#0000 58%),#04140c;overflow:hidden;box-shadow:inset 3px 4px 8px #ffffff29,inset -6px -7px 12px #00000070,0 9px 18px #05522a47}.tier-art-orb img{object-fit:cover;width:108%;height:108%;display:block}.tier-celebration-mascot{z-index:1;object-fit:contain;opacity:.9;pointer-events:none;filter:drop-shadow(0 10px 12px #00000042);width:112px;height:112px;position:absolute;top:2px;right:-12px}.tier-card h2{color:var(--green);font-size:clamp(22px,6vw,27px);line-height:var(--leading-tight);white-space:nowrap;margin:0;font-style:italic;font-weight:950}.tier-card p{color:var(--ink-soft);font-size:13px;font-weight:740;line-height:var(--leading-ui);margin:3px 0 14px}.tier-track{--tier-dot-size:10px;--tier-dot-radius:5px;grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.tier-track:before,.tier-track:after{content:"";top:var(--tier-dot-radius);left:calc(12.5% + var(--tier-dot-radius));right:calc(12.5% + var(--tier-dot-radius));pointer-events:none;border-radius:999px;height:2px;position:absolute}.tier-track:before{background:#ffffff57;box-shadow:0 0 0 1px #0822181f}.tier-track:after{width:var(--tier-progress,0%);background:var(--green-bright);right:auto;box-shadow:0 0 8px #21f58a61}.tier-track span{z-index:1;color:#0f1115c2;text-align:center;font-size:clamp(6.4px,1.85vw,8px);font-weight:850;line-height:var(--leading-tight);letter-spacing:0;white-space:nowrap;padding-top:16px;position:relative}.tier-track span:before{content:"";width:var(--tier-dot-size);height:var(--tier-dot-size);z-index:2;background:#dce5df;border-radius:50%;position:absolute;top:0;left:50%;translate:-50%}.tier-track .is-current:before{background:var(--green-bright)}.achievements-panel .section-title{align-items:center;margin-bottom:10px}.text-button{min-height:40px;color:var(--green);font-size:var(--type-meta);font-weight:950;line-height:var(--leading-tight);background:0 0;border:0;padding:9px 8px}.preferences-panel h2,.account-panel h2{font-size:16px;line-height:var(--leading-ui);margin:0 0 10px;font-weight:950}.preference-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:50px;padding-block:8px;display:grid}.preference-label{align-items:center;gap:8px;min-width:0;display:inline-flex}.preference-copy{gap:2px;min-width:0;display:grid}.preference-copy strong{color:var(--ink);font-size:var(--type-body);font-weight:830;line-height:var(--leading-ui)}.preference-copy small{color:var(--ink-soft);font-size:var(--type-meta);font-weight:760;line-height:var(--leading-tight)}.preference-row svg{flex:none;width:18px;height:18px}.preference-segmented{background:#010a098f;border-radius:999px;gap:3px;padding:4px;display:inline-flex;box-shadow:inset 3px 4px 8px #00000038}.preference-segmented button,.preference-action-button{color:#ffffffc7;min-height:32px;font-size:13px;font-weight:850;line-height:var(--leading-ui);background:0 0;border:1px solid #abffd92e;border-radius:999px}.preference-segmented button{padding:5px 10px}.preference-segmented button.is-selected{color:#03140d;background:linear-gradient(145deg,#7effbe,#21f58a);border-color:#abffd9b8;box-shadow:inset 0 1px #ffffff6b,0 0 14px #21f58a38}.preference-action-control{align-items:center;gap:6px;display:inline-flex}.preference-select-row{align-items:center}.preference-select{color:#ffffffe0;min-width:144px;max-width:174px;min-height:36px;font-size:13px;font-weight:850;line-height:var(--leading-ui);background:linear-gradient(145deg,#0b2a1fc7,#020f0cb8);border:1px solid #abffd938;border-radius:999px;padding:6px 30px 6px 12px;box-shadow:inset 3px 4px 8px #0003}.preference-select option{color:#06140f}.preference-action-control strong{color:#ffffffe0;min-height:34px;font-size:13px;font-weight:850;line-height:var(--leading-ui);text-align:right;justify-content:flex-end;align-items:center;display:inline-flex}.preference-action-button{color:#b9ffdc;background:#010a09a3;padding:5px 12px;box-shadow:inset 3px 4px 8px #0003}.preference-action-button:disabled{cursor:wait;opacity:.72}.preference-range-row input[type=range]{width:116px;accent-color:var(--green-bright)}.favorite-sounds-row{grid-template-columns:1fr;align-items:start}.favorite-sounds-list{flex-wrap:wrap;gap:6px;display:flex}.favorite-sounds-control{gap:8px;margin-inline-start:26px;display:grid}.favorite-sounds-summary{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.favorite-sound-chip,.favorite-sounds-manager-toggle{color:#ffffffc7;background:#010a098f;border:1px solid #abffd92e;border-radius:999px;align-items:center;gap:5px;min-height:30px;padding:5px 9px;font-size:12px;font-weight:850;display:inline-flex}.favorite-sound-lineup-chip{gap:1px;padding:0 6px 0 0;overflow:hidden}.favorite-sound-chip-main{min-width:0;min-height:28px;color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:5px 6px 5px 9px;display:inline-flex}.favorite-sound-order-actions{align-items:center;gap:2px;margin-inline-start:-1px;display:inline-flex}.favorite-sound-order-actions button{box-sizing:border-box;color:#f4fff9;background:#01120cc7;border:1px solid #dbffed9e;border-radius:999px;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;line-height:0;display:inline-flex;box-shadow:inset 0 0 0 1px #01120c38,0 1px 4px #0000003d}.favorite-sound-order-actions button svg{stroke-width:3px;flex:0 0 14px;width:14px;height:14px;margin:0;display:block}.favorite-sound-order-actions button:disabled{color:#f4fff98a;box-shadow:none;opacity:1;background:#01120c5c;border-color:#dbffed47}.favorite-sound-count-pill{color:#c4ffe0c7;background:#010a0970;border:1px solid #abffd929;border-radius:999px;align-items:center;min-height:30px;padding:5px 9px;font-size:12px;font-weight:850;display:inline-flex}.favorite-sounds-manager-toggle{color:#b9ffdc;background:#21f58a14;border-color:#21f58a47}.favorite-sound-chip>img,.favorite-sound-chip-main>img,.favorite-sound-chip-main .room-sound-emoji,.favorite-sounds-list .room-sound-emoji,.favorite-sounds-summary .room-sound-emoji{object-fit:contain;text-align:center;flex:none;width:17px;min-width:17px;height:17px;font-size:16px;line-height:1}.favorite-sound-chip.is-selected{color:#04180f;background:linear-gradient(145deg,#26cd79a1,#089658a3);border-color:#a4ffd28f}.favorite-sound-groups{gap:7px;display:grid}.favorite-sound-group{gap:6px;display:grid}.favorite-sound-group-toggle{color:#ffffffe0;text-align:left;background:#010a0980;border:1px solid #abffd929;border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:32px;padding:6px 9px;font-size:12px;font-weight:900;display:grid}.favorite-sound-group-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.favorite-sound-group-toggle small{color:#c4ffe0bd;font-size:10px;font-weight:850}.favorite-sound-group-toggle svg{transition:transform .16s}.favorite-sound-group-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.account-reset-row{border-bottom:0}.account-reset-button{color:#ffd9d9;background:radial-gradient(circle at 20% 16%,#ffffff1a,#0000 34%),#2b0a0dbd;border-color:#ff707057}.preference-row input[type=checkbox]{appearance:none;background:var(--toggle-surface);width:58px;height:34px;box-shadow:var(--toggle-inset);cursor:pointer;border:1px solid #0f11150f;border-radius:999px;margin:0;padding:5px;transition:background .2s,box-shadow .2s,filter .2s}.preference-row input[type=checkbox]:before{content:"";width:22px;height:22px;box-shadow:var(--toggle-raised);background:linear-gradient(145deg,#ffffffb3,#e9edf1b3);border-radius:50%;transition:transform .2s cubic-bezier(.22,1,.36,1);display:block}.preference-row input[type=checkbox]:checked{background:linear-gradient(145deg, #24e986, var(--green-bright), var(--green));box-shadow:inset 5px 5px 10px #03572f52,inset -5px -5px 10px #ffffff38}.preference-row input[type=checkbox]:checked:before{transform:translate(24px)}.achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.achievement{border-radius:var(--radius-md);text-align:center;background:radial-gradient(circle at 50% 12%, #17c4632e, transparent 46%), var(--paper-soft);min-height:108px;box-shadow:var(--neumo-panel-inset);align-content:start;place-items:center;gap:5px;padding:8px 7px 10px;display:grid;overflow:hidden}.achievement img{object-fit:contain;filter:drop-shadow(0 7px 7px #0000002e);width:52px;height:52px;display:block}.achievement strong{font-size:12px}.achievement small{color:#0f1115a8;font-size:10px;font-weight:720}.sound-packs-panel{gap:10px;display:grid}.sound-pack-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.sound-pack-title.section-title{justify-content:flex-start;margin:0}.sound-pack-top-actions{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:inline-flex}.sound-pack-browse-toggle{flex:none}.sound-pack-restore-button{color:#cfffe8d1;min-height:30px;box-shadow:none;background:#02191285;border-color:#abffd92e;gap:5px;padding:6px 8px;font-size:9.5px}.sound-packs-panel>p{color:#ffffffb8;font-size:12px;font-weight:760;line-height:var(--leading-tight);text-align:center;margin:-4px 0 0}.sound-packs-panel>.sound-pack-checkout-message{color:#bfffe0;text-align:center;background:#022418a3;border:1px solid #7effbe38;border-radius:999px;margin:-2px 0 0;padding:7px 10px;font-size:11px;font-weight:850}.sound-packs-panel>.sound-pack-checkout-message.is-error{color:#ffd5d5;background:#38040794;border-color:#ff6c6c52}.sound-pack-utility-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:-2px;display:flex}.sound-pack-utility-row .ghost-action,.sound-pack-utility-row .primary-action{border-radius:999px;min-height:34px}.sound-pack-save-profile-button{padding-inline:12px}.sound-pack-collapsed{isolation:isolate;border-radius:var(--radius-md);text-align:left;color:#ffffffd1;background:#010b09c2;border:0;justify-items:start;gap:6px;width:100%;min-height:70px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000029,0 0 22px #2aff9d1a}.sound-pack-collapsed:before,.sound-pack-collapsed:after{content:"";pointer-events:none;position:absolute}.sound-pack-collapsed:before{z-index:0;filter:blur(7px)saturate(1.22);opacity:.84;background:conic-gradient(#0000 0deg,#21f58a2e 34deg,#74f7ffc2 52deg,#ffda70a8 78deg,#0000 116deg 196deg,#21f58ab8 236deg,#74f7ff47 260deg,#0000 316deg);animation:7s linear infinite soundPackElectricSpin;inset:-64px}.sound-pack-collapsed:after{z-index:1;border-radius:calc(var(--radius-md) - 1px);background:radial-gradient(circle at 14% 10%,#2aff9d38,#0000 34%),radial-gradient(circle at 88% 18%,#74f7ff29,#0000 32%),radial-gradient(circle at 82% 88%,#ffda701f,#0000 34%),linear-gradient(145deg,#021c16eb,#010b09f0);inset:1px}.sound-pack-collapsed>*{z-index:2;position:relative}.sound-pack-collapsed-kicker{color:var(--green-bright);font-size:11px;font-weight:950;line-height:var(--leading-ui);text-transform:uppercase}.sound-pack-collapsed strong{color:#ffffffeb;font-size:15px;line-height:var(--leading-ui);font-weight:920}.sound-pack-collapsed small{color:#ffffffad;font-size:11px;line-height:var(--leading-tight);font-weight:760}.sound-pack-collapsed-action-row{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:2px;display:flex}.sound-pack-collapsed-art{align-items:center;min-width:0;min-height:34px;display:flex}.sound-pack-collapsed-art img{object-fit:cover;background:#010c0acc;border:1px solid #cdffe73d;border-radius:11px;width:34px;height:34px;box-shadow:0 4px 10px #00000038,0 0 13px #2aff9d24}.sound-pack-collapsed-art img+img{margin-left:-8px}.sound-pack-collapsed-cta{color:#04160f;min-height:34px;font-size:12px;font-weight:950;line-height:var(--leading-ui);white-space:nowrap;background:radial-gradient(circle at 24% 18%,#ffffff8f,#0000 32%),linear-gradient(145deg,#7affbf 0%,#21f58a 52%,#10a85c 100%);border:1px solid #c4ffdc80;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:inline-flex;box-shadow:0 9px 18px #21f58a38,inset 0 1px #ffffff57}.sound-pack-collapsed:active .sound-pack-collapsed-cta{transform:translateY(1px)}@keyframes soundPackElectricSpin{to{transform:rotate(1turn)}}@media (width<=410px){.sound-pack-topline{align-items:flex-start}.sound-pack-top-actions{flex-direction:column;align-items:flex-end;gap:5px}.sound-pack-restore-button{white-space:normal;max-width:128px}}@media (prefers-reduced-motion:reduce){.sound-pack-collapsed:before{animation:none}}.reduce-motion .sound-pack-collapsed:before{animation:none}.sound-pack-grid{grid-template-columns:1fr;gap:8px;display:grid}.sound-pack-card{border-radius:var(--radius-md);background:radial-gradient(circle at 20% 0,#2aff9d21,#0000 44%),#010c0a8f;border:1px solid #70ffb529;grid-template-columns:74px minmax(0,1fr);grid-template-areas:"art copy""actions actions";gap:8px 10px;min-width:0;padding:9px;display:grid;box-shadow:inset 0 1px #ffffff12,0 10px 24px #0000002e}.sound-pack-card.is-owned{background:radial-gradient(circle at 20% 0,#2aff9d38,#0000 46%),#021a12b3;border-color:#7effbe6b}.sound-pack-art-button{background:#010a09b3;border:1px solid #cdffe733;border-radius:14px;grid-area:art;width:74px;height:74px;padding:0;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 0 18px #2aff9d1f}.sound-pack-art-button img,.sound-pack-preview-art{object-fit:cover;width:100%;height:100%;display:block}.sound-pack-copy{grid-area:copy;align-content:center;gap:3px;min-width:0;display:grid}.sound-pack-copy span,.sound-pack-preview-copy span{color:var(--green-bright);font-size:10px;font-weight:950;line-height:var(--leading-ui);text-transform:uppercase}.sound-pack-copy strong{color:#ffffffeb;font-size:14px;font-weight:930;line-height:var(--leading-tight)}.sound-pack-copy small,.sound-pack-copy em,.sound-pack-preview-copy p,.sound-pack-preview-actions small{color:#ffffffad;font-size:11px;font-weight:760;line-height:var(--leading-tight)}.sound-pack-copy em{color:#beffe0db;font-style:normal;font-weight:880}.sound-pack-copy small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sound-pack-actions{grid-area:actions;justify-content:space-between;align-items:center;gap:8px;display:flex}.sound-pack-card-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.sound-pack-unlock-button{min-height:32px;padding-inline:10px;font-size:11px}.sound-pack-state{color:#ffffffad;background:#010a098f;border:1px solid #abffd92e;border-radius:999px;align-items:center;min-height:26px;padding:4px 8px;font-size:11px;font-weight:880;display:inline-flex}.sound-pack-state.is-owned{color:#03140d;background:linear-gradient(145deg,#7effbe,#21f58a);border-color:#abffd9b8}.sound-pack-bundles{grid-template-columns:1fr;gap:8px;display:grid}.sound-pack-bundle-card{border-radius:var(--radius-md);background:radial-gradient(circle at 16% 0,#2aff9d24,#0000 38%),#010c0a94;border:1px solid #7effbe2e;gap:9px;min-width:0;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000029}.sound-pack-bundle-copy{gap:3px;display:grid}.sound-pack-bundle-copy span{color:var(--green-bright);font-size:10px;font-weight:950;line-height:var(--leading-ui);text-transform:uppercase}.sound-pack-bundle-copy strong{color:#fffffff0;font-size:13px;font-weight:930;line-height:var(--leading-tight)}.sound-pack-bundle-copy small{color:#ffffffad;font-size:11px;font-weight:760;line-height:var(--leading-tight)}.sound-pack-bundle-button{color:#dfffee;background:radial-gradient(circle at 25% 16%,#ffffff2e,#0000 34%),linear-gradient(145deg,#10693ecc,#021f14e0);border:1px solid #7effbe47;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:inset 0 1px #ffffff26,0 0 18px #2aff9d29}.sound-pack-bundle-button:disabled{color:#ffffff6b;filter:saturate(.45)}.sound-pack-preview-sheet{-webkit-overflow-scrolling:touch;gap:9px;min-height:0;padding:0 2px 2px;display:grid;overflow-y:auto}.modal-card.sound-pack-modal-card{max-height:min(680px, calc(100dvh - var(--nav-height) - 54px - env(safe-area-inset-bottom)));margin-bottom:calc(var(--nav-height) + 8px + env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.sound-pack-preview-art{border:1px solid #cdffe738;border-radius:22px;justify-self:center;width:min(136px,38vw);height:min(136px,38vw);box-shadow:0 0 28px #2aff9d2e,0 18px 28px #00000047}.sound-pack-preview-copy{text-align:center;gap:4px;display:grid}.sound-pack-preview-copy p{margin:0}.sound-pack-preview-copy strong{color:#ffffffeb;font-size:12px;font-weight:920}.sound-pack-preview-list{gap:5px;display:grid}.sound-pack-preview-row{border-radius:var(--radius-md);min-height:44px;color:var(--ink);text-align:left;background:#010c0a8a;border:1px solid #7effbe2e;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;display:grid}.sound-pack-preview-row strong{color:#ffffffeb;font-size:13px;font-weight:900;line-height:var(--leading-ui);display:block}.sound-pack-preview-row small{color:#ffffffa8;font-size:11px;font-weight:760;line-height:var(--leading-tight);margin-top:1px;display:block}.sound-pack-preview-row>img,.sound-pack-preview-row>svg{border-radius:11px;width:30px;height:30px;box-shadow:0 0 16px #2aff9d2e}.sound-pack-preview-row>img{object-fit:cover;background:#010c0ab8}.sound-pack-preview-row>svg{color:#052016;background:linear-gradient(145deg,#7effbe,#21f58a);padding:7px}.sound-pack-preview-row>.room-sound-emoji{place-items:center;width:30px;height:30px;font-size:22px;line-height:1;display:grid}.sound-pack-preview-row>span:not(.room-sound-emoji){gap:2px;min-width:0;display:grid}.sound-pack-preview-actions{gap:7px;display:grid}.sound-pack-preview-actions .sound-pack-modal-message{color:#bfffe0;text-align:center;background:#02241899;border:1px solid #7effbe2e;border-radius:999px;width:100%;padding:7px 10px;display:block}.sound-pack-preview-actions .sound-pack-modal-message.is-error{color:#ffd5d5;background:#3804078f;border-color:#ff6c6c4d}.sound-pack-bundle-picker{-webkit-overflow-scrolling:touch;gap:12px;min-height:0;padding:0 2px 2px;display:grid;overflow-y:auto}.sound-pack-bundle-picker>p{color:#ffffffb8;font-size:12px;font-weight:760;line-height:var(--leading-tight);text-align:center;margin:0}.sound-pack-bundle-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sound-pack-bundle-choice{border-radius:var(--radius-md);text-align:left;color:#ffffffd1;background:#010c0a94;border:1px solid #7effbe2e;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px;display:grid}.sound-pack-bundle-choice.is-selected{color:#fff;background:radial-gradient(circle at 20% 12%,#2aff9d3d,#0000 44%),#022619c7;border-color:#2aff9da8;box-shadow:0 0 18px #2aff9d2e}.sound-pack-bundle-choice:disabled:not(.is-selected){opacity:.46}.sound-pack-bundle-choice img{object-fit:cover;border:1px solid #cdffe733;border-radius:12px;width:44px;height:44px}.sound-pack-bundle-choice span{gap:2px;min-width:0;display:grid}.sound-pack-bundle-choice strong,.sound-pack-bundle-choice small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sound-pack-bundle-choice strong{color:#ffffffeb;font-size:12px;font-weight:900;line-height:var(--leading-ui)}.sound-pack-bundle-choice small{color:#ffffffa3;font-size:10px;font-weight:790;line-height:var(--leading-ui)}.premium-blast-preview-overlay{z-index:280;pointer-events:none;color:#fff;place-items:center;animation:1.45s ease-out both premiumBlastFade;display:grid;position:fixed;inset:0;overflow:hidden}.premium-blast-preview-overlay:before,.premium-blast-preview-overlay:after,.premium-blast-preview-wave,.premium-blast-preview-sparks{content:"";pointer-events:none;position:absolute;inset:-18%}.premium-blast-preview-overlay:before{background:radial-gradient(circle,#7effbe57,#0000 18%),radial-gradient(circle,#21f58a29,#0000 36%);animation:.92s cubic-bezier(.18,.8,.24,1) both premiumBlastCore;transform:scale(.64)}.premium-blast-preview-overlay:after{opacity:.78;background:linear-gradient(80deg,#0000 0 44%,#ffffff6b 49%,#0000 56% 100%),radial-gradient(circle at 18% 64%,#fff3 0 2px,#0000 3px),radial-gradient(circle at 76% 36%,#7effbe57 0 2px,#0000 3px),radial-gradient(circle at 62% 74%,#ffd3585c 0 2px,#0000 3px);animation:1.18s ease-out both premiumBlastSweep;transform:rotate(-10deg)translate(-18%)}.premium-blast-preview-wave{background:repeating-radial-gradient(circle,#0000 0 24px,#7effbe24 25px 27px,#0000 29px 46px);border-radius:50%;animation:1.12s cubic-bezier(.18,.8,.24,1) both premiumBlastWave;transform:scale(.32)}.premium-blast-preview-sparks{filter:blur(1px);background:conic-gradient(from 12deg,#0000,#21f58a29,#0000,#ffd35824,#0000);animation:1.3s ease-out both premiumBlastSpin}.premium-blast-preview-overlay strong{z-index:1;color:#fff;background:radial-gradient(circle at 30% 15%,#ffffff2e,#0000 34%),#01140fc7;border:1px solid #abffd961;border-radius:999px;padding:10px 16px;font-size:19px;font-style:italic;font-weight:950;animation:1.15s cubic-bezier(.2,.9,.24,1) both premiumBlastLabel;position:relative;transform:translateY(-12px)scale(.82);box-shadow:0 0 32px #21f58a52,inset 0 1px #ffffff1f}.premium-blast-preview-overlay.effect-meltdown-flash:before{background:radial-gradient(circle,#ff583a66,#0000 18%),radial-gradient(circle,#21f58a33,#0000 36%)}.premium-blast-preview-overlay.effect-creature-pop:after{background:radial-gradient(circle at 18% 52%,#7effbe57 0 3px,#0000 4px),radial-gradient(circle at 82% 44%,#ffffff38 0 3px,#0000 4px),radial-gradient(circle at 54% 74%,#ffd35847 0 4px,#0000 5px)}.premium-blast-preview-overlay.effect-gibberish-burst:before{background:radial-gradient(circle at 50% 52%,#ffd3584d,#0000 18%),radial-gradient(circle at 42% 44%,#21f58a38,#0000 34%)}.premium-blast-preview-overlay.effect-sneaky-puff:before,.premium-blast-preview-overlay.effect-wet-splash:before,.premium-blast-preview-overlay.effect-long-wind:before{background:radial-gradient(circle at 48% 56%,#7effbe47,#0000 20%),radial-gradient(circle at 42% 48%,#ffffff26,#0000 34%)}.premium-blast-preview-overlay.effect-stadium-shock:before{background:radial-gradient(circle,#ffd35861,#0000 16%),radial-gradient(circle,#21f58a42,#0000 38%)}.premium-blast-preview-overlay.is-reduced{animation-duration:.85s}.premium-blast-preview-overlay.is-reduced:before,.premium-blast-preview-overlay.is-reduced:after,.premium-blast-preview-overlay.is-reduced .premium-blast-preview-wave,.premium-blast-preview-overlay.is-reduced .premium-blast-preview-sparks{opacity:.22;animation:none;transform:none}.premium-blast-preview-overlay.is-reduced strong{animation:.85s ease-out both premiumBlastReduced}@keyframes premiumBlastFade{0%,82%{opacity:1}to{opacity:0}}@keyframes premiumBlastCore{0%{opacity:0;filter:blur(4px);transform:scale(.28)}20%{opacity:1;filter:blur()}to{opacity:0;filter:blur(8px);transform:scale(1.18)}}@keyframes premiumBlastWave{0%{opacity:0;transform:scale(.28)}24%{opacity:.95}to{opacity:0;transform:scale(1.1)}}@keyframes premiumBlastSweep{0%{opacity:0;transform:rotate(-10deg)translate(-28%)}22%{opacity:.85}to{opacity:0;transform:rotate(-10deg)translate(28%)}}@keyframes premiumBlastSpin{0%{opacity:0;transform:rotate(0)scale(.8)}25%{opacity:.9}to{opacity:0;transform:rotate(68deg)scale(1.12)}}@keyframes premiumBlastLabel{0%{opacity:0;transform:translateY(10px)scale(.72)}18%{opacity:1;transform:translateY(-12px)scale(1.08)}56%{opacity:1;transform:translateY(-12px)scale(1)}to{opacity:0;transform:translateY(-22px)scale(.96)}}@keyframes premiumBlastReduced{0%{opacity:0;transform:translateY(-12px)}18%,72%{opacity:1;transform:translateY(-12px)}to{opacity:0;transform:translateY(-12px)}}.match-row{text-align:left;color:var(--ink);grid-template-columns:1fr auto;gap:6px;padding:13px}.match-row span,.match-row strong,.match-row small{grid-column:1}.match-row strong{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.match-row svg{grid-area:1/2/4}.bottom-nav{width:min(430px,100vw - 40px);height:calc(var(--nav-height) + 10px);padding:10px 10px calc(18px + env(safe-area-inset-bottom));z-index:120;isolation:isolate;pointer-events:auto;background:linear-gradient(145deg,#fffffff5 0%,#f7f9faf5 48%,#dde4e8f5 100%);border:1px solid #ffffffb8;border-radius:26px 26px 32px 32px;grid-template-columns:repeat(4,1fr);align-items:start;display:grid;position:fixed;bottom:20px;left:50%;right:auto;transform:translate(-50%);box-shadow:inset 2px 2px 4px #ffffffe6,inset -4px -5px 10px #b2c0c752,0 12px 26px #00000038}.bottom-nav:after{content:"";pointer-events:none;background:#0f1115db;border-radius:999px;width:124px;height:4px;position:absolute;bottom:7px;left:50%;translate:-50%}.bottom-nav button{color:#35414b;height:62px;font-size:var(--type-caption);font-weight:820;line-height:var(--leading-tight);z-index:1;pointer-events:auto;background:0 0;border:0;border-radius:18px;align-content:center;place-items:center;gap:4px;transition:transform .14s,box-shadow .14s,background .14s,color .14s;display:grid;position:relative}.modal-backdrop{z-index:240;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));background:#0000009e;place-items:center;display:grid;position:fixed;inset:0}.modal-backdrop.is-bottom-sheet{place-items:end center;padding:18px}.modal-card{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);width:min(430px,100%);max-height:calc(100vh - 44px);color:var(--ink);background:var(--panel-surface);box-shadow:var(--shadow-soft);padding:18px;overflow:auto}.invite-join-backdrop{place-items:center;padding:14px}.invite-join-card{gap:12px;display:grid}.invite-brand-row{color:var(--green-bright);font-size:var(--type-meta);text-transform:uppercase;justify-content:center;align-items:center;gap:9px;font-weight:950;display:flex}.invite-brand-row img{object-fit:contain;width:76px;height:auto}.invite-room-summary{text-align:center;justify-items:center;gap:5px;display:grid}.invite-room-summary .room-code-pill{color:#fff;margin:0}.invite-room-summary h2{color:var(--paper);font-size:26px;line-height:var(--leading-heading);text-wrap:balance;margin:0;font-style:italic;font-weight:950}.invite-room-summary p{color:#ffffffbd;margin:0;font-weight:850}.invite-team-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.invite-team-choice .team-badge{min-height:104px;padding-block:12px}.invite-team-choice .team-badge strong{font-size:22px}.invite-claim-card{border-radius:var(--radius-md);background:radial-gradient(circle at 18% 12%,#ffffff14,#0000 34%),linear-gradient(145deg,#12242094,#010c0ab8);border:1px solid #abffd93d;gap:8px;padding:12px;display:grid;box-shadow:inset 1px 1px 3px #ffffff1a,inset -4px -5px 10px #00000047}.invite-claim-card strong{color:var(--paper);font-size:var(--type-body);line-height:var(--leading-ui);font-weight:950}.invite-claim-card small{color:#ffffffbd;font-weight:760;line-height:var(--leading-copy)}.invite-claim-card input{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--paper);background:radial-gradient(circle at 18% 12%,#ffffff14,#0000 34%),#010a09c7;border:1px solid #abffd942;padding:10px 12px;font-weight:850;box-shadow:inset 4px 5px 10px #0000003d,inset -1px -1px 3px #ffffff14}.invite-dismiss{justify-self:center}.invite-sheet-backdrop{place-items:center;padding:12px}.invite-sheet-card{color:var(--paper);background:radial-gradient(circle at 18% 0,#29ff9733,#0000 36%),linear-gradient(145deg,#061d16f5,#000807fa);border-radius:24px 24px 18px 18px;gap:12px;display:grid}.invite-sheet-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.invite-sheet-head span{color:var(--green-bright);font-size:var(--type-meta);text-transform:uppercase;font-weight:950;display:block}.invite-sheet-head h2{color:var(--paper);font-size:24px;line-height:var(--leading-heading);margin:3px 0 0;font-weight:950}.invite-sheet-head .icon-button{color:#ffffffd1;background:#ffffff12;border-color:#ffffff24;width:42px;height:42px}.invite-state-card,.invite-summary-card,.invite-qr-card{border-radius:var(--radius-md);background:radial-gradient(circle at 18% 12%,#ffffff14,#0000 34%),#041611bd;border:1px solid #abffd933;box-shadow:inset 1px 1px 3px #ffffff14,inset -4px -5px 10px #00000047}.invite-state-card{text-align:center;justify-items:center;gap:8px;padding:18px;display:grid}.invite-state-card strong,.invite-summary-card strong,.invite-qr-card strong{color:var(--paper);font-size:var(--type-body);font-weight:950;line-height:var(--leading-ui)}.invite-state-card p,.invite-summary-card small,.invite-qr-card small{color:#ffffffb8;font-size:var(--type-meta);font-weight:760;line-height:var(--leading-copy);margin:0}.invite-state-card.is-error{background:#2a080ad1;border-color:#ff6e6e6b}.invite-spinner{color:var(--green-bright);animation:.9s linear infinite invite-spin}@keyframes invite-spin{to{transform:rotate(360deg)}}.invite-summary-card{gap:5px;padding:12px;display:grid}.invite-summary-card .room-match-pill{justify-self:start}.invite-summary-card .invite-lifecycle-note{color:#bcffdad1}.invite-code-display{-webkit-user-select:all;user-select:all;background:radial-gradient(circle at 50% 0,#2fff9c3d,#0000 56%),#02140ee6;border:1px solid #21f58a5c;border-radius:18px;justify-items:center;gap:4px;padding:14px;display:grid;box-shadow:0 0 24px #00ff841f,inset 1px 1px 3px #ffffff1a}.invite-code-display span{color:#ffffffad;font-size:var(--type-meta);text-transform:uppercase;font-weight:900}.invite-code-display strong{color:var(--green-bright);letter-spacing:0;font-size:38px;font-weight:950;line-height:1}.invite-action-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.invite-action-grid .primary-action{grid-column:1/-1}.invite-action-feedback{border-radius:var(--radius-sm);min-height:34px;color:var(--green-bright);font-size:var(--type-meta);background:#17c66d1f;align-items:center;gap:7px;padding:8px 10px;font-weight:850;display:flex}.invite-action-feedback.is-error{color:#ffd5d5;background:#ff6e6e1f}.invite-qr-card{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.invite-qr-card>div{gap:4px;display:grid}.invite-qr-card svg{color:var(--green-bright)}.invite-qr-card img,.invite-qr-loading{background:#fff;border-radius:12px;width:112px;height:112px}.invite-qr-card img{padding:6px;display:block}.invite-qr-loading{color:#00000070;place-items:center;font-weight:950;display:grid}.invite-link-field{color:#ffffffad;font-size:var(--type-meta);gap:6px;font-weight:900;display:grid}.invite-link-field input{border-radius:var(--radius-sm);color:#ffffffd6;width:100%;min-height:42px;font-size:var(--type-meta);background:#0000003d;border:1px solid #abffd933;padding:9px 10px;font-weight:760}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.modal-head h2{margin:0;font-size:24px;font-style:italic}.modal-head .icon-button{color:var(--ink);background:var(--paper-soft);border-color:var(--line);font-size:28px}.modal-card p{color:var(--ink-soft);margin:0 0 14px;line-height:1.45}.field-label{color:var(--ink);gap:7px;margin-bottom:12px;font-size:13px;font-weight:950;display:grid}.field-label input,.field-label select{border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--ink);background:var(--container-white);box-shadow:var(--neumo-panel-inset);border:1px solid #08221814;padding:10px 12px}.field-label input[aria-invalid=true],.invite-claim-card input[aria-invalid=true]{border-color:#ff6e6eb8;outline:2px solid #ff6e6e2e}.field-error{color:#ffd5d5;font-size:var(--type-meta);font-weight:860;line-height:var(--leading-ui)}.modal-card .field-error{color:#b3261e}.invite-claim-card .field-error{color:#ffd5d5}.modal-note{color:#0f11159e;margin-top:10px;font-weight:760;display:block}.claim-profile-form{gap:4px;display:grid}.claim-success-state{color:var(--ink-soft);grid-template-columns:auto 1fr;align-items:start;gap:10px;margin-bottom:14px;display:grid}.claim-success-state svg{color:var(--green)}.claim-success-state p{margin:0}.claim-success-state strong{color:var(--ink)}.invite-claim-success{color:#ffffffd1;font-size:var(--type-meta);font-weight:780;line-height:var(--leading-ui);grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.invite-claim-success svg{color:var(--green-bright)}.avatar-choice-grid,.achievement-list{gap:9px;display:grid}.avatar-choice,.achievement-row{border-radius:var(--radius-sm);width:100%;min-height:62px;color:var(--ink);background:var(--paper-soft);box-shadow:var(--neumo-panel-inset);text-align:left;border:1px solid #08221814;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.avatar-choice{grid-template-columns:auto 1fr}.avatar-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:126px;align-items:start;gap:10px 8px}.avatar-profile-choice-shell{--avatar-choice-thumb-top:7px;--avatar-choice-thumb-size:62px;--avatar-choice-view-height:20px;--avatar-choice-view-half-height:10px;min-width:0;min-height:126px;display:grid;position:relative}.avatar-profile-choice-shell .avatar-profile-choice{width:100%;height:100%}.avatar-profile-choice{text-align:center;grid-template-rows:62px minmax(36px,1fr);grid-template-columns:1fr;justify-items:center;gap:10px;min-height:126px;padding:7px 5px 8px}.avatar-choice-thumb{background:radial-gradient(circle at 50% 34%, #ffffffdb, #d6e8ddc2 64%, #10513029), var(--paper-soft);border-radius:50%;place-items:center;width:62px;height:62px;display:grid;overflow:hidden}.avatar-choice-thumb .profile-avatar-image{object-fit:contain;object-position:center;width:100%;height:100%}.avatar-choice-view{top:calc(var(--avatar-choice-thumb-top) + var(--avatar-choice-thumb-size) - var(--avatar-choice-view-half-height) + 1px);z-index:2;width:30px;height:var(--avatar-choice-view-height);color:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010a0994;border:1px solid #abffd93d;border-radius:999px;place-items:center;display:grid;position:absolute;left:calc(50% + 5px);transform:translate(-50%);box-shadow:inset 0 1px #ffffff1f,0 5px 11px #00000047}.avatar-choice-view-icon{pointer-events:none;width:12px;height:12px;display:block}.avatar-choice-view:focus-visible{outline-offset:2px;outline:2px solid #21f58ae0}.avatar-choice-view:active{transform:translate(-50%)translateY(1px)scale(.96)}.avatar-photo-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.avatar-photo-actions .avatar-upload-card{grid-template-columns:auto auto;justify-content:center;gap:8px;min-height:58px;padding:9px 8px}.avatar-upload-card strong{font-size:var(--type-body);line-height:var(--leading-ui);display:block}.avatar-photo-actions .avatar-upload-card strong{white-space:nowrap;font-size:clamp(14px,3.9vw,16px)}.avatar-choice.is-selected{background:linear-gradient(145deg,#ffffffc2,#e1f2e8c2);outline:3px solid #13c76a47}.achievement-row{grid-template-columns:52px 1fr}.achievement-row>img:first-child{object-fit:contain;background:radial-gradient(circle at 50% 20%, #ffffffb3, #def2e885 62%, #0c673729), var(--paper-soft);border-radius:14px;width:52px;height:52px;display:block;box-shadow:inset 2px 2px 5px #ffffffb8,inset -4px -5px 8px #05241629,0 8px 13px #0000001f}.profile-avatar-frame{z-index:2;width:124px;height:124px;box-shadow:var(--shadow-soft);background:radial-gradient(circle at 50% 38%,#fffffff2,#d6e8ddc7 64%,#cde0d8b8 100%);border:2px solid #ffffffe6;border-radius:50%;position:relative;overflow:hidden}.profile-avatar-frame img.mascot-face{object-fit:contain;object-position:54% 34%;width:150%;max-width:none;height:150%;box-shadow:none;pointer-events:none;background:0 0;border:0;translate:-8% -8%}.profile-avatar-frame img.mascot-megaphone{object-position:50% 34%;translate:-7% -7%}.profile-avatar-frame img.profile-avatar-image{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;display:block;translate:0}.avatar-choice>svg:first-child{color:var(--green)}.avatar-choice strong,.avatar-choice small,.achievement-row strong,.achievement-row small{display:block}.avatar-choice strong,.achievement-row strong{font-size:var(--type-body);line-height:var(--leading-ui)}.avatar-choice small,.achievement-row small{color:#0f1115a8;font-size:var(--type-meta);font-weight:740;line-height:var(--leading-ui)}.avatar-choice.avatar-profile-choice strong{max-width:100%;min-height:36px;font-size:clamp(12px,3.4vw,15px);line-height:var(--leading-tight);text-align:center;text-wrap:balance;justify-content:center;align-items:center;display:flex}.profile-setup-backdrop{place-items:center}.profile-setup-card{width:min(430px,100vw - 22px);max-height:calc(100dvh - max(18px, env(safe-area-inset-top)) - max(18px, env(safe-area-inset-bottom)));grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;padding:clamp(12px,3.5vw,16px);display:grid;overflow:hidden}.profile-setup-hero{text-align:center;justify-items:center;gap:4px;display:grid}.profile-setup-hero>span,.profile-setup-avatar-section>span{color:var(--green-bright);font-size:var(--type-meta);text-transform:uppercase;font-weight:950}.profile-setup-hero h2{font-size:clamp(23px,7vw,28px);line-height:var(--leading-heading);margin:0;font-style:italic;font-weight:950}.profile-setup-preview{background:radial-gradient(circle at 50% 34%, #ffffffeb, #d6e8ddc7 64%, #1051302e), var(--paper-soft);border:2px solid #ffffffd6;border-radius:50%;place-items:center;width:clamp(106px,31vw,124px);height:clamp(106px,31vw,124px);display:grid;overflow:hidden}.profile-setup-preview-button{color:inherit;cursor:zoom-in;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.profile-setup-preview-button:after{content:"View";color:#ffffffeb;background:#010a09c2;border:1px solid #abffd942;border-radius:999px;place-items:center;min-width:34px;min-height:24px;font-size:10px;font-weight:950;display:grid;position:absolute;bottom:4px;right:-4px;box-shadow:inset 0 1px #ffffff1f,0 6px 12px #0000003d}.profile-setup-preview-button:focus-visible{outline-offset:4px;outline:3px solid #21f58ab3}.profile-setup-preview .profile-avatar-image,.profile-setup-preview .custom-avatar-image{object-fit:cover;width:100%;height:100%}.profile-setup-hero>strong{max-width:100%;font-size:clamp(18px,5.8vw,22px);line-height:var(--leading-tight);overflow-wrap:anywhere;font-style:italic;font-weight:950}.profile-setup-name{margin-bottom:0}.profile-setup-avatar-section{grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-height:0;display:grid}.profile-setup-avatar-grid{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-auto-rows:minmax(82px,auto);align-content:start;min-height:0;max-height:none;padding:2px 2px 12px;overflow:auto}.profile-setup-avatar-grid .avatar-profile-choice-shell{min-height:82px}.profile-setup-avatar-grid .avatar-profile-choice{aspect-ratio:1;place-items:center;min-height:82px;padding:6px;display:grid;position:relative}.profile-setup-avatar-grid .avatar-choice-thumb{width:min(18.5vw,72px);min-width:58px;height:min(18.5vw,72px);min-height:58px}.profile-setup-avatar-grid .avatar-profile-choice strong{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.profile-setup-avatar-grid .avatar-choice-view{width:34px;height:24px;top:auto;bottom:7px;left:calc(50% + 4px)}.profile-setup-avatar-grid .avatar-choice-view-icon{width:13px;height:13px}.profile-setup-start{min-height:50px}.room-image-lightbox.avatar-image-lightbox{z-index:1500;padding:max(28px, env(safe-area-inset-top)) 18px max(28px, env(safe-area-inset-bottom));touch-action:pan-x pan-y pinch-zoom!important}.room-image-lightbox.avatar-image-lightbox img{object-fit:contain;background:radial-gradient(circle at 50% 22%,#fffffff5,#dfeee5d6 62%,#092216e6 100%);width:min(84vw,520px);max-width:520px;max-height:72vh;touch-action:pan-x pan-y pinch-zoom!important}.avatar-image-lightbox-caption{left:50%;bottom:max(18px, env(safe-area-inset-bottom));color:#fffffff0;max-width:min(84vw,520px);font-size:var(--type-meta);line-height:var(--leading-ui);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#010a09b8;border:1px solid #abffd93d;border-radius:999px;padding:7px 12px;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1a,0 8px 18px #00000047}.toast{left:50%;bottom:calc(var(--nav-height) + 38px + env(safe-area-inset-bottom));z-index:100;color:#fff;width:min(390px,100vw - 32px);min-height:54px;box-shadow:var(--shadow);background:#07130ff5;border:1px solid #ffffff29;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;display:flex;position:fixed;translate:-50%}.mascot-face{background:radial-gradient(circle at 50% 35%,#fff 0 46%,#e7eef0 47% 74%,#0000 75%),radial-gradient(circle at 50% 70%,#172020 0 42%,#0000 43%);border:3px solid #13c76abf;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.mascot-face.small{width:34px;height:34px}.mascot-face.medium{width:76px;height:76px}.mascot-face.large{width:112px;height:112px}.mascot-face .ear{background:#fff;border:3px solid #101820;border-radius:50%;width:28%;height:28%;position:absolute;top:6%}.mascot-face .ear.left{left:5%}.mascot-face .ear.right{right:5%}.headband{background:var(--green);color:#fff;border-radius:999px;place-items:center;height:20%;font-size:9px;font-weight:950;display:grid;position:absolute;top:18%;left:17%;right:17%}.mascot-face.medium .headband{font-size:11px}.mascot-face.large .headband{font-size:14px}.eye{background:var(--green);border:2px solid #0c1514;border-radius:50%;width:12%;height:15%;position:absolute;top:44%}.eye.left{left:36%}.eye.right{right:36%}.nose{background:#ff8f88;border-radius:50%;width:8%;height:6%;position:absolute;top:57%}.mouth{background:#101820;border-radius:0 0 999px 999px;width:22%;height:12%;position:absolute;top:66%}.mascot-mega{color:var(--green);position:absolute;bottom:20%;right:-12%}img.mascot-face{z-index:1;object-fit:contain;box-shadow:none;background:0 0;border:0;border-radius:0;display:block;position:relative}img.mascot-small{width:40px;height:40px}img.mascot-medium{width:96px;height:96px}img.mascot-large{width:132px;height:132px}img.mascot-avatar,img.mascot-megaphone{object-fit:contain;object-position:50% 50%;box-shadow:none;background:0 0;border:0;border-radius:0}.avatar-button img.mascot-face{border:0;width:100%;height:100%}.profile-avatar-frame{width:126px;height:126px}.avatar-choice img.mascot-face{width:72px;height:72px}.flag-badge{--flag-size:22px;width:var(--flag-size);height:var(--flag-size);vertical-align:middle;background:linear-gradient(145deg,#fffffff0,#dfe7e2d1);border:1px solid #ffffffe6;border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #051d1438,0 4px 10px #00000029}.flag-badge.tiny{--flag-size:20px}.flag-badge.small{--flag-size:30px}.flag-badge.large{--flag-size:54px;box-shadow:0 0 0 1px #051d143d,0 0 0 4px #ffffff2e,0 8px 16px #0000002e}.flag-badge.squircle{border-radius:28%}.flag-badge-frame{border-radius:inherit;background:linear-gradient(145deg,#ffffffeb,#eef3f0c7);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.flag-badge-image{object-fit:cover;width:100%;height:100%;display:block}.flag-badge-fallback{color:#fff;background:linear-gradient(135deg, var(--green), var(--blue));width:100%;height:100%;font-size:clamp(7px, calc(var(--flag-size) * .26), 13px);place-items:center;font-weight:950;line-height:1;display:grid}@media (width>=900px){.phone-frame{width:430px;min-height:920px}}@media (width<=520px){.app-shell{padding:0}.phone-frame{border:0;border-radius:0;min-height:100vh}.bottom-nav{width:calc(100vw - 12px);bottom:6px}}@media (width<=460px){.app-shell.is-room-active{--room-fixed-top:0px;--room-header-space:58px}.screen-stack{padding-left:var(--screen-pad-x);padding-right:var(--screen-pad-x)}.match-hero h1{font-size:23px}.profile-card{grid-template-columns:118px 1fr;gap:10px}.profile-avatar{width:118px;min-height:124px}.profile-avatar-frame{width:116px;height:116px}.tier-card{grid-template-columns:104px 1fr}.stats-strip{grid-template-columns:repeat(4,minmax(64px,1fr));overflow-x:auto}}@media (width<=360px){.brand-mark-image{width:112px}.matches-ball-image{width:40px;height:40px}.screen-heading h1{font-size:28px}.match-hero h1{white-space:normal;font-size:21px}.mascot-heading-matches{gap:4px}.profile-card{grid-template-columns:108px 1fr}.room-hero-party{grid-template-columns:122px minmax(0,1fr);column-gap:8px;width:min(340px,100%);min-height:160px;padding-inline:0;transform:translate(4px)}.room-hero-copy h1{font-size:24px}.room-hero-copy p{font-size:11px}.room-hero-party .ghost-action{margin-top:2px}.profile-avatar{width:108px;min-height:116px}.profile-avatar-frame{width:108px;height:108px}.score-picker{grid-template-columns:48px 1fr 16px 1fr 48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.title-lightning{animation:none}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reduce-motion .title-lightning{animation:none}.home-screen{--home-neon:#21f58a;--home-neon-soft:#21f58a57;--home-neon-line:#abffd95c;--home-panel:#02100ec7;--home-panel-strong:#010a09eb;--home-muted:#ffffffad;gap:12px}.home-screen .match-hero{color:#fff;background:linear-gradient(180deg, #061614d1, #020c0ab8), var(--home-panel);border:1px solid var(--home-neon-line);-webkit-backdrop-filter:blur(8px)saturate(1.18);backdrop-filter:blur(8px)saturate(1.18);border-radius:18px;gap:12px;min-height:0;padding:14px 14px 18px;box-shadow:inset 0 1px #ffffff42,inset 0 -1px #abffd91a,0 0 18px #21f58a24,0 12px 24px #00000057}.home-screen .match-hero:before{content:"";z-index:0;background:linear-gradient(180deg, #020d0c38, #020d0c8f), var(--stadium-image) center 42% / cover no-repeat;opacity:.6;position:absolute;inset:0}.home-screen .match-hero:after{content:"";z-index:1;pointer-events:none;opacity:.7;background:radial-gradient(circle at 12% 18%,#ffffff2e,#0000 18%),radial-gradient(circle at 88% 18%,#ffffff29,#0000 18%),linear-gradient(90deg,#21f58a14,#0000 24% 76%,#21f58a14);position:absolute;inset:0}.home-screen .hero-lights{z-index:2;pointer-events:none;opacity:.38;filter:blur(1px);background:radial-gradient(circle at 18% 20%,#ffffff47,#0000 9%),radial-gradient(circle at 82% 20%,#ffffff3d,#0000 9%);display:block;position:absolute;inset:0}.home-screen .match-status,.home-screen .match-meta,.home-screen .countdown-pill,.home-screen .versus-card,.home-screen .pick-helper,.home-screen .match-hero h1{z-index:3;position:relative}.home-screen .match-status{color:#fff;letter-spacing:0;background:radial-gradient(circle at 26% 22%,#ffffff29,#0000 34%),#05301ebd;border:1px solid #21f58aa3;padding:7px 14px;font-size:.66rem;box-shadow:inset 0 1px #ffffff29,0 0 12px #21f58a38}.home-screen .match-status svg{color:var(--home-neon)}.home-screen .match-hero h1{white-space:nowrap;text-shadow:0 4px 10px #000000b8;max-width:100%;margin-top:2px;font-size:clamp(1.08rem,5.2vw,1.34rem);line-height:1.05}.home-screen .match-hero h1 span{color:var(--home-neon);text-shadow:0 0 12px #21f58a57}.home-screen .versus-card{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:8px}.home-screen .versus-card>strong{background:radial-gradient(circle at 38% 25%,#ffffff29,#0000 34%),linear-gradient(145deg,#10251f,#030b09 76%);border-color:#21f58a94;width:40px;height:40px;font-size:16px;position:relative;box-shadow:inset 1px 1px 2px #ffffff24,inset -3px -4px 8px #0000006b,0 0 12px #21f58a47}.home-screen .versus-card>strong:after{content:"";background:linear-gradient(#21f58a9e,#0000);width:1px;height:76px;position:absolute;top:38px;left:50%;translate:-50%}.home-screen .team-badge{color:#fff;background:radial-gradient(circle at 34% 18%,#ffffff24,#0000 32%),linear-gradient(145deg,#182624bd,#010b09c2);border:1px solid #ffffff2e;border-radius:13px;min-height:118px;padding:13px 8px;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #ffffff0a,0 10px 20px #0000003d}.home-screen .team-badge.is-active{background:radial-gradient(circle at 32% 18%,#21f58a29,#0000 34%),linear-gradient(145deg,#04311fcc,#010d0ac7);border-color:#21f58ad1;outline:0;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #21f58a33,0 0 16px #21f58a47,0 12px 22px #0000004d}.home-screen .team-badge.is-pickable:focus-visible{outline-offset:3px;outline:3px solid #21f58ad6}.home-screen .team-badge.is-pickable:active{filter:saturate(.98);transform:translateY(2px)scale(.985);box-shadow:inset 5px 6px 14px #00000052,inset -2px -2px 5px #ffffff14,0 6px 14px #0000003d}.home-screen .team-selected-check{color:#fff;background:linear-gradient(145deg,#25fa8f,#08894a);border:1px solid #ffffff57;width:25px;height:25px;top:8px;right:8px;box-shadow:0 0 12px #21f58a57}.home-screen .team-badge .flag-badge.large{--flag-size:52px;filter:drop-shadow(0 9px 12px #0000005c)}.home-screen .team-badge strong{color:#fff;letter-spacing:0;text-shadow:0 3px 8px #0000008a;font-size:1.55rem}.home-screen .team-badge small{color:var(--home-muted);font-size:.78rem;font-weight:850}.home-screen .pick-helper{color:#ffffffb8;text-transform:uppercase;letter-spacing:.02em;margin:-5px 0 -4px;font-size:.7rem}.home-screen .match-meta{color:#ffffffe6;gap:6px;font-size:.82rem}.home-screen .match-meta span{justify-content:center;align-items:center;gap:6px;display:inline-flex}.home-screen .match-meta svg{color:var(--home-neon)}.home-screen .countdown-pill{color:var(--home-neon);background:radial-gradient(circle at 30% 12%,#ffffff1f,#0000 34%),linear-gradient(145deg,#0a221be6,#010a08f0);border:1px solid #21f58a8f;padding:10px 34px;box-shadow:inset 1px 1px 3px #ffffff1a,inset -4px -5px 10px #00000057,0 0 14px #21f58a2e}.home-screen .countdown-pill strong{color:var(--home-neon);text-shadow:0 0 13px #21f58a42;font-size:1.85rem}.home-screen .countdown-pill span{color:#21f58ad6}.home-screen .quick-actions{grid-template-columns:minmax(0,1fr);gap:10px}.home-screen .primary-action.roar-action{background:radial-gradient(circle at 18% 18%,#ffffff70,#0000 28%),linear-gradient(135deg,#ffb13d 0%,#ff462c 52%,#b80e0a 100%);border:1px solid #ffd88e6b;border-radius:17px;justify-content:flex-start;min-height:58px;padding:11px 12px;box-shadow:inset 1px 1px 3px #ffffff4d,inset -5px -6px 12px #6906036b,0 0 18px #ff5f2270,0 10px 22px #00000052}.home-screen .primary-action.roar-action svg{flex:none;width:22px;height:22px}.home-screen .primary-action.roar-action .action-copy strong{font-size:1.08rem;font-style:italic}.home-screen .primary-action.roar-action .action-copy small{color:#ffffffc7}.home-screen .room-action-chevron{opacity:.82;margin-left:auto}.home-screen .watch-panel{color:#fff;background:radial-gradient(circle at 20% 0,#ffffff14,#0000 34%),linear-gradient(#051614c2,#010c0ac7);border:1px solid #abffd952;border-radius:16px;padding:14px;box-shadow:inset 0 1px #ffffff24,0 12px 22px #0000004d}.home-screen .watch-panel .section-title{text-align:left;justify-content:flex-start;margin-bottom:12px}.home-screen .watch-panel .section-title h2{color:#fff;text-shadow:0 3px 8px #00000080;font-size:1rem}.home-screen .watch-panel .section-title svg{color:#9dffd1}.home-screen .country-flag-emoji{background:#ffffff24;border-radius:999px;place-items:center;width:28px;height:28px;font-size:17px;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff29}.home-screen .country-picker{color:#ecfff6d6;gap:7px;margin-bottom:8px;font-size:.76rem;font-weight:900;display:grid}.home-screen .country-picker select{color:#fff;background:#021310b8;border:1px solid #abffd95c;border-radius:12px;width:100%;min-height:42px;padding:8px 38px 8px 12px;box-shadow:inset 0 1px #ffffff1c}.home-screen .watch-location-note{color:#ecfff6ad;margin:0 0 12px;font-size:.73rem;font-weight:760;line-height:1.35}.home-screen .provider-list{gap:10px}.home-screen .provider-row{color:#fff;background:radial-gradient(circle at 16% 12%,#ffffff1a,#0000 34%),linear-gradient(145deg,#142723c7,#020e0ccc);border:1px solid #abffd96b;border-left:3px solid #21f58ac2;grid-template-columns:minmax(0,1fr) auto;min-height:60px;padding:10px 11px 10px 14px;box-shadow:inset 0 1px #ffffff24,0 0 11px #21f58a1f}.home-screen .provider-copy{min-width:0}.home-screen .provider-row strong{color:#fff}.home-screen .provider-row small{color:#ffffffa8}.home-screen .provider-row p{color:#ecfff6c7;margin:6px 0 8px;font-size:.72rem;font-weight:650;line-height:1.35}.home-screen .provider-meta{flex-wrap:wrap;gap:5px;margin-bottom:7px;display:flex}.home-screen .provider-meta span,.home-screen .source-note{color:#ecfff6c7;background:#ffffff14;border-radius:999px;align-items:center;min-height:22px;padding:4px 8px;font-size:.66rem;font-weight:850;display:inline-flex}.home-screen .source-note{width:fit-content}.home-screen .provider-actions{align-self:start;justify-items:end;gap:7px;display:grid}.home-screen .provider-row svg{color:#ffffffe6}.home-screen .provider-row .live-pill,.home-screen .source-link{min-width:68px;text-decoration:none}.home-screen .provider-row .live-pill{color:#baffdc;background:#21f58a2e;box-shadow:inset 0 0 0 1px #21f58a38}.home-screen .provider-row .live-pill.is-pending{color:#ffe69b;background:#ffc83d24;box-shadow:inset 0 0 0 1px #ffc83d33}.home-screen .source-link{color:#ecfff6d1;background:#ffffff1a;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:5px 10px;font-size:12px;font-weight:950;display:inline-flex}.home-screen .provider-empty{color:#ffe9ad;background:#ffc83d1a;border:1px solid #ffc83d47;border-radius:12px;padding:12px;font-size:.78rem;font-weight:800;line-height:1.35}.home-screen .watch-offer-card{background:radial-gradient(circle at 12% 12%,#ffffff1f,#0000 34%),linear-gradient(145deg,#34260e9e,#030f0dd1);border:1px solid #ffd88e61;border-left:3px solid #ffbe47db;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:10px 11px 10px 14px;display:grid;box-shadow:inset 0 1px #ffffff29,0 0 13px #ffbe471f}.home-screen .watch-offer-copy{min-width:0}.home-screen .watch-offer-badge{color:#ffe6a3;background:#ffbe4724;border-radius:999px;align-items:center;min-height:21px;margin-bottom:6px;padding:4px 8px;font-size:.64rem;font-weight:950;display:inline-flex;box-shadow:inset 0 0 0 1px #ffd88e2e}.home-screen .watch-offer-card strong{color:#fff;font-size:.88rem;line-height:1.18;display:block}.home-screen .watch-offer-card p{color:#ecfff6cc;margin:6px 0 7px;font-size:.72rem;font-weight:650;line-height:1.35}.home-screen .watch-offer-card small{color:#ffeec2b8;font-size:.66rem;font-weight:780;line-height:1.32;display:block}.home-screen .watch-offer-cta{color:#1c1302;background:linear-gradient(135deg,#ffe38a,#ffae35);min-width:82px;text-decoration:none;box-shadow:inset 0 1px #ffffff52,0 0 12px #ffbe472e}.bottom-nav.nav-home{--home-neon:#21f58a;background:radial-gradient(circle at 10% 20%,#21f58a29,#0000 28%),linear-gradient(145deg,#091d1af2,#010c0bfa);border:1px solid #abffd933;box-shadow:inset 0 1px #ffffff21,inset -2px -3px 9px #00000052,0 12px 26px #0000005c}.bottom-nav.nav-home:after{background:#ffffffdb}.bottom-nav.nav-home button{color:#ffffff8f}.bottom-nav.nav-home button.is-active{color:var(--home-neon);background:radial-gradient(circle at 26% 16%,#fff3,#0000 34%),linear-gradient(145deg,#123d2bdb,#03120feb);box-shadow:inset 1px 1px 2px #ffffff24,inset -4px -5px 10px #0000005c,0 0 16px #21f58a47}@media (width<=380px){.home-screen .match-hero{gap:10px;padding:13px 12px 16px}.home-screen .match-hero h1{font-size:1.04rem}.home-screen .versus-card{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:6px}.home-screen .versus-card>strong{width:36px;height:36px;font-size:14px}.home-screen .team-badge{min-height:108px;padding:12px 6px}.home-screen .team-badge .flag-badge.large{--flag-size:46px}.home-screen .team-badge strong{font-size:1.36rem}.home-screen .primary-action.roar-action .action-copy strong{font-size:.98rem}.home-screen .watch-offer-card{grid-template-columns:minmax(0,1fr);justify-items:start}}.matches-screen,.roar-screen,.room-screen,.profile-screen{--page-neon:#21f58a;--page-neon-soft:#21f58a47;--page-line:#abffd94d;--page-panel:#020f0dc7;--page-panel-strong:#010a09eb;--page-muted:#ffffffad;gap:12px}.matches-screen .panel,.roar-screen .panel,.room-screen .panel,.profile-screen .panel{color:#fff;border-color:var(--page-line);-webkit-backdrop-filter:blur(8px)saturate(1.14);backdrop-filter:blur(8px)saturate(1.14);background:radial-gradient(circle at 18% 0,#ffffff14,#0000 34%),linear-gradient(#051614c7,#010c0ad1);box-shadow:inset 0 1px #ffffff1f,0 0 12px #21f58a1a,0 8px 14px #00000047}.matches-screen .screen-heading,.roar-screen .roar-top,.room-screen .room-hero,.profile-screen .profile-hero{background:radial-gradient(circle at 50% 0,#21f58a24,#0000 48%),linear-gradient(#02110f94,#01080847);border:1px solid #abffd92e;border-radius:16px;padding:10px 10px 8px;box-shadow:inset 0 1px #ffffff14}.matches-screen .screen-heading h1,.roar-screen .screen-heading h1,.room-screen .room-hero h1,.profile-screen .profile-title h1,.screen:not(.home-screen) .section-title h2{color:#fff;text-shadow:0 3px 9px #0000007a}.matches-screen .screen-heading p,.roar-screen .screen-heading p,.room-screen .room-hero p,.profile-screen .profile-title p,.screen:not(.home-screen) .section-title svg{color:#ffffffc7}.screen:not(.home-screen) .section-title svg{color:#9dffd1}.screen:not(.home-screen) .ghost-action{color:#d9ffec;background:radial-gradient(circle at 24% 18%,#ffffff1a,#0000 34%),linear-gradient(145deg,#142622db,#010b09f0);border-color:#abffd947;box-shadow:inset 1px 1px 3px #ffffff1a,inset -4px -5px 10px #0000004d,0 8px 12px #00000038}.screen:not(.home-screen) .ghost-action.outline,.screen:not(.home-screen) .ghost-action.compact{color:#baffdc;background:radial-gradient(circle at 24% 18%,#21f58a1f,#0000 34%),linear-gradient(145deg,#0b3021c7,#010c0ae6)}.screen:not(.home-screen) .primary-action{border:1px solid #abffd93d;box-shadow:inset 1px 1px 3px #ffffff38,inset -5px -6px 12px #03462757,0 0 14px #21f58a33,0 8px 14px #00000042}.screen:not(.home-screen) .text-button{color:#9dffd1}.matches-screen .matches-ball-image{filter:drop-shadow(0 10px 12px #0000007a)drop-shadow(0 0 12px #21f58a3d)}.matches-screen .match-list{gap:10px}.matches-screen .match-row{color:#fff;background:radial-gradient(circle at 18% 12%,#ffffff17,#0000 34%),linear-gradient(145deg,#122420c7,#010c0ad6);border:1px solid #abffd94d;border-radius:16px;min-height:72px;box-shadow:inset 0 1px #ffffff1f,0 0 11px #21f58a1a}.matches-screen .match-row span{color:#9dffd1;font-weight:900}.matches-screen .match-row strong{color:#fff}.matches-screen .match-row small{color:#ffffffa8}.matches-screen .match-row svg{color:#ffffffe0}.roar-screen .roar-top{padding-bottom:12px}.roar-screen .room-context-pill{color:#ffffffd6;background:radial-gradient(circle at 26% 18%,#21f58a1f,#0000 34%),#020f0dd1;border-color:#abffd942;box-shadow:inset 0 1px #ffffff14}.roar-screen .sticker-panel,.room-screen .sticker-panel,.room-screen .room-status-panel{color:#fff}.roar-screen .team-mini,.roar-screen .score-stepper,.room-screen .team-mini,.room-screen .score-stepper{color:#fff;background:radial-gradient(circle at 26% 18%,#ffffff1a,#0000 34%),linear-gradient(145deg,#142622c7,#010c0adb);border:1px solid #abffd938;box-shadow:inset 0 1px #ffffff1a}.roar-screen .score-stepper button,.room-screen .score-stepper button{color:#baffdc;background:linear-gradient(145deg,#18362ae6,#020f0df5);border-color:#abffd938;box-shadow:inset 1px 1px 3px #ffffff1a,0 5px 8px #0000003d}.roar-screen .score-picker>span,.roar-screen .score-stepper strong,.room-screen .score-picker>span,.room-screen .score-stepper strong{color:#fff}.room-screen .activity-panel{color:#fff;background:radial-gradient(circle at 20% 0,#21f58a1a,#0000 36%),linear-gradient(#051614cc,#010c0ad6);border-color:#abffd94d}.room-screen .room-empty-hero,.room-screen .room-active-hero{min-height:auto}.room-screen .room-active-hero{align-items:center}.room-screen .room-code-pill{color:#baffdc;background:#020f0dc2;border-color:#abffd94d}.room-screen .room-field span,.room-screen .empty-room-feed small{color:#ffffffa8}.room-screen .room-field input,.room-screen .room-composer input{color:#fff;background:radial-gradient(circle at 18% 12%,#ffffff14,#0000 34%),#010a09c2;border-color:#abffd942;box-shadow:inset 4px 5px 10px #00000038,inset -1px -1px 3px #ffffff14}.room-screen .room-field input::placeholder,.room-screen .room-composer input::placeholder{color:#ffffff7a}.room-screen .room-field input:focus,.room-screen .room-composer input:focus{border-color:#21f58ab8;box-shadow:inset 4px 5px 10px #00000038,0 0 0 3px #21f58a29}.room-screen .reaction-row button{background:radial-gradient(circle at 26% 18%,#ffffff1f,#0000 34%),linear-gradient(145deg,#142622d1,#010c0ae6);border-color:#abffd938;box-shadow:inset 1px 1px 3px #ffffff1a,0 6px 10px #00000038}.room-screen .leader-row{color:#fff;background:#ffffff0a}.room-screen .leader-row.is-you{background:#21f58a24;box-shadow:inset 0 0 0 1px #21f58a2e}.room-screen .leader-row span{color:#fff;background:#ffffff1a}.room-screen .leader-row:first-of-type span{color:#120900;background:var(--gold)}.room-screen .battle-summary{background:radial-gradient(circle at 84% 18%,#21f58a47,#0000 8rem),linear-gradient(135deg,#08482bdb,#010a09eb);border-color:#abffd942}.profile-screen .profile-card{grid-template-columns:126px 1fr}.profile-screen .profile-info h2,.profile-screen .favorite-side strong,.profile-screen .preferences-panel h2,.profile-screen .preference-copy strong,.profile-screen .preference-action-control strong{color:#fff}.profile-screen .profile-info h2 svg,.profile-screen .text-button,.profile-screen .tier-card h2{color:var(--page-neon)}.profile-screen .claimed-pill{color:#baffdc;background:#21f58a29;box-shadow:inset 0 0 0 1px #21f58a2e}.profile-screen .claimed-pill.is-guest{color:#ffe9a8;background:#ffc83d29}.profile-screen .favorite-side{border-top-color:#abffd92e;border-bottom-color:#abffd92e}.profile-screen .favorite-side small,.profile-screen .tier-card p,.profile-screen .stat span,.profile-screen .achievement small{color:#ffffffa8}.profile-screen .stats-strip{background:radial-gradient(circle at 18% 0,#21f58a1a,#0000 34%),linear-gradient(#051614c7,#010c0ad1)}.profile-screen .stat{border-right-color:#abffd929}.profile-screen .stat strong{color:#fff}.profile-screen .tier-art-orb{border-color:#21f58aad;box-shadow:inset 3px 4px 8px #ffffff24,inset -6px -7px 12px #0000006b,0 0 14px #21f58a3d}.profile-screen .tier-track span{color:#ffffffa3}.profile-screen .tier-track span:before{background:#ffffff38}.profile-screen .tier-track .is-current:before{background:var(--page-neon);box-shadow:0 0 10px #21f58a6b}.profile-screen .preference-row{border-top-color:#abffd929}.profile-screen .preference-row svg{color:#9dffd1}.profile-screen .achievement{color:#fff;background:radial-gradient(circle at 50% 12%,#21f58a24,#0000 46%),linear-gradient(145deg,#122420c7,#010c0ad6);border:1px solid #abffd92e;box-shadow:inset 0 1px #ffffff1a}.profile-screen{-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;gap:12px}.profile-screen .profile-hero{-webkit-backdrop-filter:saturate(1.08);backdrop-filter:saturate(1.08);background:radial-gradient(circle at 50% 0,#21f58a29,#0000 54%),linear-gradient(#02110fb3,#01080885)}.profile-screen .profile-card,.profile-screen .stats-strip,.profile-screen .tier-card{-webkit-backdrop-filter:saturate(1.08);backdrop-filter:saturate(1.08);background:radial-gradient(circle at 18% 0,#ffffff14,#0000 36%),radial-gradient(circle at 86% 20%,#21f58a1a,#0000 42%),linear-gradient(#02100ea8,#010a09c2);border-color:#abffd961}.profile-screen .profile-card{grid-template-columns:126px minmax(0,1fr);align-items:center;gap:14px;position:relative;overflow:hidden}.profile-screen .profile-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0108081f,#0000 34%),linear-gradient(#ffffff0d,#0000 18%);position:absolute;inset:0}.profile-screen .profile-card>*{z-index:1;position:relative}.profile-screen .profile-info{align-content:center;gap:10px;min-width:0;display:grid}.profile-screen .profile-info h2{max-width:100%;margin:0;font-size:clamp(1.58rem,7vw,2rem);line-height:.98}.profile-screen .profile-name-edit-button{color:var(--page-neon);background:radial-gradient(circle at 24% 18%,#21f58a1f,#0000 34%),linear-gradient(145deg,#0b3021c7,#010c0ae6);border-color:#abffd94d;box-shadow:inset 1px 1px 3px #ffffff1f,inset -4px -5px 10px #00000047}.profile-screen .profile-name-editor input{color:#fff;background:radial-gradient(circle at 18% 12%,#ffffff14,#0000 34%),#010a09c7;border-color:#abffd947;box-shadow:inset 4px 5px 10px #0000003d,inset -1px -1px 3px #ffffff14}.profile-screen .profile-name-editor input:focus{border-color:#21f58ac2;outline:none;box-shadow:inset 4px 5px 10px #0000003d,0 0 0 3px #21f58a2e}.profile-screen .profile-status-row{margin:0}.profile-screen .favorite-side{background:radial-gradient(circle at 18% 18%,#ffffff1a,#0000 34%),linear-gradient(145deg,#06201ac2,#010c0ad6);border:1px solid #abffd947;border-radius:16px;min-height:76px;margin:2px 0 0;padding:8px 12px;box-shadow:inset 1px 1px 3px #ffffff1f,inset -4px -5px 10px #00000042}.profile-screen .favorite-side .team-mini.is-flag-only{width:44px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;transform:translate(7px)}.profile-screen .favorite-side .team-mini.is-flag-only .flag-badge{--flag-size:38px;background:linear-gradient(145deg,#ffffff7a,#cfdbd457);border-color:#ffffff75;box-shadow:0 0 0 1px #00000040,0 5px 11px #00000038}.profile-screen .favorite-side .team-mini.is-flag-only .flag-badge-frame{background:linear-gradient(145deg,#ffffff85,#d3e0d85c)}.profile-screen .favorite-side strong{font-size:1.08rem;line-height:var(--leading-tight)}.profile-screen .favorite-side small{color:#ffffffb3;letter-spacing:0}.profile-screen .preferences-panel,.profile-screen .account-panel,.profile-screen .achievements-panel{-webkit-backdrop-filter:saturate(1.08);backdrop-filter:saturate(1.08);background:radial-gradient(circle at 18% 0,#21f58a14,#0000 36%),linear-gradient(#020f0dad,#010a09cc);border-color:#abffd947}.profile-screen .profile-title h1,.profile-screen .profile-info h2,.profile-screen .tier-card h2,.profile-screen .preferences-panel h2,.profile-screen .account-panel h2,.profile-screen .achievements-panel h2,.profile-screen .stat strong,.profile-screen .achievement strong{color:#fff;text-shadow:none}.profile-screen .tier-card h2{color:var(--page-neon)}.profile-screen .profile-title p,.profile-screen .tier-card p,.profile-screen .stat span,.profile-screen .achievement small,.profile-screen .favorite-side small,.profile-screen .preference-row,.profile-screen .account-reset-row,.profile-screen .preference-copy small{color:#ffffffdb;text-shadow:none}.profile-screen .favorite-side strong{color:#fff;text-shadow:none}.profile-screen .tier-track{--tier-dot-size:10px;--tier-dot-radius:5px;--tier-progress:0%}.profile-screen .tier-track span{color:#ffffffc7;text-shadow:none}.profile-screen .tier-track span:before{background:#6b7470;border:1px solid #ffffff47;box-shadow:0 0 0 1px #01080885}.profile-screen .tier-track .is-current{color:var(--page-neon)}.profile-screen .tier-track .is-current:before{background:var(--page-neon);border-color:#21f58aeb;box-shadow:0 0 0 2px #010808b8,0 0 10px #21f58a8c}@media (width<=380px){.profile-screen .profile-card{grid-template-columns:112px minmax(0,1fr);gap:10px}.profile-screen .favorite-side{grid-template-columns:56px minmax(0,1fr);padding-inline:9px}.profile-screen .tier-body{padding-right:64px}.profile-screen .tier-celebration-mascot{width:86px;height:86px;top:12px;right:-8px}}.matches-screen,.roar-screen,.room-screen,.profile-screen{--page-panel:#020f0d8f;--page-panel-strong:#010a09ad;--page-muted:#ffffffd6}.matches-screen .panel,.roar-screen .panel,.room-screen .panel,.profile-screen .panel{-webkit-backdrop-filter:saturate(1.08);backdrop-filter:saturate(1.08);background:radial-gradient(circle at 18% 0,#ffffff12,#0000 36%),linear-gradient(#05161480,#010c0a99);border-color:#abffd957}.matches-screen .screen-heading,.roar-screen .roar-top,.room-screen .room-hero,.profile-screen .profile-hero{background:radial-gradient(circle at 50% 0,#21f58a24,#0000 50%),linear-gradient(#02110f75,#0108085c)}.matches-screen .match-row,.room-screen .activity-panel,.room-screen .battle-summary,.profile-screen .profile-card,.profile-screen .stats-strip,.profile-screen .tier-card,.profile-screen .preferences-panel,.profile-screen .account-panel,.profile-screen .achievements-panel{-webkit-backdrop-filter:saturate(1.08);backdrop-filter:saturate(1.08);background:radial-gradient(circle at 18% 0,#ffffff12,#0000 36%),radial-gradient(circle at 86% 20%,#21f58a14,#0000 42%),linear-gradient(#02100e7a,#010a0994);border-color:#abffd95c}.room-screen .leader-row,.roar-screen .team-mini,.roar-screen .score-stepper,.profile-screen .favorite-side,.profile-screen .achievement{background:radial-gradient(circle at 18% 12%,#ffffff14,#0000 34%),linear-gradient(145deg,#1224207a,#010c0a94)}.matches-screen .screen-heading,.room-screen .room-hero,.profile-screen .profile-hero{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:2px 0 10px}.matches-screen .screen-heading h1,.room-screen .room-hero h1,.profile-screen .profile-title h1{text-shadow:0 2px 6px #0000008f}.matches-screen .screen-heading p,.room-screen .room-hero p,.profile-screen .profile-title p{color:#ffffffe0;text-shadow:0 1px 4px #00000085}.room-screen .room-hero p{text-transform:none}.room-screen .room-title-lockup{justify-content:center;width:100%;max-width:none}.room-screen .room-title-icon{color:#9fffd0;filter:drop-shadow(0 0 7px #21f58a6b);stroke-width:2.4px;flex:none}.app-shell.is-room-active .app-header{display:none}.app-shell.is-room-active{--room-fixed-top:20px;--room-header-space:96px}.app-shell.is-room-active .toast{bottom:calc(var(--nav-height) + 104px + env(safe-area-inset-bottom))}.app-shell.is-room-active:has(.room-screen-active.has-open-tray) .toast{bottom:calc(var(--nav-height) + 338px + env(safe-area-inset-bottom))}.room-screen-active{padding-top:var(--room-header-space);padding-bottom:calc(var(--nav-height) + 118px + env(safe-area-inset-bottom));gap:8px}.room-screen-active .room-active-hero{left:50%;top:var(--room-fixed-top);z-index:70;-webkit-backdrop-filter:blur(12px)saturate(1.08);backdrop-filter:blur(12px)saturate(1.08);background:linear-gradient(#010a09f0,#010a09c2),radial-gradient(circle at 16% 0,#21f58a29,#0000 48%);border:0;border-bottom:1px solid #abffd92e;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:min(398px,100vw - 32px);margin:0;padding:8px 10px;position:fixed;transform:translate(-50%);box-shadow:0 10px 20px #00000038}.room-screen-active .room-active-copy{grid-template-columns:auto minmax(0,1fr);justify-content:start;align-items:center;gap:2px 7px;display:grid}.room-screen-active .room-active-copy h1{max-width:172px;font-size:15px;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.room-screen-active .room-active-copy p{color:#ffffffc2;text-overflow:ellipsis;white-space:nowrap;grid-area:2/2;align-items:center;gap:4px;min-width:0;margin:0;font-size:10px;font-weight:850;line-height:1;display:inline-flex;overflow:hidden}.room-screen-active .room-active-copy p svg{flex:none;width:13px;height:13px}.room-screen-active .room-code-pill{grid-area:2/1;margin-top:0;padding:4px 8px;font-size:10.5px}.room-screen-active .room-hero-actions{grid-auto-flow:column;align-items:center;gap:6px}.room-screen-active .room-hero-actions .ghost-action{border-radius:13px;min-height:34px;padding:7px 8px;font-size:11px}.room-screen-active .room-composer-panel{left:50%;bottom:calc(var(--nav-height) + 34px + env(safe-area-inset-bottom));z-index:115;-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);background:radial-gradient(circle at 12% 0,#21f58a29,#0000 42%),linear-gradient(145deg,#071d18f5,#010c0bfa);border-color:#abffd947;border-radius:20px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:7px;width:min(398px,100vw - 32px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:inset 0 1px #ffffff21,0 0 16px #21f58a29,0 12px 26px #00000061}.room-screen-active .room-composer{grid-template-columns:36px minmax(0,1fr) 36px 58px 42px;gap:6px}.room-screen-active .room-composer input{color:#fff;background:#ffffff1a;border-color:#abffd92e;min-height:44px;box-shadow:inset 4px 5px 10px #00000038}.room-screen-active .room-composer input::placeholder{color:#ffffff8f}.room-screen-active .icon-send-button{width:42px;height:42px}.room-screen-active .composer-quick-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.room-screen-active .composer-quick-row button{color:#ffffffd6;background:#ffffff14;border:1px solid #abffd926;border-radius:12px;min-height:34px;padding:0 8px;font-size:11px;font-weight:900}.room-screen-active.has-open-tray{padding-bottom:calc(var(--nav-height) + 292px + env(safe-area-inset-bottom))}.room-state-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:0 1px 2px;display:flex;overflow-x:auto}.room-state-strip::-webkit-scrollbar{display:none}.room-state-chip{color:#ffffffdb;background:#04120e94;border:1px solid #abffd933;border-radius:999px;flex:none;align-items:center;gap:5px;min-height:30px;padding:5px 9px;font-size:10.5px;font-weight:900;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.room-state-chip.is-side,.room-state-chip.is-action{color:#ddfff0;background:#06482a94;border-color:#21f58a57}button.room-state-chip{cursor:pointer}.room-chat-stage .room-feed-panel{background:radial-gradient(circle at 50% 0,#21f58a1c,#0000 42%),linear-gradient(#0519148f,#010a099e);min-height:min(56vh,520px);padding-left:12px;padding-right:12px}.room-feed-log{gap:8px;min-height:min(44vh,380px);padding-bottom:122px}.room-screen-active.has-open-tray .room-feed-log{padding-bottom:312px}.room-event{border-top:0;grid-template-columns:34px minmax(0,1fr) auto;align-items:end;gap:8px;padding:4px 0}.room-event>div{color:#fff;background:#04120e9e;border:1px solid #abffd91f;border-radius:15px;max-width:100%;padding:8px 10px;box-shadow:inset 0 1px #ffffff12}.room-event.is-own>div{background:#05482ba8;border-color:#21f58a38}.room-event.type-system>div,.room-event.type-reaction>div{background:#ffffff14}.room-event strong{color:#ffffffe6}.room-event span{color:#ffffffc7}.room-event.type-message span{color:#fff}.room-event-sticker{background:#ffffff14;border-radius:14px;width:64px;height:64px;padding:3px}.room-audio-bubble{gap:5px;margin-top:7px;display:grid}.room-waveform{align-items:center;gap:3px;height:22px;display:flex}.room-waveform i{width:3px;height:var(--bar);opacity:.86;background:linear-gradient(#dcfff0,#21f58a);border-radius:999px;min-height:5px}.room-audio-clip{width:min(100%,216px);height:30px}.composer-icon-button,.composer-roar-button{color:#ddfff0;min-width:0;min-height:42px;box-shadow:var(--neumo-raised);background:#ffffff14;border:1px solid #abffd933;border-radius:14px;place-items:center;display:inline-grid}.composer-icon-button.is-active,.composer-icon-button:active{color:#052016;box-shadow:var(--neumo-pressed);background:linear-gradient(145deg,#9fffd0,#21f58a)}.composer-roar-button{color:#fff;box-shadow:0 0 18px #ff562a47, var(--neumo-raised);background:radial-gradient(circle at 20% 0,#ffffff47,#0000 38%),linear-gradient(145deg,#ff8e31,#e43e26 54%,#7d0f0b);border-color:#ffdab457;grid-template-columns:auto 1fr;gap:4px;padding:0 8px;font-size:11px;font-weight:950}.composer-roar-button.is-recording{filter:saturate(1.15);box-shadow:var(--neumo-pressed);transform:translateY(1px)scale(.99)}.room-action-tray{scrollbar-width:none;gap:8px;max-height:min(42vh,286px);padding:2px 2px 0;display:grid;overflow-y:auto}.room-action-tray::-webkit-scrollbar{display:none}.tray-tabs{grid-template-columns:repeat(4,minmax(0,1fr)) 32px;gap:5px;display:grid}.tray-tabs button{color:#ffffffb8;background:#ffffff12;border:1px solid #abffd929;border-radius:12px;justify-content:center;align-items:center;gap:4px;min-height:34px;padding:0 5px;font-size:10px;font-weight:900;display:inline-flex}.tray-tabs button.is-active{color:#052016;background:linear-gradient(145deg,#b8ffe0,#21f58a);border-color:#21f58ab8}.tray-tabs .tray-close{padding:0}.tray-panel{min-height:128px}.tray-sticker-panel,.tray-sound-panel{scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:86px;grid-auto-flow:column;gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.tray-sticker-panel::-webkit-scrollbar{display:none}.tray-sound-panel::-webkit-scrollbar{display:none}.tray-sticker-card{color:#fff;min-height:126px;box-shadow:var(--neumo-raised);background:linear-gradient(145deg,#085f36f0,#021811fa);border:1px solid #abffd933;border-radius:15px;place-items:end center;padding:7px;display:grid;position:relative;overflow:hidden}.tray-sticker-card img{object-fit:contain;filter:drop-shadow(0 8px 9px #00000057);width:calc(100% - 10px);height:calc(100% - 29px);position:absolute;inset:7px 5px 22px}.tray-sticker-card strong{z-index:2;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;position:relative;overflow:hidden}.tray-sound-card{color:#fff;min-height:78px;box-shadow:var(--neumo-raised);border:1px solid #ffffff24;border-radius:15px;align-content:center;place-items:center;gap:4px;padding:8px;display:grid}.tray-sound-card strong{font-size:12px}.tray-sound-card small{color:#ffffffb8;font-size:10px;font-weight:900}.tray-roar-panel{gap:8px;display:grid}.tray-side-switcher{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tray-side-switcher button,.tray-hold-button{color:#fff;min-height:42px;box-shadow:var(--neumo-raised);background:#ffffff14;border:1px solid #abffd92e;border-radius:14px;font-weight:950}.tray-side-switcher button.is-selected{color:#052016;background:linear-gradient(145deg,#b8ffe0,#21f58a)}.tray-hold-button{background:radial-gradient(circle at 14% 0,#ffffff47,#0000 36%),linear-gradient(145deg,#ff8e31,#e43e26 56%,#7d0f0b);grid-template-columns:34px minmax(0,1fr);place-items:center start;gap:8px;padding:9px 12px;display:grid}.tray-hold-button span{color:#ffffffc2;grid-column:2;font-size:11px}.tray-helper{color:#ffe9a8;margin:0;font-size:11px;font-weight:850}.mic-prime-card{border-radius:var(--radius-md);background:radial-gradient(circle at 18% 12%,#ffffff14,#0000 34%),linear-gradient(145deg,#12242094,#010c0ab8);border:1px solid #abffd93d;gap:8px;padding:12px 38px 12px 12px;display:grid;position:relative}.mic-prime-close{color:#ffffffc7;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:8px;right:8px}.mic-prime-close:focus-visible{outline-offset:2px;outline:2px solid #91ffbfb8}.mic-prime-card strong{color:var(--paper);font-size:var(--type-body);line-height:var(--leading-ui);font-weight:950}.mic-prime-card small{color:#ffffffbd;font-weight:760;line-height:var(--leading-copy)}.tray-hold-button.is-armed{animation:1.1s ease-out mic-armed-pulse}@keyframes mic-armed-pulse{0%{transform:scale(.96);box-shadow:0 0 #21f58a8c}45%{transform:scale(1.03);box-shadow:0 0 0 14px #21f58a00}to{transform:scale(1);box-shadow:0 0 #21f58a00}}.reduce-motion .tray-hold-button.is-armed{animation:none}.tray-predict-panel{gap:10px;display:grid}.profile-screen .profile-title-icon{color:#9fffd0;filter:drop-shadow(0 0 7px #21f58a6b);stroke-width:2.4px;flex:none}.profile-screen .tier-card{grid-template-columns:82px minmax(0,1fr);gap:10px}.profile-screen .tier-orb{width:82px;height:82px}.profile-screen .tier-body{padding-right:0}.profile-screen .tier-card h2{white-space:nowrap;margin-left:22px;font-size:25px}.profile-screen .tier-card p{margin-left:22px}.profile-screen .tier-track{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:3px;min-width:0}.profile-screen .tier-track span{white-space:nowrap;min-width:0;font-size:clamp(6.4px,1.8vw,7.1px)}.profile-screen .tier-celebration-mascot{opacity:.78;width:62px;height:62px;top:8px;right:6px}.bottom-nav{--nav-neon:#21f58a;background:radial-gradient(circle at 10% 20%,#21f58a29,#0000 28%),linear-gradient(145deg,#091d1af2,#010c0bfa);border-color:#abffd933;box-shadow:inset 0 1px #ffffff21,inset -2px -3px 9px #00000052,0 12px 26px #0000005c}.bottom-nav:after{background:#ffffffdb}.bottom-nav button{color:#ffffff8f}.bottom-nav button.is-active{color:var(--nav-neon);background:radial-gradient(circle at 26% 16%,#fff3,#0000 34%),linear-gradient(145deg,#123d2bdb,#03120feb);box-shadow:inset 1px 1px 2px #ffffff24,inset -4px -5px 10px #0000005c,0 0 15px #21f58a47}.modal-backdrop{background:radial-gradient(circle at 50% 90%,#21f58a1f,#0000 22rem),#000000bd;align-items:center}.modal-backdrop.is-bottom-sheet{align-items:end}.modal-backdrop.is-centered-dialog{padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));place-items:center}.modal-backdrop.is-centered-dialog .modal-card{max-height:min(620px, calc(100dvh - max(36px, env(safe-area-inset-top)) - max(36px, env(safe-area-inset-bottom))))}.modal-card{color:#fff;-webkit-backdrop-filter:blur(10px)saturate(1.12);backdrop-filter:blur(10px)saturate(1.12);background:radial-gradient(circle at 18% 0,#ffffff17,#0000 34%),radial-gradient(circle at 86% 22%,#21f58a1a,#0000 42%),linear-gradient(#031612e0,#010a09f0);border:1px solid #abffd957;box-shadow:inset 0 1px #ffffff1f,0 0 18px #21f58a2e,0 18px 44px #00000085}.modal-head h2{color:#fff;text-shadow:none}.modal-head .icon-button{color:#fff;box-shadow:var(--neumo-raised);background:radial-gradient(circle at 28% 18%,#ffffff2e,#0000 34%),linear-gradient(145deg,#162925e0,#010b09f0);border-color:#abffd947}.modal-card p,.modal-note{color:#ffffffd1}.account-reset-confirm{gap:12px;display:grid}.account-reset-icon{color:#ffd9d9;background:radial-gradient(circle at 28% 18%,#ffffff29,#0000 34%),linear-gradient(145deg,#3d0e12db,#100507f0);border:1px solid #ff707057;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 1px 1px 3px #ffffff1f,0 0 16px #ff707029}.modal-action-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.primary-action.danger-action{background:radial-gradient(circle at 22% 18%,#ffffff3d,#0000 30%),linear-gradient(145deg,#ff6f6f,#c92e35 54%,#76151b);box-shadow:inset 2px 2px 5px #ffffff3d,inset -5px -7px 12px #50030861,0 12px 22px #b41c273d}.field-label{color:#ffffffe6}.field-label input,.field-label select{color:#fff;background:radial-gradient(circle at 18% 12%,#ffffff14,#0000 34%),#010a09c7;border-color:#abffd942;box-shadow:inset 4px 5px 10px #0000003d,inset -1px -1px 3px #ffffff14}.field-label input:focus,.field-label select:focus{border-color:#21f58ac2;outline:none;box-shadow:inset 4px 5px 10px #0000003d,0 0 0 3px #21f58a2e}.avatar-choice,.avatar-upload-card,.achievement-row{color:#fff;background:radial-gradient(circle at 18% 12%,#ffffff14,#0000 34%),linear-gradient(145deg,#12242094,#010c0ab8);border-color:#abffd93d;box-shadow:inset 1px 1px 3px #ffffff1a,inset -4px -5px 10px #00000047}.avatar-choice.is-selected,.avatar-upload-card.is-selected{background:radial-gradient(circle at 26% 18%,#ffffff29,#0000 34%),linear-gradient(145deg,#0d4e30c2,#010c0adb);border-color:#21f58ac7;outline:0;box-shadow:inset 1px 1px 3px #ffffff24,0 0 14px #21f58a47}.avatar-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-profile-choice{border-radius:16px}.avatar-choice-thumb,.profile-setup-preview{background:radial-gradient(circle at 48% 26%,#ffffffdb,#a3e7c361 50%,#031610b8),#010a09d1;border:1px solid #abffd942;box-shadow:inset 1px 1px 3px #ffffff42,inset -4px -6px 9px #00000042,0 8px 13px #0003}.avatar-profile-choice strong{color:#ffffffe0}.avatar-choice small,.avatar-upload-card small,.achievement-row small{color:#ffffffb8}.avatar-upload-card{border-radius:var(--radius-sm);text-align:left;cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 12px;display:grid;position:relative}.avatar-upload-card input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.avatar-upload-preview{color:#9dffd1;background:radial-gradient(circle at 50% 20%,#ffffff1a,#0000 42%),#010a09b8;border:1px solid #abffd947;border-radius:14px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.avatar-upload-preview img,.profile-avatar-frame img.custom-avatar-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.profile-avatar-frame img.profile-avatar-image,.avatar-mini.avatar-profile .profile-avatar-image{object-fit:cover;object-position:center;display:block}.avatar-mini.avatar-profile .profile-avatar-image{width:100%;height:100%;translate:0}.profile-setup-card{border-radius:24px 24px 18px 18px;gap:10px}.profile-setup-hero h2{color:#fff;text-shadow:none}.profile-setup-hero>strong{color:#fff}.profile-setup-avatar-grid{scrollbar-color:#21f58a7a transparent}.avatar-criteria{border-radius:var(--radius-sm);color:#ffffffc7;font-size:var(--type-meta);line-height:var(--leading-copy);background:#010a0980;border:1px solid #abffd933;gap:4px;margin-top:12px;padding:11px 12px;display:grid}.avatar-criteria strong{color:#fff;font-size:var(--type-body)}.achievement-row em{color:#08130e;background:var(--green-bright);text-align:center;border-radius:999px;justify-self:end;min-width:62px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:950}.achievement-row.is-locked{opacity:.76}.achievement-row.is-locked img{filter:grayscale(.58);opacity:.72}.achievement-row.is-locked em{color:#ffffffc2;background:#ffffff1f}.achievement-empty{border-radius:var(--radius-md);text-align:center;color:#fff;background:radial-gradient(circle at 50% 0,#21f58a1f,#0000 42%),#010a0980;border:1px solid #abffd933;grid-column:1/-1;align-content:center;justify-items:center;gap:5px;min-height:82px;padding:12px;display:grid}.achievement-empty small{color:#ffffffc7;font-size:var(--type-meta);font-weight:760}@media (width<=380px){.matches-screen .match-row{padding:12px}.profile-screen .profile-card{grid-template-columns:108px 1fr}.profile-screen .achievement-grid{gap:6px}}.room-bar{border-radius:var(--radius-lg);box-shadow:var(--neumo-raised);background:radial-gradient(circle at 14% 0,#21f58a1f,#0000 46%),#0a1a13d1;border:1px solid #abffd924;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 10px;padding:12px 14px;display:grid}.room-bar-top{align-items:center;gap:8px;min-width:0;display:flex}.room-presence-dot{background:var(--green-bright);width:9px;height:9px;box-shadow:0 0 8px var(--green-bright);border-radius:50%;flex:none}.room-bar-top h1{min-width:0;color:var(--paper);font-size:1.0625rem;line-height:var(--leading-heading);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.room-bar-meta{font-size:var(--type-meta);color:var(--paper-soft);flex-wrap:wrap;grid-area:2/1/auto/-1;align-items:center;gap:6px 10px;margin:0;display:flex}.room-member-count{align-items:center;gap:4px;display:inline-flex}.room-member-trigger{color:inherit;font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #abffd929;border-radius:999px;padding:4px 8px}.room-member-trigger:focus-visible{outline-offset:2px;outline:2px solid #21f58ab8}.room-match-pill{color:var(--paper);font-size:var(--type-caption);background:#ffffff12;border:1px solid #abffd929;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-weight:850;display:inline-flex}.room-lifecycle-chip{min-height:23px;color:var(--green-bright);font-size:var(--type-caption);white-space:nowrap;background:#032215b8;border:1px solid #21f58a52;border-radius:999px;justify-content:center;align-items:center;padding:3px 8px;font-weight:900;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.room-lifecycle-chip.is-expiring-soon,.room-lifecycle-chip.is-read-only{color:#ffd493;background:#2d1b07b8;border-color:#ffc47057}.room-lifecycle-compact{display:none}.room-bar-actions{flex:none;grid-area:1/2;align-items:center;gap:6px;display:flex;position:relative}.room-overflow-trigger{border-radius:var(--radius-sm);background:var(--neumo-surface);width:38px;height:38px;color:var(--paper);box-shadow:var(--neumo-raised);place-items:center;display:grid}.room-overflow-trigger[aria-expanded=true]{box-shadow:var(--neumo-pressed)}.room-overflow-menu{z-index:30;border-radius:var(--radius-md);background:var(--neumo-surface);min-width:172px;box-shadow:var(--shadow);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.room-overflow-menu button{border-radius:var(--radius-sm);width:100%;color:var(--paper);font-size:var(--type-body);text-align:left;background:0 0;align-items:center;gap:8px;padding:10px 12px;display:flex}.room-overflow-menu button:hover,.room-overflow-menu button:focus-visible{background:#ffffff14}.room-overflow-menu button.is-danger{color:var(--red)}.room-notice-strip{border-radius:var(--radius-sm);color:var(--paper);background:#052518b8;border:1px solid #abffd92e;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:grid}.room-notice-strip strong{color:var(--green-bright);font-size:var(--type-caption);text-transform:uppercase;font-weight:950}.room-notice-strip span{min-width:0;font-size:var(--type-caption);overflow-wrap:anywhere;font-weight:800}.room-notice-strip button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--paper);background:#ffffff14;place-items:center;display:grid}.room-people-backdrop{padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));place-items:center}.room-people-card{width:min(430px,100%);max-height:min(620px, calc(100dvh - max(28px, env(safe-area-inset-top)) - max(28px, env(safe-area-inset-bottom))));-webkit-overflow-scrolling:touch;gap:14px;display:grid;overflow:auto}.room-people-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.room-people-head span{color:var(--green-bright);font-size:var(--type-meta);text-transform:uppercase;font-weight:950;display:block}.room-people-head h2{color:var(--paper);font-size:1.55rem;line-height:var(--leading-heading);margin:2px 0 0}.room-people-meta{color:#ffffffad;font-size:var(--type-caption);margin-top:5px;font-weight:850;display:block}.room-people-close{border-radius:var(--radius-sm);width:42px;height:42px;color:var(--paper);box-shadow:var(--neumo-raised);background:radial-gradient(circle at 28% 18%,#ffffff29,#0000 36%),#ffffff14;border:1px solid #abffd93d;flex:none;place-items:center;display:grid}.room-host-tools-toggle{border-radius:var(--radius-sm);min-height:38px;color:var(--paper);font-size:var(--type-caption);background:#21f58a1f;border:1px solid #abffd933;flex:none;align-items:center;gap:6px;padding:8px 10px;font-weight:950;display:inline-flex}.room-host-tools-toggle.is-open{background:#21f58a38}.room-host-tools-toggle b{background:var(--green-bright);color:#03140d;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:.68rem;display:grid}.room-people-list{gap:8px;padding-right:2px;display:grid}.room-people-row{border-radius:var(--radius-md);background:#ffffff12;border:1px solid #abffd929;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.room-people-row .avatar-mini{width:38px;height:38px}.room-people-copy{gap:3px;min-width:0;display:grid}.room-people-copy strong{min-width:0;color:var(--paper);font-size:var(--type-body);align-items:center;gap:7px;display:flex}.room-people-copy strong>span,.room-people-copy b{color:var(--green-bright);font-size:var(--type-caption);background:#13c76a21;border:1px solid #21f58a3d;border-radius:999px;flex:none;padding:2px 7px;font-weight:900}.room-people-copy small{color:#ffffffad;font-size:var(--type-caption);align-items:center;gap:6px;display:flex}.room-people-actions,.room-join-request-actions,.room-host-form-actions{align-items:center;gap:6px;display:inline-flex}.room-people-actions button,.room-join-request-actions button{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--paper);background:#ffffff14;border:1px solid #abffd92e;place-items:center;display:grid}.room-people-actions button.is-danger,.room-join-request-actions button.is-danger{color:#ff8075;background:#ff5c5c1a;border-color:#ff807552}.room-host-tools{border-radius:var(--radius-md);background:#01160ea3;border:1px solid #21f58a38;gap:12px;padding:12px;display:grid}.room-host-tools header{justify-content:space-between;align-items:center;gap:10px;display:flex}.room-host-tools h3,.room-host-tool-block strong{color:var(--green-bright);font-size:var(--type-caption);text-transform:uppercase;margin:0;font-weight:950}.room-host-tools p,.room-host-tool-block>small{color:#ffffffad;font-size:var(--type-caption);margin:3px 0 0;font-weight:800}.room-host-tool-block{gap:8px;display:grid}.room-join-mode-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.room-join-mode-control button,.room-host-form button,.room-stale-zj-action{border-radius:var(--radius-sm);min-height:38px;color:var(--paper);font-size:var(--type-caption);background:#ffffff14;border:1px solid #abffd92e;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-weight:950;display:inline-flex}.room-join-mode-control button.is-active{color:var(--green-bright);background:#21f58a33;border-color:#21f58a66}.room-join-request-list{gap:7px;display:grid}.room-join-request-row{border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid #abffd91f;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.room-join-request-row .avatar-mini{width:32px;height:32px}.room-join-request-row div{gap:2px;min-width:0;display:grid}.room-join-request-row strong{color:var(--paper);font-size:var(--type-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-join-request-row small{color:#ffffffa8;font-size:var(--type-caption);font-weight:850}.room-host-form{grid-template-columns:1fr}.room-host-form label{gap:5px;display:grid}.room-host-form label span{color:#ffffffbd;font-size:var(--type-caption);font-weight:900}.room-host-form input,.room-host-form textarea{border-radius:var(--radius-sm);width:100%;color:var(--paper);font:inherit;font-size:var(--type-body);background:#00000038;border:1px solid #abffd92e;outline:none;font-weight:800}.room-host-form input{min-height:40px;padding:8px 10px}.room-host-form textarea{resize:vertical;min-height:62px;padding:9px 10px}.room-host-form input:focus,.room-host-form textarea:focus{border-color:#21f58a8a;box-shadow:0 0 0 2px #21f58a29}.room-host-form-actions{flex-wrap:wrap}.room-stale-zj-action{color:#ffd1ca;background:#ff5c5c1a;border-color:#ff807552;justify-self:start}.room-people-activity{border-top:1px solid #abffd91f;gap:8px;padding-top:2px;display:grid}.room-people-activity h3{color:var(--green-bright);font-size:var(--type-caption);text-transform:uppercase;margin:0;font-weight:950}.room-people-activity-list{gap:7px;display:grid}.room-people-activity-row{border-radius:var(--radius-sm);background:#ffffff0b;border:1px solid #abffd91f;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:8px 9px;display:grid}.room-people-activity-row .avatar-mini{width:30px;height:30px;font-size:.82rem}.room-people-activity-copy{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.room-people-activity-copy strong{color:#ffffffdb;min-width:0;font-size:var(--type-caption);text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.room-people-activity-copy time{color:#ffffff94;font-size:var(--type-caption);flex:none;font-weight:900}.roar-orb-panel{gap:12px;display:grid}.orb-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.orb-team{border-radius:var(--radius-md);color:var(--paper);background:0 0;border:1px solid #0000;justify-items:center;gap:3px;padding:10px 6px;display:grid}.orb-team strong{letter-spacing:.04em;font-size:1.25rem}.orb-team small{font-size:var(--type-caption);color:var(--paper-soft);text-transform:uppercase;letter-spacing:.08em}.orb-team b{color:var(--green-bright);font-size:1.375rem}.orb-team.is-selected{background:#13c76a14;border-color:#13c76a73;box-shadow:0 0 18px #13c76a2e}.orb-center{place-items:center;display:grid;position:relative}.roar-orb{--level:0;background:radial-gradient(circle at 32% 28%, #ffffff2e, transparent 52%), radial-gradient(circle at 50% 60%, var(--green), var(--green-deep) 78%);width:clamp(124px,36vw,156px);height:clamp(124px,36vw,156px);color:var(--paper);box-shadow:0 0 0 5px #13c76a29, 0 0 34px #13c76a59, var(--neumo-green);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;gap:2px;display:grid;position:relative}.roar-orb strong{font-size:var(--type-action);line-height:var(--leading-tight);text-align:center;max-width:86%}.roar-orb .orb-side-tag{font-size:var(--type-caption);color:#ffffffd1;letter-spacing:.04em}.orb-ring{background:conic-gradient(var(--green-bright) calc(var(--level) * 360deg), #ffffff1a calc(var(--level) * 360deg));pointer-events:none;border-radius:50%;position:absolute;inset:-7px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px))}.roar-orb.is-recording{box-shadow:0 0 0 7px #13c76a4d, 0 0 48px #13c76a8c, var(--neumo-green-pressed)}.roar-orb.is-armed{animation:1.1s ease-out orb-armed-pulse}@keyframes orb-armed-pulse{0%{transform:scale(1)}30%{transform:scale(1.06)}60%{transform:scale(.99)}to{transform:scale(1)}}.reduce-motion .roar-orb.is-armed{animation:none}.orb-helper{font-size:var(--type-meta);color:var(--paper-soft);text-align:center;margin:0}.roar-reveal{z-index:5;color:var(--paper);background:radial-gradient(circle at 50% 42%,#07130ff5,#07130fe0);border-radius:50%;align-content:center;place-items:center;gap:2px;display:grid;position:absolute;inset:-8px;box-shadow:0 0 36px #13c76a66}.roar-reveal-score{color:var(--green-bright);font-size:2.375rem;line-height:1}.roar-reveal-tier{font-size:var(--type-action);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.roar-reveal small{font-size:var(--type-caption);color:var(--paper-soft)}.blast-rail{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.blast-rail::-webkit-scrollbar{display:none}.blast-pill{background:var(--neumo-surface);min-width:104px;color:var(--paper);box-shadow:var(--neumo-raised);border:1px solid #abffd91f;border-radius:999px;flex:none;align-items:center;gap:8px;padding:7px 13px 7px 7px;display:flex;position:relative;overflow:hidden}.blast-pill strong{text-align:left;font-size:var(--type-body);flex:1}.blast-pill small{font-size:var(--type-caption);color:var(--green-bright);font-weight:800}.blast-pill:disabled{opacity:.88}.blast-icon{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:1rem;display:grid}@property --sweep{syntax:"<percentage>";inherits:false;initial-value:0%}.blast-cooldown{background:conic-gradient(transparent 0 var(--sweep), #07130f9e var(--sweep) 100%);pointer-events:none;animation-name:blast-sweep;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;inset:0}@keyframes blast-sweep{0%{--sweep:0%}to{--sweep:100%}}.reduce-motion .blast-cooldown{background:#07130f8c;animation:none}.sticker-row{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.sticker-row::-webkit-scrollbar{display:none}.sticker-chip{border-radius:var(--radius-md);background:var(--neumo-surface);min-width:88px;max-width:112px;color:var(--paper);box-shadow:var(--neumo-raised);border:1px solid #abffd91a;flex:none;justify-items:center;gap:5px;padding:10px 9px 9px;transition:transform .12s;display:grid}.sticker-chip:active{box-shadow:var(--neumo-pressed);transform:scale(.92)}.reduce-motion .sticker-chip,.reduce-motion .sticker-chip:active{transition:none;transform:none}.sticker-chip img{object-fit:contain;width:48px;height:48px}.sticker-chip strong{max-width:100%;font-size:var(--type-caption);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sticker-chip.rarity-rare{box-shadow:var(--neumo-raised), 0 0 12px #1677ff59;border-color:#1677ff73}.sticker-chip.rarity-epic{box-shadow:var(--neumo-raised), 0 0 14px #ffc83d73;border-color:#ffc83d80}.prediction-row-panel{gap:10px;display:grid}.prediction-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.prediction-title{font-size:var(--type-section);align-items:center;gap:6px;font-weight:700;display:inline-flex}.prediction-score{border-radius:var(--radius-sm);background:var(--neumo-surface);color:var(--paper);font-size:var(--type-body);box-shadow:var(--neumo-raised);align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.prediction-score b{color:var(--green-bright);font-size:1.125rem}.prediction-score[aria-expanded=true]{box-shadow:var(--neumo-pressed)}.prediction-chip{color:var(--paper);font-size:var(--type-body);background:#13c76a24;border:1px solid #13c76a66;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-weight:700;display:inline-flex}.prediction-chip small{font-weight:500;font-size:var(--type-caption);color:var(--paper-soft)}.prediction-popover{border-radius:var(--radius-md);background:#07130f8c;justify-items:center;padding:10px;display:grid}.fan-pulse-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:10px;display:grid}.fan-pulse-card,.top-shouters-card{border-radius:var(--radius-md);background:#07130f8c;align-content:start;gap:6px;padding:12px;display:grid}.fan-pulse-title{font-size:var(--type-caption);text-transform:uppercase;letter-spacing:.07em;color:var(--paper-soft);align-items:center;gap:6px;font-weight:800;display:inline-flex}.fan-pulse-number{color:var(--green-bright);font-size:2rem;line-height:1}.fan-pulse-card small{font-size:var(--type-caption);color:var(--paper-soft)}.fan-pulse-empty{font-size:var(--type-meta);color:var(--paper-soft);margin:4px 0 0}.fan-pulse-sparkline{width:100%;height:26px;margin-top:2px}.fan-pulse-sparkline polyline{stroke:var(--green-bright);stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.top-shouters-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.top-shouters-list li{grid-template-columns:16px 26px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.top-shouters-list li strong{font-size:var(--type-meta);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.top-shouters-list li b{font-size:var(--type-caption);color:var(--green-bright)}.top-shouters-list .avatar-mini{width:26px;height:26px}.shouter-rank{width:16px;height:16px;color:var(--ink);background:var(--paper-soft);border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.shouter-rank.rank-1{background:var(--gold)}.shouter-rank.rank-2{background:#f0f2f5d9}.shouter-rank.rank-3{background:#ffc83d8c}.room-event-joins{font-size:var(--type-caption);color:var(--paper-soft);justify-content:center;align-items:center;gap:6px;padding:4px 0;display:flex}.room-audio-bubble{align-items:center;gap:8px;display:flex}.room-audio-play{background:var(--green);width:30px;height:30px;color:var(--paper);box-shadow:var(--neumo-green);border-radius:50%;flex:none;place-items:center;display:grid}.room-audio-play[aria-pressed=true]{box-shadow:var(--neumo-green-pressed)}.room-audio-bubble.is-playing .room-waveform i{animation:.7s ease-in-out infinite alternate waveform-bounce}@keyframes waveform-bounce{0%{transform:scaleY(.6)}to{transform:scaleY(1.15)}}.reduce-motion .room-audio-bubble.is-playing .room-waveform i{animation:none}.room-stack .room-chat-stage{min-height:0}.room-stack .room-chat-stage .room-feed-panel{min-height:0;padding:14px}.room-stack .room-feed-log{min-height:160px;max-height:44vh;padding-bottom:10px}.room-stack .room-composer-panel{border-radius:var(--radius-lg);background:radial-gradient(circle at 12% 0,#21f58a24,#0000 42%),linear-gradient(145deg,#071d18f5,#010c0bfa);border:1px solid #abffd938;gap:8px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 10px 24px #0000004d}.room-stack .room-composer{grid-template-columns:minmax(0,1fr) 44px;gap:8px}.room-stack .room-composer input{min-height:44px;color:var(--paper);background:#ffffff1a;border:1px solid #abffd92e;border-radius:999px;padding:0 16px;box-shadow:inset 4px 5px 10px #00000038}.room-stack .room-composer input::placeholder{color:#ffffff8f}.room-stack .icon-send-button{width:44px;height:44px}.room-stack .composer-quick-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.room-stack .composer-quick-row button{background:#ffffff14;border:1px solid #abffd926;border-radius:12px;min-height:36px;font-size:1.05rem}.room-stack .room-event{align-items:center}.room-stack .room-event small{color:var(--paper-soft)}.prediction-score,.prediction-chip{min-width:0;max-width:100%}.roar-fab{right:18px;bottom:calc(var(--nav-height) + 16px + env(safe-area-inset-bottom));z-index:60;background:radial-gradient(circle at 30% 25%, #fff3, transparent 55%), var(--green);color:var(--paper);font-size:var(--type-action);box-shadow:0 0 22px #13c76a66, var(--neumo-green);border-radius:999px;align-items:center;gap:7px;padding:11px 16px;font-weight:800;display:inline-flex;position:fixed}.room-stack{gap:var(--screen-gap);padding-bottom:calc(var(--nav-height) + 14px + env(safe-area-inset-bottom))}.match-list{gap:12px;display:grid}.matches-kicker{color:#ffffffc2;font-size:calc(var(--type-action) * .8);font-weight:780;line-height:var(--leading-ui);text-align:center;white-space:nowrap;margin:0}.match-day-group{gap:8px;display:grid}.match-day-label{font-size:var(--type-meta);text-transform:uppercase;letter-spacing:.08em;text-align:center;color:var(--green-bright);margin:4px 0 0;font-weight:850}.matches-screen .match-row{grid-template-columns:58px minmax(0,1fr) 58px 18px;align-items:center;gap:8px;padding:12px 10px;display:grid}.matches-screen .match-row .match-side,.matches-screen .match-row .match-center,.matches-screen .match-row svg{grid-area:auto}.matches-screen .match-row .match-side{justify-items:center;gap:4px;display:grid}.matches-screen .match-row .match-side strong{font-size:var(--type-action);letter-spacing:.05em}.matches-screen .match-row .match-side strong.is-resolving{color:#ffffff80;letter-spacing:.1em}.matches-screen .match-team-resolving-flag{background:radial-gradient(circle at 35% 28%,#ffffff47,#0000 35%),linear-gradient(135deg,#1dff8e2e,#06b6d429);border:1px solid #aeffdc6b;border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 12px #1dff8e2e}.matches-screen .match-row .match-center{justify-items:center;gap:2px;min-width:0;display:grid}.matches-screen .match-row .match-center b{font-size:var(--type-action)}.matches-screen .match-row .match-center small{max-width:100%;font-size:var(--type-caption);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-back-button{width:34px;height:34px;color:var(--paper);background:#ffffff12;border-radius:50%;flex:none;place-items:center;margin-left:-6px;display:grid}.app-shell.is-room-open .screen-stack{padding-top:10px;padding-bottom:0}.app-shell.is-room-open .room-stack{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.room-list-section{gap:8px;display:grid}.room-list-section-head{justify-content:space-between;align-items:center;gap:10px;padding:0 4px;display:flex}.room-list-section-head h2{font-size:var(--type-body);line-height:var(--leading-tight);color:var(--paper);margin:0}.room-list-limit{color:var(--paper-soft);font-size:var(--type-caption);background:#ffffff0d;border:1px solid #abffd929;border-radius:999px;flex:none;padding:3px 8px;font-weight:850}.room-list-stack{gap:8px;display:grid}.room-list-card{border-radius:var(--radius-lg);color:var(--paper);box-shadow:0 0 16px #13c76a29, var(--neumo-raised);background:radial-gradient(circle at 14% 0,#21f58a29,#0000 46%),#0a1a13db;border:1px solid #13c76a66;position:relative;overflow:hidden}.room-list-card-main{width:100%;min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;gap:7px;padding:14px 40px 12px 14px;display:grid;position:relative}.room-list-card-actions{justify-content:flex-end;padding:0 14px 12px;display:flex}.room-list-card-leave{color:#ff9b9b;min-height:30px;font-size:var(--type-caption);background:#ff4b2e1a;border:1px solid #ff747457;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-weight:850;display:inline-flex}.room-list-card-tag{font-size:var(--type-caption);text-transform:uppercase;letter-spacing:.09em;color:var(--green-bright);align-items:center;gap:6px;font-weight:850;display:inline-flex}.room-list-card-status-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.room-list-card-tag:before{content:"";background:var(--green-bright);width:8px;height:8px;box-shadow:0 0 8px var(--green-bright);border-radius:50%}.room-list-card-title{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.room-list-card-title strong{font-size:1.0625rem;line-height:var(--leading-heading)}.room-list-card-meta{font-size:var(--type-meta);color:var(--paper-soft);align-items:center;gap:10px;display:flex}.room-list-card-match{font-size:var(--type-meta);color:#e3ffeee6;align-items:center;gap:5px;font-weight:750;display:inline-flex}.room-list-card-date{color:#e3ffeec2;font-size:var(--type-caption);background:#04120d61;border:1px solid #95ffc733;border-radius:999px;align-items:center;gap:4px;padding:3px 7px;font-weight:800;line-height:1;display:inline-flex}.room-list-card-avatars{display:inline-flex}.room-list-card-avatars .avatar-mini{border:2px solid #0a1a13e6;width:26px;height:26px}.room-list-card-avatars .avatar-mini+.avatar-mini{margin-left:-8px}.room-list-card-members{align-items:center;gap:4px;display:inline-flex}.room-list-card-activity{font-size:var(--type-meta);color:var(--paper-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-list-card-chevron{color:var(--paper-soft);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.app-shell.is-room-open{height:100dvh;min-height:0;padding:12px;overflow:hidden}.app-shell.is-room-open .phone-frame{flex-direction:column;height:100%;min-height:0;display:flex}.app-shell.is-room-open .screen-stack{flex-direction:column;flex:1;min-height:0;padding:10px 12px 0;display:flex;overflow:hidden}.app-shell.is-room-open .room-stack{min-height:0;padding-bottom:calc(10px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:9px;display:flex;position:relative}.app-shell.is-room-open .room-chat-stage{flex:1;min-height:0;display:grid}.app-shell.is-room-open .room-chat-stage .room-feed-panel{flex-direction:column;min-height:0;padding:12px 14px;display:flex}.app-shell.is-room-open .room-chat-stage .room-feed-panel>*{flex:none}.app-shell.is-room-open .room-chat-stage .room-feed-panel>.room-feed-log{touch-action:pan-y;flex:auto;min-height:0;overflow-y:auto}.app-shell.is-room-open .room-feed-poll-slot{flex:none}.app-shell.is-room-open .room-feed-log{flex:1;height:auto;min-height:0;max-height:none;padding-bottom:6px}.room-bar-avatars{align-items:center;display:inline-flex}.room-bar-avatars .avatar-mini{border:2px solid #0a1a13e6;width:24px;height:24px}.room-bar-avatars .avatar-mini+.avatar-mini{margin-left:-7px}.room-bar-avatar-more{color:var(--paper);background:#ffffff1f;place-items:center;font-size:10px;font-weight:850;display:grid}.room-icon-action{border-radius:var(--radius-sm);background:var(--neumo-surface);width:36px;height:36px;color:var(--paper);box-shadow:var(--neumo-raised);place-items:center;display:grid}.room-icon-action[aria-expanded=true]{box-shadow:var(--neumo-pressed)}.energy-strip{border-radius:var(--radius-md);background:#0a1a13b3;border:1px solid #abffd91f;flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.energy-side{border-radius:var(--radius-sm);color:var(--paper);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.energy-side strong{font-size:var(--type-body);letter-spacing:.05em}.energy-side.is-selected{background:#13c76a1a;border-color:#13c76a73}.energy-track-wrap{align-items:center;gap:8px;min-width:0;display:flex}.energy-track-wrap.has-live-score{justify-content:center}.energy-share{font-size:var(--type-caption);color:var(--green-bright);flex:none;font-weight:850}.energy-share.is-away{color:var(--red)}.energy-track{background:#ff4b2e66;border-radius:999px;flex:1;height:8px;overflow:hidden}.energy-fill{background:linear-gradient(90deg, var(--green), var(--green-bright));border-radius:999px 0 0 999px;height:100%;transition:width .4s;display:block;box-shadow:0 0 8px #13c76a8c}.reduce-motion .energy-fill{transition:none}.energy-empty{text-align:center;font-size:var(--type-caption);color:var(--paper-soft);margin:0}.live-score-strip{min-width:0;color:var(--paper);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:7px;display:flex}.live-score-state{color:#7cffae;background:#21f58a29;border:1px solid #21f58a47;border-radius:999px;flex:none;padding:2px 6px;font-size:.61rem;font-weight:950;line-height:1}.live-score-state.is-post{color:#ffffffc2;background:#ffffff1a;border-color:#ffffff29}.live-score-line{color:var(--paper);text-shadow:0 0 12px #21f58a47;align-items:baseline;gap:4px;font-size:1.02rem;line-height:1;display:inline-flex}.live-score-strip small{min-width:0;color:var(--paper-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;font-weight:800;line-height:1;overflow:hidden}.app-shell.is-room-open .prediction-row-panel{flex:none;padding:8px 12px}.room-dock{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 0,#21f58a1f,#0000 50%),#07130fd9;border:1px solid #abffd929;flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1a,0 8px 20px #0000004d}.dock-rail{scrollbar-width:none;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.dock-rail::-webkit-scrollbar{display:none}.dock-pill{border-radius:var(--radius-md);background:var(--neumo-surface);width:52px;color:var(--paper);box-shadow:var(--neumo-raised);border:1px solid #abffd91a;flex:none;justify-items:center;gap:2px;padding:6px 2px 5px;display:grid;position:relative;overflow:hidden}.dock-pill .blast-cooldown{border-radius:inherit}.dock-pill-icon{background:#ffffff1a;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.95rem;display:grid}.dock-pill img{object-fit:contain;width:26px;height:26px}.dock-pill small{letter-spacing:.02em;max-width:100%;color:var(--paper-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.5625rem;font-weight:750;overflow:hidden}.dock-pill.rarity-rare{border-color:#1677ff66}.dock-pill.rarity-epic{border-color:#ffc83d73}.app-shell.is-room-open .roar-orb strong{font-size:var(--type-meta)}.app-shell.is-room-open .roar-orb svg{width:18px;height:18px}.dock-prime-card{z-index:40;width:min(330px,86vw);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.dock-orb-helper{z-index:30;border-radius:var(--radius-sm);background:#07130feb;width:max-content;max-width:80vw;padding:4px 10px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.app-shell.is-room-open .room-composer-panel{flex:none;padding:7px}.app-shell.is-room-open .room-composer input{min-height:40px}.app-shell.is-room-open .icon-send-button{width:40px;height:40px}.app-shell.is-room-open .room-event>div{border-color:#abffd914;padding:7px 10px}.prediction-poll{border-radius:var(--radius-md);background:#07130f99;border:1px solid #abffd929;gap:8px;margin-bottom:8px;padding:10px 12px;display:grid}.prediction-poll-title{font-size:var(--type-meta);color:var(--paper);align-items:center;gap:6px;font-weight:800;display:inline-flex}.prediction-poll-head,.prediction-status-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.prediction-status-row{font-size:var(--type-caption);color:#dfffecb8;flex-wrap:wrap;justify-content:center}.prediction-deadline-pill,.prediction-sheet-button{min-height:28px;font-size:var(--type-caption);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:4px 9px;font-weight:800;display:inline-flex}.prediction-deadline-pill{color:#dfffecd1;background:#ffffff0f;border:1px solid #ffffff1a}.prediction-deadline-pill.is-closed{color:#ffe1aaf2;background:#ffc9751a;border-color:#ffc9753d}.prediction-sheet-button{color:var(--green-bright);box-shadow:none;background:#21f58a1a;border:1px solid #21f58a3d}.prediction-sheet-button:active{transform:translateY(1px)scale(.98)}.prediction-poll-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:inline-flex}.prediction-minimize-button{color:#dfffecd1;width:28px;height:28px;box-shadow:none;background:#ffffff0f;border:1px solid #abffd929;border-radius:999px;place-items:center;display:grid}.prediction-minimize-button:active{transform:translateY(1px)scale(.96)}.prediction-poll-minimized{grid-template-columns:minmax(0,1fr) auto;align-items:center}.prediction-poll-minimized .prediction-poll-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prediction-poll-picks{flex-wrap:wrap;gap:6px;display:flex}.prediction-pick-chip{font-size:var(--type-caption);color:var(--paper-soft);background:#13c76a1a;border:1px solid #13c76a4d;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.prediction-pick-chip b{color:var(--green-bright)}.prediction-poll-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.prediction-locked-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.prediction-locked-row .prediction-chip{min-width:0}.prediction-result-chip{color:#effff7e6;min-height:22px;font-size:var(--type-caption);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;margin-left:2px;padding:2px 7px;font-weight:900;display:inline-flex}.prediction-result-chip.is-exact{color:var(--green-bright);background:#21f58a29;border-color:#21f58a73}.prediction-result-chip.is-winner{color:#ffe1aafa;background:#ffc9751f;border-color:#ffc97566}.prediction-result-chip.is-miss{color:#ffbebef0;background:#ff74741a;border-color:#ff747452}.room-event-link{width:fit-content;min-height:28px;color:var(--green-bright);font-size:var(--type-caption);background:#21f58a17;border:1px solid #21f58a38;border-radius:999px;justify-self:start;align-items:center;gap:5px;margin-top:6px;padding:4px 9px;font-weight:800;display:inline-flex}.room-event-sound-pack-link{color:#ffe1aafa;background:#ffc9751a;border-color:#ffc97557}.room-event-sound-pack-link svg{flex:none}.prediction-sheet-backdrop{z-index:260;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000007a;justify-content:center;align-items:flex-end;padding:18px 12px 0;display:flex;position:fixed;inset:0}.prediction-sheet{width:min(100%,480px);max-height:min(74vh,640px);padding:10px 14px max(18px, env(safe-area-inset-bottom));background:#030c0bf0;border:1px solid #abffd924;border-radius:24px 24px 0 0;gap:12px;display:grid;overflow:auto;box-shadow:0 -18px 44px #00000061,inset 0 1px #ffffff14}.prediction-sheet-handle{background:#ffffff61;border-radius:999px;justify-self:center;width:42px;height:4px}.prediction-sheet-head,.prediction-sheet-head>span,.prediction-sheet-progress,.prediction-sheet-own,.prediction-sheet-pick,.prediction-sheet-list>span,.prediction-sheet-after>span{align-items:center;display:flex}.prediction-sheet-head{justify-content:space-between;gap:12px}.prediction-sheet-head>span{color:var(--green-bright);gap:7px}.prediction-sheet h2,.prediction-sheet h3,.prediction-sheet p{margin:0}.prediction-sheet h2{font-size:var(--type-action);color:var(--paper)}.prediction-sheet h3{font-size:var(--type-meta);color:#dfffecc7}.prediction-sheet-close{width:34px;height:34px;color:var(--paper);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;place-items:center;display:grid}.prediction-sheet-progress{border-radius:var(--radius-md);color:var(--paper);background:#21f58a14;border:1px solid #21f58a2e;justify-content:space-between;gap:10px;padding:9px 11px;font-weight:800}.prediction-sheet-progress small{color:#dfffeca8;font-size:var(--type-caption)}.prediction-sheet-section{gap:8px;display:grid}.prediction-sheet-own,.prediction-sheet-empty,.prediction-sheet-pick,.prediction-sheet-list>span,.prediction-sheet-after>span{border-radius:var(--radius-md);color:#dfffecd1;background:#ffffff0b;border:1px solid #ffffff14;min-height:38px;padding:8px 10px}.prediction-sheet-own{color:var(--green-bright);gap:7px;font-weight:900}.prediction-sheet-picks,.prediction-sheet-list{gap:7px;display:grid}.prediction-sheet-pick,.prediction-sheet-list>span{justify-content:space-between;gap:10px}.prediction-sheet-pick b,.prediction-sheet-list b{color:var(--paper);align-items:center;gap:6px;display:inline-flex}.prediction-sheet-pick small{color:#dfffeca8}.prediction-sheet-list strong{color:#dfffecd6;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prediction-sheet-list>span.is-own{background:#21f58a14;border-color:#21f58a33}.prediction-sheet-after>span{font-size:var(--type-caption);gap:7px;line-height:1.35}.room-event-roar{border-radius:var(--radius-md);background:#13c76a1a;border:1px solid #13c76a52;justify-items:start;gap:5px;margin:2px 0;padding:7px 11px;display:grid}.room-event-roar-line{font-size:var(--type-meta);color:var(--paper);align-items:center;gap:6px;display:inline-flex}.room-event-roar-line svg{color:var(--green-bright)}.room-event-roar-line b{color:var(--green-bright);margin-left:2px}.event-reactions{flex-wrap:wrap;align-items:center;gap:6px;min-height:28px;margin-top:7px;display:flex}.reaction-picker-anchor{flex:none;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex;position:relative}.music-reactions{gap:5px;margin-top:8px}.reaction-chip{min-height:26px;color:var(--paper);font-size:var(--type-caption);background:radial-gradient(circle at 42% 0,#ffffff29,#0000 50%),#061411bd;border:1px solid #abffd933;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:3px 9px;font-weight:750;transition:transform .14s,border-color .14s,background .14s;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 4px 12px #0000002e}.music-reaction-button{color:#f5fffa85;opacity:.78;background:radial-gradient(circle at 50% 0,#ffffff14,#0000 48%),#ffffff0a;border:1px solid #abffd92e;border-radius:999px;justify-content:center;align-items:center;gap:3px;min-width:28px;height:26px;padding:0 7px;font-size:.9rem;transition:transform .14s,border-color .14s,background .14s;display:inline-flex;box-shadow:inset 0 1px #ffffff0a,0 3px 10px #0000001f}.music-reaction-button .music-reaction-icon,.music-reaction-button .music-reaction-fallback{filter:grayscale()saturate(.2);opacity:.62}.music-reaction-button .music-reaction-icon{width:15px;height:15px;display:block}.music-reaction-button .music-reaction-fallback{font-size:.9rem;line-height:1}.music-reaction-button small{color:#eafff48a;font-size:var(--type-caption);font-weight:900;line-height:1}.music-reaction-button.has-count:not(.is-mine){background:radial-gradient(circle at 50% 0,#ffffff1f,#0000 48%),#ffffff0f;border-color:#abffd933}.music-reaction-button.is-mine{color:#fff3bd;opacity:1;background:radial-gradient(circle at 50% 0,#ffec9747,#0000 48%),#563b0970;border-color:#ffe17e6b}.music-reaction-button.is-mine .music-reaction-icon,.music-reaction-button.is-mine .music-reaction-fallback{filter:none;opacity:1}.music-reaction-button.is-mine small{color:#fff3bd}.music-reaction-button:active{transform:translateY(1px)scale(.97)}.reaction-chip.is-mine{color:#eafff2;background:radial-gradient(circle at 50% 0,#adffce40,#0000 50%),linear-gradient(#1b78477a,#062b1ec7);border-color:#21f58a8f;box-shadow:inset 0 1px #ffffff24,0 0 14px #21f58a24}.reaction-chip-more{color:#ebfff4b8;background:radial-gradient(circle at 50% 0,#ffffff1a,#0000 50%),#ffffff0b;min-width:30px;padding-inline:8px}.reaction-chip:active,.reaction-add:active,.reaction-picker button:active{transform:translateY(1px)scale(.96)}.reaction-add{width:27px;height:27px;color:var(--paper-soft);background:radial-gradient(circle at 50% 16%,#ffffff29,#0000 48%),#091d18d1;border:1px solid #abffd933;border-radius:50%;place-items:center;transition:transform .14s,border-color .14s,background .14s;display:grid;box-shadow:inset 0 1px #ffffff14,0 4px 14px #0003}.reaction-add[aria-expanded=true]{color:var(--paper);background:radial-gradient(circle at 50% 16%,#b2ffd547,#0000 50%),#0e5232c2;border-color:#21f58a85}.reaction-picker{z-index:80;background:linear-gradient(#0b2a22f5,#03100efa);border:1px solid #21f58a57;border-radius:999px;flex-flow:row;justify-content:center;align-items:center;gap:3px;width:112px;min-width:0;max-width:calc(100vw - 36px);height:auto;min-height:0;padding:4px;display:inline-flex;position:fixed;bottom:auto;right:auto;transform:translateZ(0);box-shadow:inset 0 1px #ffffff1f,0 0 16px #21f58a29,0 10px 24px #00000047}.reaction-picker button{background:radial-gradient(circle at 50% 8%,#ffffff1a,#0000 50%),#ffffff0a;border:1px solid #0000;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:1rem;transition:transform .14s,border-color .14s,background .14s;display:grid}.reaction-picker button span{overflow-wrap:normal;margin:0;line-height:1;display:block}.reaction-picker button:hover,.reaction-picker button:focus-visible{background:radial-gradient(circle at 50% 8%,#bbffdc33,#0000 50%),#21f58a1f;border-color:#85ffbe70}.room-event-image .event-reactions{margin-top:9px}.room-event .event-reactions{display:flex}.room-event .reaction-picker-anchor{display:inline-flex}.room-event .reaction-picker{flex-flow:row;display:inline-flex}.app-shell.is-room-open .room-chat-stage .room-feed-panel{position:relative}.feed-jump-pill{z-index:10;background:var(--green);color:var(--paper);font-size:var(--type-caption);box-shadow:0 0 14px #13c76a66, var(--neumo-green);border-radius:999px;align-items:center;gap:5px;padding:7px 12px;font-weight:800;display:inline-flex;position:absolute;bottom:12px;right:14px}.tab-rooms:not(.is-room-open) .screen-stack{padding-top:12px}.tab-rooms:not(.is-room-open) .room-screen{padding-bottom:calc(var(--nav-height) + 14px + env(safe-area-inset-bottom));gap:10px}.tab-rooms:not(.is-room-open) .room-empty-hero{text-align:center;align-content:start;justify-items:center;padding:0 14px 2px}.tab-rooms:not(.is-room-open) .room-title-lockup{width:100%;color:var(--paper);text-shadow:0 3px 10px #0000009e;justify-content:flex-start;align-items:center;gap:8px;font-size:2rem;font-weight:950;line-height:1;display:flex}.tab-rooms:not(.is-room-open) .room-empty-hero p{color:#ffffffc2;font-size:calc(var(--type-action) * .8);white-space:nowrap;justify-content:center;margin:0;font-weight:760;line-height:1.25}.tab-rooms:not(.is-room-open) .room-list-card,.tab-rooms:not(.is-room-open) .room-setup-panel{background:radial-gradient(circle at 12% 8%,#21f58a29,#0000 38%),linear-gradient(145deg,#021e16c2,#010b0ac7);border-color:#21f58a6b;box-shadow:inset 0 1px #ffffff1c,0 0 22px #13c76a1f}.tab-rooms:not(.is-room-open) .room-list-card{align-content:center;gap:8px;min-height:132px;padding:14px 50px 14px 14px}.tab-rooms:not(.is-room-open) .room-list-card-title strong{font-size:1.3rem;line-height:var(--leading-heading)}.tab-rooms:not(.is-room-open) .room-list-card-chevron{width:44px;height:44px;color:var(--paper);box-shadow:0 0 18px #13c76a3d, var(--neumo-raised);background:#07130fcc;border-radius:50%;padding:11px;right:16px}.tab-rooms:not(.is-room-open) .room-setup-panel{gap:10px;padding:12px 14px}.tab-rooms:not(.is-room-open) .section-title{justify-content:flex-start;gap:8px}.tab-rooms:not(.is-room-open) .section-title h2{font-size:1.08rem}.tab-rooms:not(.is-room-open) .room-field input{min-height:46px;color:var(--paper);background:#010b0aa8;border-color:#abffd947;border-radius:999px;box-shadow:inset 5px 6px 14px #00000057,inset -2px -2px 7px #ffffff0d}.tab-rooms:not(.is-room-open) .room-field input::placeholder{color:#ffffff8c}.tab-rooms:not(.is-room-open) .room-field span{color:#ffffffb8}.tab-rooms:not(.is-room-open) .primary-action.full,.tab-rooms:not(.is-room-open) .ghost-action.full{border-radius:999px;min-height:46px}.app-shell.is-room-open{background:#010707;padding:0}.app-shell.is-room-open .phone-frame{width:min(430px,100vw);min-height:100dvh;box-shadow:none;border:0;border-radius:0}.app-shell.is-room-open .stadium-bg{background:linear-gradient(#0000005c 0%,#010a0a38 28%,#010908b3 100%),url(/assets/brand/zorb-stadium-night-bg-v2-silhouettes.png) top/cover no-repeat;width:min(430px,100vw)}.app-shell.is-room-open .screen-stack{padding:max(12px, env(safe-area-inset-top)) 14px 0}.app-shell.is-room-open .room-stack{padding-bottom:calc(8px + env(safe-area-inset-bottom));gap:8px}.app-shell.is-room-open .toast{top:auto;bottom:calc(196px + env(safe-area-inset-bottom));z-index:110;background:#04120fe6;border-radius:16px;width:min(340px,100vw - 48px);min-height:44px;padding:9px 12px;box-shadow:0 12px 26px #00000052,inset 0 1px #ffffff14}.app-shell.is-room-open .room-bar{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;row-gap:3px;padding:0}.app-shell.is-room-open .room-bar-top{gap:6px}.app-shell.is-room-open .room-bar-actions{gap:5px}.app-shell.is-room-open .room-back-button,.app-shell.is-room-open .room-icon-action{background:radial-gradient(circle at 26% 18%,#ffffff24,#0000 42%),#0f1416d6;border-radius:12px;width:36px;height:36px;box-shadow:inset 0 1px #ffffff24,0 8px 18px #00000047}.app-shell.is-room-open .room-presence-dot{width:7px;height:7px}.app-shell.is-room-open .room-bar-top h1{max-width:clamp(104px,34vw,160px);font-size:1.08rem;font-weight:950}.app-shell.is-room-open .room-bar-meta{gap:4px 6px;padding-left:42px}.app-shell.is-room-open .room-bar-avatars{display:none}.app-shell.is-room-open .room-bar-avatars .avatar-mini{border-color:#010a09d6;width:30px;height:30px;box-shadow:0 0 0 1px #21f58a6b}.app-shell.is-room-open .room-bar-avatars .avatar-mini+.avatar-mini{margin-left:-10px}.app-shell.is-room-open .room-code-pill{min-height:23px;color:var(--green-bright);letter-spacing:.03em;background:#01120cbd;border-color:#21f58a6b;margin-top:0;padding:3px 8px;font-size:.67rem}.app-shell.is-room-open .room-lifecycle-chip{min-width:42px;min-height:23px;padding:3px 7px;font-size:.67rem}.app-shell.is-room-open .room-lifecycle-full{display:none}.app-shell.is-room-open .room-lifecycle-compact{display:inline}.app-shell.is-room-open .room-code-pill.is-local,.tab-rooms:not(.is-room-open) .room-code-pill.is-local{color:#ffffffc2;background:#ffffff12;border-color:#ffffff29}.app-shell.is-room-open .room-member-count{color:#ffffffa8;min-height:23px;padding:3px 7px;font-size:.67rem}.app-shell.is-room-open .room-match-pill{min-height:23px;padding:3px 7px;font-size:.67rem}.app-shell.is-room-open .energy-strip{background:radial-gradient(circle at 50% 0,#21f58a1a,#0000 48%),#031510bd;border-color:#21f58a3d;border-radius:18px;padding:10px 12px;box-shadow:inset 0 1px #ffffff14}.app-shell.is-room-open .energy-side{justify-content:center;min-width:74px;padding:5px 8px}.app-shell.is-room-open .energy-track-wrap{gap:5px;display:grid}.app-shell.is-room-open .energy-track-wrap.has-live-score{justify-content:center;display:flex}.app-shell.is-room-open .energy-label{color:#7cffae;font-size:var(--type-caption);letter-spacing:.04em;text-transform:uppercase;justify-self:center;font-weight:950}.energy-track-row{align-items:center;gap:7px;min-width:0;display:flex}.app-shell.is-room-open .energy-track{background:#ffffff21;height:7px}.app-shell.is-room-open .energy-empty{font-size:.68rem}.app-shell.is-room-open .room-chat-stage .room-feed-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0 2px}.app-shell.is-room-open .room-chat-stage .section-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell.is-room-open .room-feed-log{gap:8px;min-height:0;padding:2px 2px 8px}.app-shell.is-room-open .prediction-poll{background:#02100dad;border-radius:16px;margin:2px 0 8px;padding:11px 12px}.app-shell.is-room-open .score-picker{gap:6px}.app-shell.is-room-open .room-event{border-top:0;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:3px 0}.app-shell.is-room-open .room-event>div{background:#0d1214b8;border-color:#abffd91c;border-radius:16px;box-shadow:inset 0 1px #ffffff14,0 8px 16px #0000002e}.app-shell.is-room-open .room-event.is-own>div{background:#01522bc2;border-color:#21f58a40}.room-event-blast>div{align-self:center}.room-event-reaction-art{background:radial-gradient(circle at 30% 22%,#fff3,#0000 44%),#01120cbd;border:1px solid #abffd929;border-radius:18px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:1.45rem;line-height:1;display:grid;position:relative;overflow:visible;box-shadow:0 0 18px #13c76a29,0 10px 18px #00000038}.room-event-reaction-icon{transform-origin:50% 62%;will-change:transform, filter;place-items:center;width:100%;height:100%;line-height:1;display:grid}.room-event-reaction-icon>span{width:100%;height:100%;color:inherit;place-items:center;margin:0;line-height:1;display:grid}.room-event-reaction-art:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:1px solid #7effbe70;position:absolute;inset:-5px}.room-event-blast .room-event-reaction-icon{animation:.72s cubic-bezier(.16,1,.3,1) both chat-blast-pop}.room-event-blast .room-event-reaction-art:after{animation:.72s ease-out both chat-blast-ring}.room-event-blast.reaction-wobble .room-event-reaction-icon{animation-name:chat-blast-wobble}.room-event-blast.reaction-puff .room-event-reaction-icon{animation-name:chat-blast-puff}.room-event-blast.reaction-pop .room-event-reaction-icon{animation-name:chat-blast-pop}.room-event-blast.reaction-tickle .room-event-reaction-icon{animation-name:chat-blast-tickle}.room-event-blast.reaction-wave .room-event-reaction-icon{animation-name:chat-blast-wave}.room-event-blast.reaction-flash .room-event-reaction-icon{animation-name:chat-blast-flash}.room-event-blast.reaction-confetti .room-event-reaction-icon{animation-name:chat-blast-confetti}.room-event-blast.reaction-flash .room-event-reaction-art:after,.room-event-blast.reaction-confetti .room-event-reaction-art:after{border-color:#ffdf699e;box-shadow:0 0 20px #ffc83d47}.app-shell.is-room-open .room-blast-replay{justify-self:start;min-height:28px;margin-top:6px;padding:4px 8px;font-size:.625rem}.app-shell.is-room-open .room-dock{background:radial-gradient(circle at 50% -4%,#21f58a2e,#0000 52%),linear-gradient(#091815db,#050c0deb);border-color:#abffd929;border-radius:24px;min-height:116px;padding:44px 10px 10px;display:block;position:relative;box-shadow:inset 0 1px #ffffff1f,0 -4px 24px #0003}.app-shell.is-room-open .room-dock .orb-center{z-index:5;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.dock-reaction-rail{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;min-width:0;padding:2px 2px 1px;scroll-padding-inline:92px;display:flex;overflow-x:auto}.dock-reaction-rail::-webkit-scrollbar{display:none}.dock-reaction-spacer{flex:0 0 104px}.dock-reaction{min-height:58px;color:var(--paper);background:0 0;border:0;flex:0 0 56px;justify-items:center;gap:5px;padding:0;display:grid;position:relative}.dock-reaction .blast-cooldown{border-radius:18px}.dock-reaction-glyph{background:radial-gradient(circle at 28% 20%,#ffffff2e,#0000 42%),#0f1d18e0;border:1px solid #abffd921;border-radius:17px;place-items:center;width:42px;height:42px;font-size:1.15rem;display:grid;box-shadow:inset 0 1px #ffffff1a,0 7px 13px #00000047}.reaction-sound .dock-reaction-glyph{color:#91ffbf;background:radial-gradient(circle at 30% 20%,#ffffff2e,#0000 42%),#073420d6;border-color:#21f58a42}.reaction-animated_sticker .dock-reaction-glyph{border-color:#ffffff24}.dock-reaction small{color:#ffffffc7;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:58px;font-size:.62rem;font-weight:800;line-height:1.05;overflow:hidden}.dock-reaction:active .dock-reaction-glyph{transform:translateY(1px)scale(.96)}.reaction-animated_sticker:active .dock-reaction-glyph span{animation:.42s ease-out both reaction-pop}.app-shell.is-room-open .roar-orb{width:98px;height:98px;box-shadow:0 0 0 6px #13c76a2e, 0 0 34px #13c76a61, var(--neumo-green)}.app-shell.is-room-open .room-composer-panel{background:radial-gradient(circle at 12% 0,#21f58a1f,#0000 42%),#061211e6;border-color:#abffd92e;border-radius:20px;padding:7px}.app-shell.is-room-open .room-composer{grid-template-columns:minmax(0,1fr) 42px}.app-shell.is-room-open .room-composer input{min-height:42px;color:var(--paper);background:#ffffff1c;border-color:#abffd924;border-radius:999px}.app-shell.is-room-open .room-composer input::placeholder{color:#fff9}.app-shell.is-room-open .icon-send-button{border-radius:50%;width:42px;height:42px}@keyframes reaction-pop{0%{filter:saturate(.9);transform:translateY(4px)scale(.82)rotate(-8deg)}58%{filter:saturate(1.2);transform:translateY(-5px)scale(1.16)rotate(5deg)}to{filter:saturate();transform:translateY(0)scale(1)rotate(0)}}@keyframes reaction-wave{0%{transform:translate(-3px)rotate(-10deg)scale(.92)}45%{transform:translate(4px)rotate(9deg)scale(1.12)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes chat-blast-ring{0%{opacity:.72;transform:scale(.74)}to{opacity:0;transform:scale(1.34)}}@keyframes chat-blast-pop{0%{filter:brightness(.96)saturate(.9);transform:translateY(7px)scale(.72)rotate(-7deg)}48%{filter:brightness(1.16)saturate(1.24);transform:translateY(-7px)scale(1.18)rotate(4deg)}to{filter:brightness()saturate();transform:translateY(0)scale(1)rotate(0)}}@keyframes chat-blast-wobble{0%{transform:scale(.8)rotate(-13deg)}30%{transform:scale(1.12)rotate(12deg)}58%{transform:scale(1.04)rotate(-8deg)}to{transform:scale(1)rotate(0)}}@keyframes chat-blast-puff{0%{filter:blur(1px)opacity(.72)saturate(.82);transform:translateY(8px)scale(.7)}42%{filter:blur()opacity()saturate(1.12);transform:translateY(-3px)scale(1.22)}to{filter:opacity()saturate();transform:translateY(0)scale(1)}}@keyframes chat-blast-tickle{0%,to{transform:translate(0)rotate(0)scale(1)}16%{transform:translate(-3px)rotate(-7deg)scale(1.05)}32%{transform:translate(3px)rotate(7deg)scale(1.1)}48%{transform:translate(-2px)rotate(-5deg)scale(1.04)}64%{transform:translate(2px)rotate(4deg)scale(1.02)}}@keyframes chat-blast-wave{0%{transform:translate(-7px)rotate(-16deg)scale(.86)}42%{transform:translate(7px)rotate(14deg)scale(1.16)}72%{transform:translate(-2px)rotate(-5deg)scale(1.04)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes chat-blast-flash{0%{filter:brightness()saturate(.86);transform:scale(.74)}28%{filter:brightness(1.85)saturate(1.42);transform:scale(1.2)}56%{filter:brightness(1.18)saturate(1.18);transform:scale(.98)}to{filter:brightness()saturate();transform:scale(1)}}@keyframes chat-blast-confetti{0%{filter:brightness()saturate(.9);transform:translateY(9px)scale(.74)rotate(-12deg)}36%{filter:brightness(1.26)saturate(1.36);transform:translateY(-9px)scale(1.18)rotate(10deg)}68%{transform:translateY(-2px)scale(1.05)rotate(-4deg)}to{filter:brightness()saturate();transform:translateY(0)scale(1)rotate(0)}}.reduce-motion .room-event-blast .room-event-reaction-icon,.reduce-motion .room-event-blast .room-event-reaction-art:after,.reduce-motion .reaction-animated_sticker:active .dock-reaction-glyph span{animation:none}@media (width<=374px){.tab-rooms:not(.is-room-open) .room-title-lockup{font-size:1.8rem}.app-shell.is-room-open .screen-stack{padding-inline:12px}.app-shell.is-room-open .room-bar-top h1{max-width:148px;font-size:1.08rem}.app-shell.is-room-open .energy-side{min-width:64px;padding-inline:6px}.dock-reaction{flex-basis:52px}.dock-reaction-glyph{width:39px;height:39px}}.app-shell.is-room-open .room-feed-log{flex-direction:column;gap:10px;padding:4px 4px 0;display:flex}.app-shell.is-room-open .room-feed-log:before{content:"";margin-top:auto}.app-shell.is-room-open .room-feed-log>:not(.room-feed-end){flex:none}.app-shell.is-room-open .room-feed-end{flex:0 0 calc(140px + env(safe-area-inset-bottom));min-height:calc(140px + env(safe-area-inset-bottom));pointer-events:none}.app-shell.is-room-open .room-event{z-index:0;align-items:start;min-height:0;padding:0;position:relative}.app-shell.is-room-open .room-event>.avatar-mini{z-index:2;align-self:start;position:relative}.app-shell.is-room-open .room-event>div{z-index:1;gap:2px;min-height:48px;padding:9px 12px;display:grid;position:relative;overflow:hidden}.app-shell.is-room-open .room-event strong,.app-shell.is-room-open .room-event span{line-height:1.2}.app-shell.is-room-open .room-event small,.app-shell.is-room-open .room-event b{align-self:center}.room-event-time{color:#e5ffee94;white-space:nowrap;font-size:.64rem;font-weight:800}.room-event-joins .room-event-time,.room-event-roar-line .room-event-time{margin-left:auto}.app-shell.is-room-open .room-event-blast{grid-template-columns:36px minmax(0,1fr) 48px;min-height:54px}.app-shell.is-room-open .room-event-blast .room-blast-replay{display:none}.app-shell.is-room-open .room-event-reaction-art{z-index:1;border-radius:16px;align-self:start;width:48px;height:48px;position:relative}.app-shell.is-room-open .room-dock{border-radius:20px;min-height:98px;padding:34px 8px 8px}.app-shell.is-room-open .room-dock .orb-center{top:-20px}.app-shell.is-room-open .roar-orb{width:88px;height:88px}.app-shell.is-room-open .roar-orb strong{max-width:68px;font-size:.72rem}.app-shell.is-room-open .roar-orb .orb-side-tag{font-size:.6rem}.dock-reaction-rail{touch-action:pan-x;gap:6px;padding:0 1px;scroll-padding-inline:78px}.dock-reaction-spacer{flex-basis:88px}.dock-reaction{touch-action:pan-x;flex-basis:48px;gap:3px;min-height:50px}.dock-reaction-glyph{border-radius:14px;width:36px;height:36px;font-size:1rem}.dock-reaction small{max-width:50px;font-size:.57rem}.app-shell.is-room-open,.tab-rooms:not(.is-room-open){--room-surface-v2:#061210a8;--room-surface-soft-v2:#08191685;--room-raised-v2:#070f0fe6;--room-hairline-v2:#ffffff14;--room-hairline-strong-v2:#ffffff24;--room-depth-v2:0 14px 30px #0000003d;--room-inset-v2:inset 0 1px 0 #ffffff14;--room-radius-sm-v2:10px;--room-radius-md-v2:14px;--room-radius-lg-v2:16px}.tab-rooms:not(.is-room-open) .room-list-card,.tab-rooms:not(.is-room-open) .room-setup-panel{border-color:var(--room-hairline-v2);border-radius:var(--room-radius-lg-v2);box-shadow:0 12px 26px #00000029, var(--room-inset-v2);background:radial-gradient(circle at 16% 8%,#21f58a14,#0000 38%),linear-gradient(#07181561,#040c0c6b)}.tab-rooms:not(.is-room-open) .room-list-card-chevron,.app-shell.is-room-open .room-back-button,.app-shell.is-room-open .room-icon-action{border:1px solid var(--room-hairline-v2);border-radius:var(--room-radius-md-v2);background:var(--room-raised-v2);box-shadow:var(--room-inset-v2), 0 10px 20px #00000038}.tab-rooms:not(.is-room-open) .room-field input{border-color:var(--room-hairline-v2);box-shadow:var(--room-inset-v2);background:#020c0b7a}.tab-rooms:not(.is-room-open) .section-title h2,.app-shell.is-room-open .room-bar-top h1,.app-shell.is-room-open .energy-share,.app-shell.is-room-open .score-value,.app-shell.is-room-open .room-code-pill,.app-shell.is-room-open .room-lifecycle-chip{font-variant-numeric:tabular-nums}.app-shell.is-room-open .energy-strip,.app-shell.is-room-open .prediction-poll,.app-shell.is-room-open .room-event>div,.app-shell.is-room-open .room-event-roar,.app-shell.is-room-open .room-event-joins,.app-shell.is-room-open .empty-room-feed{border-color:var(--room-hairline-v2);border-radius:var(--room-radius-lg-v2);background:var(--room-surface-v2);box-shadow:var(--room-inset-v2)}.app-shell.is-room-open .energy-strip{padding:9px 10px}.app-shell.is-room-open .energy-side{border-radius:var(--room-radius-md-v2);box-shadow:none;background:0 0;border-color:#0000}.app-shell.is-room-open .energy-track{height:6px;box-shadow:none;background:#ffffff1f;border-radius:999px}.app-shell.is-room-open .energy-fill{box-shadow:none}.app-shell.is-room-open .prediction-poll{margin:0 0 8px}.app-shell.is-room-open .prediction-option,.app-shell.is-room-open .score-stepper button,.app-shell.is-room-open .lock-prediction{border-radius:var(--room-radius-md-v2);box-shadow:none}.app-shell.is-room-open .room-event-reaction-art{border-color:var(--room-hairline-v2);border-radius:var(--room-radius-lg-v2);background:var(--room-surface-soft-v2);box-shadow:var(--room-inset-v2)}.room-event-reaction-art img,.room-event-reaction-icon img,.dock-reaction-glyph img{object-fit:cover;filter:drop-shadow(0 2px 5px #00000059);border-radius:14px;width:86%;height:86%}.app-shell.is-room-open .room-dock{border-color:var(--room-hairline-strong-v2);border-radius:var(--room-radius-lg-v2);box-shadow:var(--room-depth-v2), var(--room-inset-v2);background:linear-gradient(#081413eb,#050a0bf0)}.dock-reaction-glyph{border-color:var(--room-hairline-v2);border-radius:var(--room-radius-md-v2);box-shadow:var(--room-inset-v2);background:#0b1614db}.reaction-sound .dock-reaction-glyph{background:#0b261bc7;border-color:#21f58a2e}.reaction-animated_sticker .dock-reaction-glyph{background:#221b0e9e;border-color:#ffc83d24}.dock-reaction:focus-visible .dock-reaction-glyph,.app-shell.is-room-open .room-back-button:focus-visible,.app-shell.is-room-open .room-icon-action:focus-visible,.app-shell.is-room-open .energy-side:focus-visible{outline-offset:2px;outline:2px solid #91ffbfb8}.app-shell.is-room-open .room-composer{border-color:var(--room-hairline-v2);border-radius:var(--room-radius-lg-v2);box-shadow:var(--room-inset-v2);background:#060f0edb}.app-shell.is-room-open .room-dock.arena-dock{grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr);align-items:center;gap:8px;min-height:124px;padding:10px 8px;display:grid;overflow:visible}.app-shell.is-room-open .room-dock.arena-dock.is-sound-deck-open{z-index:30}.app-shell.is-room-open .room-dock.arena-dock .orb-center{z-index:6;position:relative;top:auto;left:auto;transform:none}.app-shell.is-room-open .room-dock.arena-dock .roar-orb strong{max-width:72px;font-size:.7rem}.dock-orbit-side{scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;grid-template-rows:repeat(2,50px);grid-auto-columns:46px;grid-auto-flow:column;align-items:center;gap:6px;min-width:0;padding:2px 1px;scroll-padding-inline:8px;display:grid;overflow:auto hidden}.dock-orbit-side::-webkit-scrollbar{display:none}.dock-orbit-left{justify-content:start;padding-right:1px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 16px 100%)}.dock-orbit-left .dock-reaction{direction:ltr}.dock-orbit-right{justify-content:start;padding-left:1px;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 16px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 16px),#0000 100%)}.dock-orbit-side .dock-reaction{scroll-snap-align:center;gap:2px;width:46px;min-height:50px}.dock-orbit-side .dock-reaction small{letter-spacing:0;max-width:44px;font-size:.52rem}@media (width<=374px){.app-shell.is-room-open .room-dock.arena-dock{grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);gap:5px;min-height:118px;padding-inline:7px}.app-shell.is-room-open .room-dock.arena-dock .roar-orb{width:90px;height:90px}.dock-orbit-side{grid-template-rows:repeat(2,47px);grid-auto-columns:42px;gap:5px}.dock-orbit-side .dock-reaction{width:42px;min-height:47px}.dock-orbit-side .dock-reaction-glyph{border-radius:12px;width:31px;height:31px}}.app-shell.is-room-open .room-dock.arena-dock{--quick-sound-width:72px;--quick-sound-height:28px;--roar-rest-size:78px;--roar-live-size:106px;isolation:isolate;border-radius:18px 18px 16px 16px;grid-template-columns:minmax(58px,74px) minmax(86px,1fr) minmax(58px,74px);gap:6px;min-height:104px;padding:16px 10px 7px;overflow:visible}.app-shell.is-room-open .room-dock.arena-dock .orb-center{justify-self:center}.app-shell.is-room-open .room-dock.arena-dock .roar-orb{width:var(--roar-rest-size);height:var(--roar-rest-size)}.app-shell.is-room-open .room-dock.arena-dock .roar-orb.is-recording{width:var(--roar-live-size);height:var(--roar-live-size)}.app-shell.is-room-open .room-dock.arena-dock .roar-orb strong{max-width:62px;font-size:.64rem;line-height:1.05}.app-shell.is-room-open .room-dock.arena-dock .roar-orb .orb-side-tag{font-size:.54rem}.app-shell.is-room-open .room-dock.arena-dock .roar-orb svg{width:16px;height:16px}.sound-deck-handle{z-index:18;width:58px;height:22px;color:var(--paper);touch-action:none;background:#0e1c1aeb;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff29,0 6px 12px #00000038}.sound-deck-handle:focus-visible{outline-offset:2px;outline:2px solid #91ffbfc7}.sound-deck-handle:before{content:"";opacity:.92;border-top:2px solid;border-left:2px solid;width:13px;height:13px;transition:transform .18s;transform:translateY(3px)rotate(45deg)}.room-dock.arena-dock.is-sound-deck-open .sound-deck-handle:before{transform:translateY(-3px)rotate(225deg)}.sound-deck-grip{background:#ffffff5c;border-radius:999px;width:22px;height:3px;position:absolute;bottom:4px}.dock-orbit-side{grid-template-columns:1fr;grid-auto-columns:auto;grid-auto-flow:row;grid-template-rows:repeat(3, var(--quick-sound-height));align-content:center;justify-items:center;gap:4px;padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.dock-orbit-left,.dock-orbit-right{justify-content:center;padding:0;-webkit-mask-image:none;mask-image:none}.dock-orbit-side .dock-reaction{width:var(--quick-sound-width);min-height:var(--quick-sound-height);box-shadow:var(--room-inset-v2);background:#071211b3;border:1px solid #abffd91a;border-radius:999px;grid-template-columns:28px minmax(0,1fr);place-items:center start;gap:4px;padding:2px 6px 2px 2px;display:grid}.dock-orbit-side .dock-reaction-glyph{border-radius:50%;width:28px;height:28px;font-size:.86rem}.dock-orbit-side .dock-reaction small{text-align:left;max-width:34px;font-size:.47rem;line-height:1}.room-dock.arena-dock.is-roaring .dock-orbit-side{opacity:.32;pointer-events:none;transition:opacity .14s,transform .14s}.room-dock.arena-dock.is-roaring .dock-orbit-left{transform:translate(-5px)}.room-dock.arena-dock.is-roaring .dock-orbit-right{transform:translate(5px)}.sound-deck-panel{z-index:34;background:radial-gradient(circle at 50% 100%,#21f58a47,#0000 52%),linear-gradient(#091f1bfc,#030c0cfc);border:1px solid #91ffbf38;border-radius:28px 28px 18px 18px;padding:22px 12px 12px;animation:.18s ease-out both sound-deck-rise;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 -18px 38px #00000085,0 0 22px #21f58a24,inset 0 1px #ffffff1f}.sound-deck-panel:before{content:"";background:#ffffff52;border-radius:999px;width:64px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.sound-deck-panel:after{content:"";opacity:.55;pointer-events:none;border:1px solid #21f58a24;border-top:0;border-radius:0 0 999px 999px;height:42px;position:absolute;bottom:-1px;left:14px;right:14px}.sound-deck-grid{z-index:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px 6px;display:grid;position:relative}.sound-deck-panel .dock-reaction{width:100%;min-height:52px;box-shadow:var(--room-inset-v2), 0 5px 12px #0000002e;background:radial-gradient(circle at 50% 0,#21f58a1c,#0000 54%),#081614f0;border:1px solid #abffd929;border-radius:14px;justify-items:center;gap:3px;padding:5px 2px 4px;display:grid}.sound-deck-panel .dock-reaction-glyph{border-radius:13px;width:33px;height:33px;font-size:.95rem}.sound-deck-panel .dock-reaction small{color:#ffffffdb;letter-spacing:0;max-width:100%;font-size:.5rem;line-height:1}@keyframes sound-deck-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=374px){.app-shell.is-room-open .room-dock.arena-dock{--quick-sound-width:62px;--quick-sound-height:27px;--roar-rest-size:74px;--roar-live-size:100px;grid-template-columns:64px minmax(78px,1fr) 64px;gap:3px;min-height:100px;padding-inline:8px}.dock-orbit-side .dock-reaction{grid-template-columns:26px minmax(0,1fr)}.dock-orbit-side .dock-reaction-glyph{width:26px;height:26px}.dock-orbit-side .dock-reaction small{max-width:28px;font-size:.45rem}.sound-deck-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.app-shell.is-room-open .room-dock.arena-dock.dial-dock{--dial-r:66px;--dial-btn:34px;--dial-center-bottom:calc(8px + var(--roar-rest-size) / 2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080e0d73;border:1px solid #ffffff12;border-radius:22px;min-height:142px;padding:0;display:block;overflow:visible;box-shadow:inset 0 1px #ffffff0f}.app-shell.is-room-open .room-dock.arena-dock.dial-dock .orb-center{z-index:6;position:absolute;top:auto;bottom:8px;left:50%;transform:translate(-50%)}.dial-dock .sound-dial{left:50%;bottom:var(--dial-center-bottom);z-index:5;pointer-events:none;width:0;height:0;transition:opacity .16s;position:absolute}.dial-dock .sound-dial>button{pointer-events:auto}.room-dock.dial-dock.is-roaring .sound-dial{opacity:0}.room-dock.dial-dock.is-roaring .sound-dial>button{pointer-events:none}.reduce-motion .dial-dock .sound-dial{transition:none}.dial-dock .dial-arc{pointer-events:none;width:200px;height:120px;position:absolute;top:-114px;left:-100px}.dial-dock .dial-arc path{fill:none;stroke:#ffffff4d;stroke-width:1px;stroke-dasharray:1 7;stroke-linecap:round}.dial-dock .dial-sound,.dial-dock .sound-deck-handle{width:var(--dial-btn);height:var(--dial-btn);color:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%, -50%) rotate(var(--dial-a)) translate(var(--dial-r)) rotate(calc(-1 * var(--dial-a)));background:#121a188c;border:1px solid #ffffff21;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 6px 14px #0000004d}.dial-dock .dial-sound{touch-action:none}.dial-dock .sound-deck-handle{color:#91ffbff2;touch-action:none;background:#0a201799;border-color:#21f58a52}.dial-dock .sound-deck-handle:before{width:10px;height:10px;transform:translateY(2px)rotate(45deg)}.room-dock.dial-dock.is-sound-deck-open .sound-deck-handle:before{transform:translateY(-2px)rotate(225deg)}.dial-dock .sound-deck-grip{display:none}.dial-dock .dial-sound-glyph{pointer-events:none;place-items:center;font-size:1.02rem;line-height:1;display:grid}.dial-dock .dial-sound img{object-fit:cover;filter:drop-shadow(0 2px 4px #00000059);border-radius:50%;width:30px;height:30px}.dial-dock .dial-sound svg{color:#abffd9f5;filter:drop-shadow(0 2px 4px #00000059);width:21px;height:21px}.dial-dock .dial-sound-emoji{pointer-events:none;font-size:19px;line-height:1;display:block}.dial-dock .dial-sound .blast-cooldown{border-radius:50%}.dial-dock .dial-sound:disabled{opacity:.5}.dial-dock .dial-sound:active .dial-sound-glyph{transform:scale(.86)}.dial-dock .dial-sound:focus-visible,.dial-dock .sound-deck-handle:focus-visible{outline-offset:2px;outline:2px solid #91ffbfb8}.dial-dock .sound-deck-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#08100feb;border:1px solid #ffffff1a;border-radius:20px;padding:16px 12px 12px;box-shadow:0 -14px 30px #00000061,inset 0 1px #ffffff14}.dial-dock .sound-deck-panel:before{background:#ffffff42;width:34px;height:4px;top:6px}.dial-dock .sound-deck-panel:after{display:none}.dial-dock .sound-deck-panel .dock-reaction{box-shadow:none;background:#ffffff0d;border-color:#ffffff14;border-radius:16px}.dial-dock .sound-deck-panel .dock-reaction-glyph{box-shadow:none;background:0 0;border:0}@media (width<=374px){.app-shell.is-room-open .room-dock.arena-dock.dial-dock{min-height:138px}}.app-shell.is-room-open .room-dock.arena-dock.dial-dock{--roar-rest-size:72px;--roar-live-size:96px;--dial-r:58px;--dial-active-r:65px;--dial-btn:28px;--dial-center-bottom:calc(var(--roar-rest-size) / 2);right:0;bottom:calc(68px + env(safe-area-inset-bottom));z-index:24;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:118px;box-shadow:none;pointer-events:none;background:0 0;border:0;position:absolute;left:0}.app-shell.is-room-open .room-dock.arena-dock.dial-dock .orb-center{pointer-events:auto;bottom:0}.app-shell.is-room-open .room-dock.arena-dock.dial-dock .dock-prime-card,.app-shell.is-room-open .room-dock.arena-dock.dial-dock .sound-deck-panel{pointer-events:auto}.app-shell.is-room-open .room-feed-log{padding-bottom:0}.dial-dock .dial-touch-band{z-index:1;pointer-events:auto;touch-action:none;cursor:grab;border-radius:999px;width:208px;height:112px;position:absolute;top:-96px;left:-104px}.room-dock.dial-dock.is-wheel-armed .dial-touch-band{cursor:grabbing}.dial-dock .dial-arc{z-index:1;transform-origin:80px 72px;width:160px;height:90px;transition:opacity .14s,transform .14s;top:-72px;left:-80px;transform:none}.dial-dock .dial-arc path{stroke:#91ffbf57;stroke-dasharray:1 8}.room-dock.dial-dock.is-wheel-armed .dial-arc{transform:scale(1.07)translateY(-2px)}.room-dock.dial-dock.is-wheel-dragging .dial-arc path{stroke:#91ffbf94}.dial-dock .dial-sound{z-index:2;touch-action:none;transition:transform .14s cubic-bezier(.2,.8,.2,1),border-color .14s,box-shadow .14s,opacity .14s}.room-dock.dial-dock.is-wheel-armed .dial-sound{transform:translate(-50%, -50%) rotate(var(--dial-a)) translate(var(--dial-active-r)) rotate(calc(-1 * var(--dial-a)))}.room-dock.dial-dock.is-wheel-dragging .dial-sound{border-color:#91ffbf61;box-shadow:inset 0 1px #ffffff29,0 0 16px #21f58a33,0 6px 14px #0000004d}.dial-scroll-cue{z-index:3;color:#b2ffd2f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#081511ad;border:1px solid #91ffbf52;border-radius:50%;place-items:center;width:24px;height:24px;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:-16px;transform:translate(-50%,-50%)scale(.72)}.dial-scroll-cue-prev{left:calc(-1 * var(--dial-active-r) - 13px)}.dial-scroll-cue-next{left:calc(var(--dial-active-r) + 13px)}.dial-scroll-cue.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.dial-dock .sound-deck-panel{right:0;bottom:calc(var(--roar-rest-size) + 12px);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:linear-gradient(#08100f80,#050c0c4d);border:1px solid #ffffff1f;border-radius:999px;padding:7px 10px;left:0;box-shadow:0 -10px 24px #0000002e,inset 0 1px #ffffff1a}.dial-dock .sound-deck-panel:before{display:none}.dial-dock .sound-deck-grid{scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;gap:6px;padding:0 2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%)}.dial-dock .sound-deck-grid::-webkit-scrollbar{display:none}.dial-dock .sound-deck-panel .dock-reaction{scroll-snap-align:center;touch-action:pan-x;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;flex:none;place-items:center;width:38px;min-height:38px;padding:0;display:grid}.dial-dock .sound-deck-panel .dock-reaction small{display:none}.dial-dock .sound-deck-panel .dock-reaction-glyph{width:auto;height:auto;font-size:1.05rem}.dial-dock .sound-deck-panel .dock-reaction-glyph img{width:22px;height:22px}.dial-dock .sound-deck-panel .dock-reaction .blast-cooldown{border-radius:50%}.room-dock.dial-dock.is-sound-deck-open .sound-dial{z-index:40;width:auto;height:auto;inset:0}.room-dock.dial-dock.is-sound-deck-open .sound-deck-handle{top:auto;left:auto;right:14px;bottom:calc(var(--roar-rest-size) + 23px);z-index:41;transform:none}.room-dock.dial-dock:not(.is-sound-deck-open) .sound-deck-handle{pointer-events:none}.dial-dock.is-sound-deck-open .sound-deck-panel{padding-right:52px}.app-shell.is-room-open .prediction-poll{text-align:center;justify-items:center;gap:6px;padding:8px 10px}.app-shell.is-room-open .prediction-poll-minimized{grid-template-columns:minmax(0,1fr) auto;justify-items:stretch;padding:6px 8px}.app-shell.is-room-open .prediction-poll-minimized .prediction-poll-title{justify-self:start}.app-shell.is-room-open .prediction-poll-title{font-size:var(--type-caption);color:#dfffecd1;gap:5px}.app-shell.is-room-open .prediction-poll-picks{justify-content:center}.app-shell.is-room-open .prediction-poll-controls{justify-content:center;gap:6px 10px}.app-shell.is-room-open .score-picker{justify-content:center;align-items:center;gap:7px;margin-bottom:0;display:flex}.app-shell.is-room-open .prediction-poll .team-mini{border-radius:var(--room-radius-md-v2);border:1px solid var(--room-hairline-v2);background:var(--room-surface-soft-v2);min-height:0;box-shadow:none;padding:4px 7px}.app-shell.is-room-open .prediction-poll .score-stepper{border:1px solid var(--room-hairline-v2);background:var(--room-surface-soft-v2);min-height:36px;box-shadow:none;border-radius:999px;align-items:center;gap:2px;padding:2px;display:flex}.app-shell.is-room-open .prediction-poll .score-stepper button{width:30px;height:30px;box-shadow:none;border-radius:50%;font-size:1rem}.app-shell.is-room-open .prediction-poll .score-stepper button:first-of-type{order:3}.app-shell.is-room-open .prediction-poll .score-stepper strong{text-align:center;order:2;min-width:22px;font-size:1.05rem}.app-shell.is-room-open .prediction-poll .score-stepper button:last-of-type{order:1}.app-shell.is-room-open .prediction-poll .ghost-action.compact{min-height:34px;font-size:var(--type-caption);border-radius:999px;padding:5px 12px}.app-shell.is-room-open .room-composer-panel{border-radius:var(--room-radius-lg-v2);-webkit-backdrop-filter:blur(12px)saturate(1.12);backdrop-filter:blur(12px)saturate(1.12);background:#03100ea8;border-color:#abffd921;padding:4px 6px;box-shadow:0 -6px 16px #00000029,inset 0 1px #ffffff14}.app-shell.is-room-open .room-composer{box-shadow:none;background:0 0;border:0;border-radius:999px;grid-template-columns:38px minmax(0,1fr) 38px;gap:6px;position:relative}.app-shell.is-room-open .room-composer .room-image-input{display:none}.app-shell.is-room-open .room-image-picker{border-color:var(--room-hairline-strong-v2);border-radius:var(--room-radius-md-v2);-webkit-backdrop-filter:blur(14px)saturate(1.12);backdrop-filter:blur(14px)saturate(1.12);min-width:156px;box-shadow:var(--room-inset-v2), 0 10px 24px #00000057;background:#061210f0;padding:6px;bottom:calc(100% + 7px)}.app-shell.is-room-open .room-image-picker-action{color:#ebfff3f5;letter-spacing:0;background:#fff1;border:1px solid #0000;border-radius:12px;min-height:34px}.app-shell.is-room-open .room-image-picker-action:focus-visible{border-color:#91ffbf6b;outline:none}.app-shell.is-room-open .room-composer input{background:#ffffff17;border-color:#abffd91a;min-height:38px;padding:0 13px;font-size:.86rem;box-shadow:inset 3px 4px 9px #0003,inset 0 1px #ffffff0a}.app-shell.is-room-open .room-composer input:focus{border-color:#91ffbf75;box-shadow:inset 3px 4px 9px #0003,0 0 0 2px #21f58a24}.app-shell.is-room-open .icon-send-button,.app-shell.is-room-open .icon-photo-button{width:38px;height:38px;box-shadow:0 5px 12px #13c76a2e,inset 0 1px #fff3}.app-shell.is-room-open .icon-photo-button{color:#e3ffeef0;background:#ffffff12;border:1px solid #abffd921}.app-shell.is-room-open .icon-photo-button:active:not(:disabled),.app-shell.is-room-open .icon-send-button:active:not(:disabled){transform:translateY(1px)scale(.98)}.app-shell.is-room-open .icon-photo-button:disabled{opacity:.48}.app-shell.is-room-open .icon-photo-button[aria-label=Adding\ photo] svg{animation:.9s linear infinite room-photo-spin}.app-shell.is-room-open .icon-send-button svg,.app-shell.is-room-open .icon-photo-button svg{width:16px;height:16px}@keyframes room-photo-spin{to{transform:rotate(1turn)}}.app-shell.is-room-open,.tab-rooms:not(.is-room-open){--room-surface-v2:#05111094;--room-surface-soft-v2:#ffffff0e;--room-raised-v2:#050e0ebd;--room-hairline-v2:#ffffff14;--room-hairline-strong-v2:#ffffff1f;--room-depth-v2:0 8px 18px #0000002e;--room-inset-v2:inset 0 1px 0 #ffffff13}.tab-rooms:not(.is-room-open) .room-list-card,.tab-rooms:not(.is-room-open) .room-setup-panel,.app-shell.is-room-open .energy-strip,.app-shell.is-room-open .prediction-poll,.app-shell.is-room-open .room-event>div,.app-shell.is-room-open .room-event-roar,.app-shell.is-room-open .room-event-joins,.app-shell.is-room-open .empty-room-feed{border:1px solid var(--room-hairline-v2);border-radius:var(--room-radius-lg-v2);background:var(--room-surface-v2);-webkit-backdrop-filter:blur(12px)saturate(1.08);backdrop-filter:blur(12px)saturate(1.08);box-shadow:var(--room-inset-v2)}.tab-rooms:not(.is-room-open) .room-list-card,.tab-rooms:not(.is-room-open) .room-setup-panel{gap:10px;padding:12px 14px}.tab-rooms:not(.is-room-open) .room-list-card-chevron,.app-shell.is-room-open .room-back-button,.app-shell.is-room-open .room-icon-action,.app-shell.is-room-open .room-code-pill,.app-shell.is-room-open .room-lifecycle-chip,.app-shell.is-room-open .room-match-pill,.app-shell.is-room-open .room-member-count{border:1px solid var(--room-hairline-v2);background:var(--room-raised-v2);box-shadow:var(--room-inset-v2)}.app-shell.is-room-open .room-back-button,.app-shell.is-room-open .room-icon-action{border-radius:var(--room-radius-md-v2);transition:transform .12s ease-out,background-color .12s ease-out,border-color .12s ease-out}.app-shell.is-room-open .room-back-button:active,.app-shell.is-room-open .room-icon-action:active{transform:translateY(1px)scale(.98)}.app-shell.is-room-open .room-invite-action{width:auto;min-width:74px;font-size:var(--type-caption);gap:5px;padding:0 9px;font-weight:900;display:inline-flex}.app-shell.is-room-open .room-invite-action span{line-height:1}.tab-rooms:not(.is-room-open) .room-field input,.app-shell.is-room-open .room-composer input{border-color:var(--room-hairline-v2);background:var(--room-surface-soft-v2);box-shadow:var(--room-inset-v2)}.tab-rooms:not(.is-room-open) .room-list-card,.tab-rooms:not(.is-room-open) .room-setup-panel,.tab-rooms:not(.is-room-open) .room-field{text-align:center}.tab-rooms:not(.is-room-open) .section-title,.tab-rooms:not(.is-room-open) .room-list-card-status-row,.tab-rooms:not(.is-room-open) .room-list-card-tag,.tab-rooms:not(.is-room-open) .room-list-card-title,.tab-rooms:not(.is-room-open) .room-list-card-match,.tab-rooms:not(.is-room-open) .room-list-card-meta{justify-content:center}.tab-rooms:not(.is-room-open) .room-field{justify-items:center}.tab-rooms:not(.is-room-open) .room-field input{text-align:center}.app-shell.is-room-open .room-bar-top h1,.app-shell.is-room-open .energy-share,.app-shell.is-room-open .score-stepper strong,.app-shell.is-room-open .score-value{font-variant-numeric:tabular-nums}.app-shell.is-room-open .energy-strip{gap:8px;padding:8px 10px}.app-shell.is-room-open .energy-side{border-radius:var(--room-radius-md-v2);box-shadow:none;background:0 0;border:1px solid #0000;transition:background-color .12s ease-out,border-color .12s ease-out}.app-shell.is-room-open .energy-side.is-selected{background:#21f58a16;border-color:#21f58a3d}.app-shell.is-room-open .energy-label{color:#dfffecc2;letter-spacing:0}.app-shell.is-room-open .energy-track{height:5px;box-shadow:none;background:#ffffff21}.app-shell.is-room-open .energy-fill{box-shadow:none;background:linear-gradient(90deg,#21f58adb,#7fffc1e6)}.app-shell.is-room-open .prediction-poll{margin-bottom:6px;padding:6px 8px}.app-shell.is-room-open .prediction-poll-head,.app-shell.is-room-open .prediction-status-row{gap:5px;min-height:0}.app-shell.is-room-open .prediction-status-row{margin-top:-2px}.app-shell.is-room-open .prediction-status-row>span:not(.prediction-deadline-pill){display:none}.app-shell.is-room-open .prediction-deadline-pill,.app-shell.is-room-open .prediction-sheet-button{min-height:24px;padding:3px 7px;font-size:.62rem}.app-shell.is-room-open .prediction-poll-title{font-size:.68rem}.app-shell.is-room-open .prediction-poll-title svg{width:12px;height:12px}.app-shell.is-room-open .prediction-poll-controls,.app-shell.is-room-open .score-picker{gap:5px}.app-shell.is-room-open .prediction-poll .team-mini,.app-shell.is-room-open .prediction-poll .score-stepper,.app-shell.is-room-open .prediction-poll .ghost-action.compact,.app-shell.is-room-open .score-stepper button{border:1px solid var(--room-hairline-v2);background:var(--room-surface-soft-v2);box-shadow:none}.app-shell.is-room-open .prediction-poll .team-mini{min-width:48px;padding:3px 5px;font-size:.64rem}.app-shell.is-room-open .prediction-poll .team-mini .flag-badge{width:25px;height:25px}.app-shell.is-room-open .prediction-poll .score-stepper{min-height:31px}.app-shell.is-room-open .prediction-poll .score-stepper button{width:27px;height:27px;font-size:.92rem}.app-shell.is-room-open .prediction-poll .score-stepper strong{min-width:20px;font-size:.98rem}.app-shell.is-room-open .prediction-poll .ghost-action.compact{min-height:30px;padding:4px 10px;font-size:.68rem}.app-shell.is-room-open .prediction-poll .prediction-submit-button{color:#eafff2;text-overflow:ellipsis;white-space:nowrap;background:radial-gradient(circle at 50% 0,#adffce59,#0000 42%),linear-gradient(#18a85ce0,#054627f0);border-color:#85ffbe66;min-width:74px;max-width:104px;font-size:clamp(.62rem,2.35vw,.72rem);font-weight:950;line-height:1;overflow:hidden;box-shadow:inset 0 1px #ffffff3d,0 0 16px #14ff8b2e}.app-shell.is-room-open .prediction-poll .prediction-submit-button:disabled{opacity:.58}.app-shell.is-room-open .prediction-minimize-button{width:24px;height:24px}.app-shell.is-room-open .score-stepper button:active,.app-shell.is-room-open .prediction-poll .ghost-action.compact:active{transform:translateY(1px)scale(.98)}.app-shell.is-room-open .room-feed-log{gap:6px}.app-shell.is-room-open .room-event{padding:4px 0}.app-shell.is-room-open .room-event>div{padding:8px 10px}.app-shell.is-room-open .room-event.is-own>div{box-shadow:var(--room-inset-v2);background:#06362285;border-color:#21f58a29}.app-shell.is-room-open .room-event.type-system>div,.app-shell.is-room-open .room-event.type-reaction>div{background:var(--room-surface-soft-v2)}.app-shell.is-room-open .room-event strong{font-size:var(--type-meta);letter-spacing:0}.app-shell.is-room-open .room-event span,.app-shell.is-room-open .empty-room-feed small{color:#ffffffb8}.app-shell.is-room-open .room-event-image>div{gap:5px}.room-image-preview{background:#ffffff0e;border:1px solid #abffd921;border-radius:14px;width:min(100%,238px);max-height:210px;margin-top:6px;padding:0;display:block;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 7px 14px #0000002e}.room-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.room-image-preview:active{transform:translateY(1px)scale(.99)}.room-image-missing{color:#ffffff94;font-size:var(--type-caption);margin-top:6px;font-weight:850;display:inline-flex}.room-image-lightbox{z-index:1300;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:pan-x pan-y pinch-zoom;background:#000000db;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.room-image-lightbox img{object-fit:contain;touch-action:pan-x pan-y pinch-zoom;border:1px solid #ffffff2e;border-radius:18px;max-width:min(100%,980px);max-height:82vh;display:block;box-shadow:0 20px 70px #00000094}.room-image-lightbox-close{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));color:#fff;width:40px;height:40px;box-shadow:var(--room-inset-v2);background:#060f0ed1;border:1px solid #ffffff2e;border-radius:50%;place-items:center;display:grid;position:fixed}.room-profile-popover-backdrop{z-index:1200;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000007a;place-items:center;display:grid;position:fixed;inset:0}.room-profile-popover{-webkit-overflow-scrolling:touch;width:min(360px,100%);max-height:calc(100dvh - 32px);color:var(--paper);background:radial-gradient(circle at 22% 0,#21f58a33,#0000 40%),linear-gradient(145deg,#051e18f5,#010a09fa);border:1px solid #abffd947;border-radius:22px;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:14px;display:grid;position:relative;overflow:auto;box-shadow:inset 0 1px #ffffff1f,0 18px 48px #00000080}.room-profile-close{width:34px;height:34px;color:var(--paper);background:#ffffff14;border:1px solid #abffd938;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.room-profile-avatar{width:78px;height:78px;color:inherit;cursor:zoom-in;background:radial-gradient(circle at 50% 32%,#ffffffe6,#9be6be6b 60%,#02140ed1);border:0;border-radius:50%;align-self:start;place-items:center;padding:0;display:grid;box-shadow:inset 2px 2px 4px #fff3,0 10px 18px #00000047}.room-profile-avatar:focus-visible{outline-offset:3px;outline:2px solid #8fffcdeb}.room-profile-avatar .avatar-mini{width:70px;height:70px}.room-profile-avatar .avatar-mini.avatar-profile img{width:100%;height:100%}.room-profile-copy{min-width:0;padding-right:36px}.room-profile-copy span{color:var(--green-bright);font-size:var(--type-caption);text-transform:uppercase;font-weight:950;display:block}.room-profile-copy h3{color:var(--paper);font-size:1.32rem;line-height:var(--leading-tight);overflow-wrap:anywhere;margin:3px 0 4px;font-style:italic;font-weight:950}.room-profile-copy p{color:#ffffffb8;font-size:var(--type-meta);margin:0;font-weight:820}.room-profile-stats{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.room-profile-stats div{background:#ffffff12;border:1px solid #abffd924;border-radius:14px;min-width:0;padding:10px}.room-profile-stats dt{color:#ffffff9e;font-size:var(--type-caption);text-transform:uppercase;font-weight:900}.room-profile-stats dd{color:var(--paper);font-size:var(--type-meta);font-weight:850;line-height:var(--leading-ui);overflow-wrap:anywhere;margin:3px 0 0}.app-shell.is-room-open .room-event-sticker,.app-shell.is-room-open .room-event-reaction-art img{filter:drop-shadow(0 3px 5px #00000047)}.app-shell.is-room-open .room-event-reaction-art,.app-shell.is-room-open .room-blast-replay,.app-shell.is-room-open .reaction-chip,.app-shell.is-room-open .reaction-add{border-color:var(--room-hairline-v2);background:var(--room-surface-soft-v2);box-shadow:none}.app-shell.is-room-open .room-event .room-event-reaction-art{color:inherit;flex:0 0 52px;place-items:center;margin-top:0;line-height:1;display:grid;overflow:visible}.app-shell.is-room-open .room-event .room-event-reaction-icon,.app-shell.is-room-open .room-event .room-event-reaction-icon>span{width:100%;height:100%;color:inherit;place-items:center;margin:0;line-height:1;display:grid}.app-shell.is-room-open .feed-jump-pill,.app-shell.is-room-open .icon-send-button,.app-shell.is-room-open .icon-photo-button{box-shadow:var(--room-inset-v2), 0 6px 14px #0003}.app-shell.is-room-open .room-dock.arena-dock.dial-dock{--dial-r:58px;--dial-active-r:65px}.app-shell.is-room-open .dial-dock .dial-sound{border-color:var(--room-hairline-v2);box-shadow:var(--room-inset-v2);background:#0814129e}.app-shell.is-room-open .room-dock.dial-dock.is-wheel-dragging .dial-sound{box-shadow:var(--room-inset-v2), 0 0 12px #21f58a29;border-color:#91ffbf4d}.app-shell.is-room-open .dial-dock .dial-arc path{stroke:#91ffbf3d}.app-shell.is-room-open .room-dock.dial-dock.is-wheel-dragging .dial-arc path{stroke:#91ffbf7a}.app-shell.is-room-open .room-composer-panel{border-color:var(--room-hairline-v2);box-shadow:var(--room-inset-v2);background:#03100e94}.app-shell.is-room-open .room-composer input:focus{box-shadow:var(--room-inset-v2), 0 0 0 2px #21f58a1f;border-color:#91ffbf6b}.zj-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#031815c7,#020a0d9e),radial-gradient(circle at 12% 20%,#40ffaa33,#0000 38%),radial-gradient(circle at 84% 78%,#23d9ff1f,#0000 34%);border:1px solid #71ffb938;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:8px 10px;display:grid;box-shadow:inset 0 1px #ffffff14,0 10px 24px #0003}.zj-panel-live{border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:5px;min-height:46px;padding:5px 7px;position:relative;overflow:hidden}.zj-panel-live:not(.is-current){grid-template-columns:auto minmax(0,1fr) auto auto}.zj-panel-live:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0 35%,#74ffc51f 48%,#0000 62% 100%);animation:3.8s linear infinite zjPanelSweep;position:absolute;inset:0}.zj-panel .avatar-mini{width:40px;height:40px;box-shadow:0 0 0 1px #98ffca59,0 0 14px #19ff9447}.zj-panel-live .avatar-mini{z-index:1;width:36px;height:36px;margin-left:0}.zj-orb{color:#a9ffd4;background:radial-gradient(circle at 50% 20%,#abffdc38,#0000 46%),#031712d1;border:1px solid #8bffc757;border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.zj-panel-copy{gap:2px;min-width:0;display:grid}.zj-panel-copy span,.zj-sheet-kicker{color:var(--green-bright);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:900}.zj-panel-copy strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;line-height:1.05;overflow:hidden}.zj-panel-live .zj-panel-copy strong{font-size:.78rem}.zj-panel-copy p{color:#ebfff4bd;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.68rem;line-height:1.2;overflow:hidden}.zj-panel-live .zj-panel-copy p{font-size:.58rem;line-height:1.05}.zj-live-console{z-index:1;grid-template-columns:minmax(70px,.64fr) minmax(116px,1.36fr);align-items:center;gap:7px;min-width:0;display:grid}.zj-live-identity{gap:3px;min-width:0;display:grid}.zj-live-identity strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.04;overflow:hidden}.zj-live-wave-stack{justify-items:center;gap:2px;min-width:0;display:grid}.zj-live-track{color:#ebfff4bd;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.5rem;font-weight:800;line-height:1;overflow:hidden}.zj-start-button,.zj-end-button,.zj-transport-button,.zj-control-button,.zj-listen-button{color:#eafff2;background:radial-gradient(circle at 50% 0,#adffce59,#0000 42%),linear-gradient(#18a85ce0,#054627f0);border:1px solid #85ffbe66;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:0 12px;font-size:.72rem;font-weight:900;display:inline-flex;box-shadow:inset 0 1px #ffffff3d,0 0 16px #14ff8b2e}.zj-end-button{color:#f4fff9e6;background:#091916bd;width:30px;min-width:30px;min-height:30px;padding:0}.zj-transport-button,.zj-control-button,.zj-listen-button{z-index:1;width:30px;min-width:30px;min-height:30px;padding:0;font-size:.62rem}.zj-transport-button{color:#baffdc;background:radial-gradient(circle at 50% 0,#bcffd747,#0000 45%),#08261ec7;border-color:#77ffb352}.zj-listen-button.is-muted{color:#f4fff9c7;background:#091916bd;border-color:#ffffff24}.zj-listen-button.is-blocked{color:#06140e;background:radial-gradient(circle at 50% 0,#ffffffbd,#0000 42%),linear-gradient(#acffcaf0,#43e88bf0)}.zj-live-badge{color:#9cffc7;letter-spacing:.08em;text-transform:uppercase;background:#041c16d1;border:1px solid #63ffa947;border-radius:999px;flex:none;justify-self:start;align-items:center;gap:4px;width:fit-content;min-width:0;padding:2px 5px;font-size:.5rem;font-weight:900;display:inline-flex}.zj-live-badge i{background:#1aff8d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #1aff8dd9}.zj-beat-wave{grid-template-columns:repeat(24,minmax(1.5px,1fr));align-items:center;gap:1.5px;width:100%;min-width:88px;max-width:152px;height:24px;padding:0 1px;display:inline-grid;overflow:visible}.zj-beat-wave span{width:100%;height:15px;opacity:var(--zj-wave-opacity,.78);transform:scaleY(var(--zj-wave-level,.48));transform-origin:50%;background:linear-gradient(#e0ffeff5,#21ff9afa 52%,#00c96fd1);border-radius:999px;transition:opacity 34ms linear,transform 34ms linear;display:block;box-shadow:0 0 7px #20ff9a61,0 0 15px #20ff9a29}.zj-beat-wave:not(.is-reactive) span{animation:.92s ease-in-out infinite zjWaveIdle}.zj-beat-wave span:nth-child(2n){animation-delay:.11s}.zj-beat-wave span:nth-child(3n){animation-delay:.22s}.zj-beat-wave span:nth-child(4n){animation-delay:.33s}.zj-sheet-backdrop{z-index:1400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000007a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.zj-sheet{color:#fff;background:radial-gradient(circle at 12% 0,#46ff9f33,#0000 32%),linear-gradient(155deg,#042b20f5,#010b0cfa);border:1px solid #83ffbf52;border-radius:24px;gap:10px;width:min(390px,100vw - 28px);padding:22px;display:grid;position:relative;box-shadow:0 24px 48px #00000080,inset 0 1px #ffffff1a}.zj-sheet h2{margin:0;font-size:1.65rem;line-height:1}.zj-sheet p{color:#e9fff3c7;margin:0;line-height:1.35}.zj-sheet-mark,.zj-sheet-close{color:#9cffc7;background:#041916c7;border:1px solid #93ffca47;border-radius:16px;place-items:center;width:44px;height:44px;display:grid}.zj-sheet-close{position:absolute;top:14px;right:14px}.zj-sheet-actions{grid-template-columns:.75fr 1fr;gap:10px;margin-top:6px;display:grid}.zj-control-backdrop{z-index:1410;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000075;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.zj-control-panel{color:#fff;background:radial-gradient(circle at 15% 0,#41ff9e38,#0000 34%),radial-gradient(circle at 84% 100%,#21b2ff1f,#0000 32%),linear-gradient(155deg,#04241ff7,#010a0cfa);border:1px solid #83ffbf57;border-radius:22px;gap:10px;width:min(410px,100vw - 28px);max-height:min(720px,100dvh - 52px);padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 52px #0000008c,inset 0 1px #ffffff1c}.zj-control-head{gap:2px;padding-right:48px;display:grid}.zj-control-head span,.zj-now-card span,.zj-loop-list>span,.zj-volume-control span{color:var(--green-bright);text-transform:uppercase;font-size:.62rem;font-weight:950}.zj-control-head h2{margin:0;font-size:1.35rem;line-height:1}.zj-now-card{min-height:76px;box-shadow:var(--room-inset-v2);background:radial-gradient(circle at 15% 15%,#7cffbe3d,#0000 38%),#fff1;border:1px solid #84ffbe2e;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.zj-now-card strong,.zj-now-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.zj-now-card strong{margin-top:3px;font-size:1.08rem;line-height:1.05}.zj-now-card small{color:#ecfff6b8;margin-top:4px;font-size:.72rem;font-weight:780}.zj-now-card b{color:#baffdc;text-transform:uppercase;background:#041c16b8;border:1px solid #96ffc73d;border-radius:999px;padding:7px 9px;font-size:.62rem}.zj-deck-controls{grid-template-columns:44px 1fr 44px 44px 44px;gap:8px;display:grid}.zj-deck-controls button,.zj-control-end{color:#eafff2;min-height:44px;box-shadow:var(--room-inset-v2);background:#081815c7;border:1px solid #84ffbe38;border-radius:16px}.zj-deck-controls .zj-play-button{background:radial-gradient(circle at 50% 0,#adffce59,#0000 42%),linear-gradient(#18a85ce0,#054627f0);border-color:#85ffbe6b;box-shadow:inset 0 1px #ffffff3d,0 0 16px #14ff8b2e}.zj-playback-mode{grid-template-columns:1fr 1fr;gap:8px;display:grid}.zj-playback-mode button{color:#eafff2cc;min-height:38px;box-shadow:var(--room-inset-v2);background:#0818159e;border:1px solid #84ffbe29;border-radius:14px;justify-content:center;align-items:center;gap:7px;font-size:.72rem;font-weight:920;display:inline-flex}.zj-playback-mode button.is-active{color:#eafff2;background:radial-gradient(circle at 50% 0,#9cffc742,#0000 45%),linear-gradient(#0f7443db,#043621eb);border-color:#59ffa875;box-shadow:inset 0 1px #fff3,0 0 14px #14ff8b29}.zj-volume-control{gap:7px;display:grid}.zj-volume-control span,.zj-loop-list>span{align-items:center;gap:6px;display:inline-flex}.zj-volume-control input{width:100%;height:28px;accent-color:var(--green-bright)}.zj-volume-control input[type=range]{appearance:none;background:0 0;border-radius:999px}.zj-volume-control input[type=range]::-webkit-slider-runnable-track{height:10px;box-shadow:var(--room-inset-v2);background:linear-gradient(90deg,#21f58ad1,#0a5e36e0),#ffffff1a;border:1px solid #85ffbe38;border-radius:999px}.zj-volume-control input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 26%,#ffffffd1,#0000 32%),linear-gradient(#33ffa0,#0b7f42);border:1px solid #c4ffdccc;border-radius:50%;width:24px;height:24px;margin-top:-8px;box-shadow:0 0 16px #21f58a6b,inset 0 1px #ffffff61}.zj-volume-control input[type=range]::-moz-range-track{height:10px;box-shadow:var(--room-inset-v2);background:#21f58a80;border:1px solid #85ffbe38;border-radius:999px}.zj-volume-control input[type=range]::-moz-range-thumb{background:linear-gradient(#33ffa0,#0b7f42);border:1px solid #c4ffdccc;border-radius:50%;width:22px;height:22px;box-shadow:0 0 16px #21f58a6b}.zj-loop-list{-webkit-overflow-scrolling:touch;gap:7px;max-height:240px;padding-right:2px;display:grid;overflow:auto}.zj-loop-list button{color:inherit;text-align:left;background:#ffffff0e;border:1px solid #84ffbe24;border-radius:14px;gap:2px;padding:9px 10px;display:grid}.zj-loop-list button.is-active{background:radial-gradient(circle at 8% 0,#46ff9e2e,#0000 40%),#0a452b75;border-color:#46ff9e75}.zj-loop-list strong,.zj-loop-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zj-loop-list strong{font-size:.82rem}.zj-loop-list small{color:#ecfff6a8;font-size:.64rem;font-weight:760}.zj-control-end{color:#ffe4e4f2;background:#480d0d7a;border-color:#ff78783d;justify-content:center;align-items:center;gap:6px;display:inline-flex}.zj-control-backdrop{padding:max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.zj-control-panel.zj-deck-panel{-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 15% 2%,#33ff9e3d,#0000 34%),radial-gradient(circle at 92% 18%,#1899ff21,#0000 30%),radial-gradient(circle at 50% 115%,#21f58a1f,#0000 44%),linear-gradient(155deg,#04241ffa,#010a0cfc);border-radius:24px 24px 18px 18px;gap:11px;width:min(430px,100vw - 16px);max-height:min(760px,100dvh - 34px);padding:18px 14px 14px;overflow:auto;box-shadow:0 -18px 52px #00000094,inset 0 1px #ffffff1c}.zj-sheet-handle{background:#ebfff45c;border-radius:999px;justify-self:center;width:42px;height:5px;margin-top:-4px;box-shadow:0 0 12px #21f58a29}.zj-deck-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding-right:0}.zj-deck-head .zj-sheet-close{border-radius:17px;width:42px;height:42px;position:static}.zj-deck-head h2{font-size:1.58rem}.zj-deck-now{min-height:122px;box-shadow:var(--room-inset-v2);background:radial-gradient(circle at 16% 20%,#7cffbe33,#0000 38%),radial-gradient(circle at 94% 8%,#50aaff1f,#0000 34%),#fff1;border:1px solid #84ffbe2e;border-radius:18px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.zj-track-art{isolation:isolate;aspect-ratio:1;background:radial-gradient(circle at 52% 48%,#21f58a5c,#0000 26%),radial-gradient(circle at 50% 58%,#057d48b8,#0000 45%),linear-gradient(145deg,#020709fa,#062c1ff0);border:1px solid #8effc433;border-radius:18px;place-items:center;width:112px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 0 22px #21f58a1f}.zj-track-art:before,.zj-track-art:after,.zj-track-art-orb,.zj-track-art-ring{content:"";pointer-events:none;position:absolute}.zj-track-art:before{background:conic-gradient(from 30deg, transparent 0 18%, #21f58adb 22%, transparent 28% 48%, #46dcff85 55%, transparent 62% 100%);filter:blur(2px);opacity:.76;animation:6s linear infinite zjArtSpin;inset:-36%}.zj-track-art:after{background:radial-gradient(circle at 34% 26%,#ffffffeb,#0000 9%),radial-gradient(circle at 50% 48%,#23ffa04d,#03261eb3 48%,#010608eb 100%);border-radius:999px;inset:10%;box-shadow:0 0 22px #21f58a66,inset 0 0 18px #ffffff1a}.zj-track-art-ring{z-index:1;border:1px solid #9fffcd57;border-radius:50%;inset:20%;transform:rotate(-24deg)skewY(-10deg)}.zj-track-art-orb{z-index:1;filter:blur(2px);background:#f4fff9c7;border-radius:50%;inset:33%;box-shadow:0 0 18px #ffffffd9,0 0 34px #21f58a9e}.zj-track-art-icon{z-index:2;color:#8dffc4;width:42px;height:42px;box-shadow:var(--room-inset-v2);background:#031411a8;border:1px solid #a0ffd052;border-radius:14px;place-items:center;display:grid;position:relative}.zj-deck-now-copy{gap:4px;min-width:0;display:grid}.zj-deck-now-copy span,.zj-vibe-mix>span{color:var(--green-bright);text-transform:uppercase;font-size:.62rem;font-weight:950}.zj-deck-now-copy strong,.zj-deck-now-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.zj-deck-now-copy strong{margin-top:3px;font-size:1.28rem;line-height:1.05}.zj-deck-now-copy small{color:#ecfff6b8;margin-top:4px;font-size:.76rem;font-weight:780}.zj-deck-now-copy b{color:#baffdc;text-transform:uppercase;background:#041c16b8;border:1px solid #96ffc73d;border-radius:999px;justify-self:start;padding:7px 9px;font-size:.62rem}.zj-deck-wave-card{gap:8px;padding:8px 0 0;display:grid}.zj-deck-wave-card .zj-beat-wave{gap:2px;min-width:0;max-width:none;height:44px}.zj-deck-wave-card .zj-beat-wave span{height:32px}.zj-progress-rail{height:8px;box-shadow:var(--room-inset-v2);background:#ffffff1c;border:1px solid #85ffbe21;border-radius:999px;overflow:hidden}.zj-progress-rail i{border-radius:inherit;background:radial-gradient(circle at 100%,#ffffffc7,#0000 22px),linear-gradient(90deg,#1cff91fa,#088c4fd1);width:0%;height:100%;transition:width .18s linear;display:block;box-shadow:0 0 15px #21f58a47}.zj-seek-control{display:block}.zj-seek-control input[type=range],.zj-mixer-slider input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.zj-seek-control input[type=range]::-webkit-slider-runnable-track{height:8px;box-shadow:var(--room-inset-v2), 0 0 12px #21f58a1f;background:linear-gradient(90deg,#21f58ae6,#06b6d4bd,#f9731680),#ffffff1a;border:1px solid #9bffcd29;border-radius:999px}.zj-mixer-slider input[type=range]::-webkit-slider-runnable-track{height:8px;box-shadow:var(--room-inset-v2), 0 0 12px #21f58a1f;background:linear-gradient(90deg,#21f58ae6,#06b6d4bd,#f9731680),#ffffff1a;border:1px solid #9bffcd29;border-radius:999px}.zj-seek-control input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 24%,#ffffffeb,#0000 30%),linear-gradient(#45ffab,#068d50);border:1px solid #deffece0;border-radius:50%;width:26px;height:26px;margin-top:-10px;box-shadow:0 0 18px #21f58a6b,inset 0 1px #ffffff61}.zj-mixer-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 24%,#ffffffeb,#0000 30%),linear-gradient(#45ffab,#068d50);border:1px solid #deffece0;border-radius:50%;width:26px;height:26px;margin-top:-10px;box-shadow:0 0 18px #21f58a6b,inset 0 1px #ffffff61}.zj-seek-control input[type=range]::-moz-range-track{height:8px;box-shadow:var(--room-inset-v2);background:linear-gradient(90deg,#21f58ae6,#06b6d4bd,#f9731680);border:1px solid #9bffcd29;border-radius:999px}.zj-mixer-slider input[type=range]::-moz-range-track{height:8px;box-shadow:var(--room-inset-v2);background:linear-gradient(90deg,#21f58ae6,#06b6d4bd,#f9731680);border:1px solid #9bffcd29;border-radius:999px}.zj-seek-control input[type=range]::-moz-range-thumb{background:linear-gradient(#45ffab,#068d50);border:1px solid #deffece0;border-radius:50%;width:24px;height:24px;box-shadow:0 0 18px #21f58a6b}.zj-mixer-slider input[type=range]::-moz-range-thumb{background:linear-gradient(#45ffab,#068d50);border:1px solid #deffece0;border-radius:50%;width:24px;height:24px;box-shadow:0 0 18px #21f58a6b}.zj-progress-times{color:#ebfff4a3;justify-content:space-between;font-size:.7rem;font-weight:850;display:flex}.zj-deck-panel .zj-deck-controls{grid-template-columns:minmax(64px,1fr) 50px 74px 50px minmax(64px,1fr);align-items:center}.zj-deck-panel .zj-deck-controls button{justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:.68rem;font-weight:940;display:inline-flex}.zj-deck-panel .zj-deck-controls .zj-play-button{border-radius:999px;width:74px;min-height:74px}.zj-deck-panel .zj-deck-controls button.is-active,.zj-vibe-row button.is-active,.zj-playlist-mode-button.is-active{color:#092518;background:radial-gradient(circle at 50% 0,#ffffff8c,#0000 45%),linear-gradient(#58ffa7f5,#0e9351f0);border-color:#9dffcd80}.zj-volume-control>div{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid}.zj-volume-control b{color:#ebfff4c2;text-align:right;font-size:.78rem;font-weight:900}.zj-vibe-mix{border-top:1px solid #95ffcb1f;gap:8px;padding-top:4px;display:grid}.zj-vibe-mix>span,.zj-volume-control span,.zj-loop-list>span{align-items:center;gap:6px;display:inline-flex}.zj-vibe-grid{gap:8px;display:grid}.zj-mixer-slider{min-height:42px;box-shadow:var(--room-inset-v2);background:radial-gradient(circle at 5%,#21f58a1f,#0000 28%),#0414119e;border:1px solid #84ffbe1f;border-radius:15px;grid-template-columns:minmax(58px,.34fr) minmax(0,1fr);align-items:center;gap:10px;padding:8px 9px;display:grid}.zj-mixer-slider>span{gap:1px;display:grid}.zj-mixer-slider b,.zj-mixer-slider small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.zj-mixer-slider b{color:#f0fff6e6;font-size:.72rem;font-weight:950}.zj-mixer-slider small{color:#ebfff494;font-size:.62rem;font-weight:900}.zj-playlist-mode-button{color:#eafff2d6;min-height:42px;box-shadow:var(--room-inset-v2);background:#081815b3;border:1px solid #84ffbe2e;border-radius:15px;justify-content:center;align-items:center;gap:7px;font-size:.72rem;font-weight:950;display:inline-flex}.zj-vibe-row{grid-template-columns:auto minmax(0,1fr) auto minmax(76px,.32fr);align-items:center;gap:9px;display:grid}.zj-vibe-row small{color:#ecfff699;font-size:.66rem;font-weight:900}.zj-vibe-row button{color:#eafff2d6;min-height:40px;box-shadow:var(--room-inset-v2);background:#081815b3;border:1px solid #84ffbe2e;border-radius:14px;justify-content:center;align-items:center;gap:5px;font-size:.68rem;font-weight:940;display:inline-flex}.zj-vibe-row input[type=range]{appearance:none;background:0 0;width:100%;height:30px}.zj-vibe-row input[type=range]::-webkit-slider-runnable-track{height:7px;box-shadow:var(--room-inset-v2);background:repeating-linear-gradient(90deg,#0000 0 18%,#e0ffef47 18% 19%,#0000 19% 24%),linear-gradient(90deg,#177446b8,#21f58ad1,#d3ff85b8);border-radius:999px}.zj-vibe-row input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 24%,#ffffffe0,#0000 32%),linear-gradient(#39ffa4,#0b8747);border:1px solid #d1ffe2d9;border-radius:50%;width:28px;height:28px;margin-top:-10.5px;box-shadow:0 0 18px #21f58a73,inset 0 1px #fff6}.zj-vibe-row input[type=range]::-moz-range-track{height:7px;box-shadow:var(--room-inset-v2);background:#21f58a9e;border-radius:999px}.zj-vibe-row input[type=range]::-moz-range-thumb{background:linear-gradient(#39ffa4,#0b8747);border:1px solid #d1ffe2d9;border-radius:50%;width:26px;height:26px;box-shadow:0 0 18px #21f58a73}.zj-deck-queue{max-height:260px}.zj-deck-queue button{grid-template-columns:18px minmax(0,1fr) 42px;align-items:center}.zj-deck-queue button>span{gap:2px;min-width:0;display:grid}.zj-deck-queue button>b{color:#ebfff4bd;background:#051d17b8;border:1px solid #96ffc733;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.68rem;display:grid}.zj-deck-queue strong,.zj-deck-queue small{display:block}.zj-deck-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding-top:2px;display:grid}.zj-deck-footer>span{color:#ebfff4c2;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:900;overflow:hidden}.zj-deck-footer .zj-control-end{min-width:132px}.zj-control-panel.zj-deck-panel{background:radial-gradient(circle at 22% 0,#30ff9e29,#0000 28%),radial-gradient(circle at 88% 16%,#20b8ff1f,#0000 30%),radial-gradient(circle at 50% 104%,#21f58a1a,#0000 38%),linear-gradient(155deg,#021614fa,#00070afc);border-color:#7affc147;border-radius:26px 26px 20px 20px;gap:7px;width:min(400px,100vw - 28px);max-height:min(680px,100dvh - 48px);padding:11px 12px;overflow:hidden;box-shadow:0 -18px 52px #0000009e,inset 0 1px #ffffff1a}.zj-deck-head{align-items:center;min-height:34px}.zj-deck-head>div{justify-self:center;margin-left:42px}.zj-deck-head span{display:none}.zj-deck-head h2{letter-spacing:.08em;text-transform:uppercase;font-size:1rem}.zj-deck-head .zj-sheet-close{border-radius:50%;width:38px;height:38px}.zj-control-panel.zj-deck-panel .zj-sheet-handle{background:linear-gradient(90deg,#8effc342,#21f58ae6,#8effc342);width:46px;height:5px;margin-top:-2px}.zj-deck-now{grid-template-columns:48px minmax(0,1fr) minmax(112px,.92fr);gap:8px;min-height:58px;padding:6px 8px}.zj-track-art{border-radius:12px;width:48px}.zj-track-art-icon{border-radius:8px;width:24px;height:24px}.zj-deck-now-copy{gap:2px}.zj-deck-now-copy span{font-size:.5rem}.zj-deck-now-copy strong{margin-top:1px;font-size:.88rem}.zj-deck-now-copy small{margin-top:2px;font-size:.6rem}.zj-deck-now .zj-beat-wave{justify-self:stretch;gap:2px;min-width:0;max-width:none;height:34px}.zj-deck-now .zj-beat-wave span{height:18px}.zj-deck-wave-card{gap:2px;padding:0 2px}.zj-deck-wave-card .zj-beat-wave{display:none}.zj-seek-control input[type=range]{height:18px}.zj-seek-control input[type=range]::-webkit-slider-runnable-track{height:5px}.zj-seek-control input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8.5px}.zj-seek-control input[type=range]::-moz-range-track{height:5px}.zj-seek-control input[type=range]::-moz-range-thumb{width:18px;height:18px}.zj-progress-times{font-size:.64rem}.zj-vibe-fx-stage{box-shadow:var(--room-inset-v2);background:radial-gradient(circle at 12% 0,#21f58a21,#0000 34%),linear-gradient(#041512c7,#020909b3);border:1px solid #84ffbe21;border-radius:20px;gap:7px;padding:8px;display:grid}.zj-vibe-fx-head{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.zj-vibe-fx-head span{color:#21f58a;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:950}.zj-vibe-fx-head small{color:#ecfff494;white-space:nowrap;font-size:.62rem;font-weight:800}.zj-vibe-fx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.zj-vibe-fx-button{color:#ecfff4d6;min-height:42px;box-shadow:var(--room-inset-v2);background:radial-gradient(circle at 50% 0,#ffffff17,#0000 46%),linear-gradient(#0d2e25b8,#030f0ecc);border:1px solid #84ffbe29;border-radius:15px;grid-template-columns:minmax(0,1fr);align-items:center;padding:6px 7px;display:grid;position:relative;overflow:hidden;transform:translateZ(0)}.zj-vibe-fx-button:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#beffdd38,#0000 58%);position:absolute;inset:-40% -70%;transform:translate(-30%)}.zj-vibe-fx-button span{text-align:center;min-width:0;display:grid}.zj-vibe-fx-button strong,.zj-vibe-fx-button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zj-vibe-fx-button strong{font-size:.75rem;font-weight:950}.zj-vibe-fx-button small{color:#ecfff494;font-size:.6rem;font-weight:800}.zj-vibe-fx-button:active,.zj-vibe-fx-button.is-fired{color:#fff;box-shadow:0 0 18px #21f58a3d, var(--room-inset-v2);background:radial-gradient(circle at 50% 0,#ffffff2b,#0000 48%),linear-gradient(#17764bd1,#041f18db);border-color:#21f58ac7;transform:translateY(1px)scale(.99)}.zj-vibe-fx-button.is-fired:after{animation:.68s ease-out both zj-vibe-fx-glint}@keyframes zj-vibe-fx-glint{0%{opacity:0;transform:translate(-34%)}35%{opacity:1}to{opacity:0;transform:translate(38%)}}@media (prefers-reduced-motion:reduce){.zj-vibe-fx-button.is-fired:after{animation:none}}.zj-deck-panel .zj-deck-controls{min-height:44px;box-shadow:var(--room-inset-v2);background:#030e0da8;border:1px solid #84ffbe21;border-radius:999px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:hidden}.zj-deck-panel .zj-deck-controls button{color:#eefff6db;background:radial-gradient(circle at 50% 0,#ffffff1f,#0000 46%),linear-gradient(#132d27bd,#020c0bdb);border:0;border-radius:0;min-height:44px;box-shadow:inset 0 1px #ffffff21,inset 0 -10px 16px #0000004d}.zj-deck-panel .zj-deck-controls button+button{border-left:1px solid #d2ffe614}.zj-deck-panel .zj-deck-controls .zj-step-button{color:#eefff6e6;background:radial-gradient(circle at 50% 0,#ffffff24,#0000 46%),linear-gradient(#16332cc7,#020c0be0);box-shadow:inset 0 1px #ffffff26,inset 0 -10px 16px #00000052}.zj-deck-panel .zj-deck-controls button.is-active{color:#dffff0;background:radial-gradient(circle at 50% 0,#dcffec47,#0000 48%),linear-gradient(#1c8a529e,#04291dd1);box-shadow:0 0 14px #21f58a33,inset 0 1px #ffffff2e,inset 0 -14px 20px #00000042}.zj-deck-panel .zj-deck-controls .zj-play-button{background:radial-gradient(circle at 50% 10%,#ffffff29,#0000 42%),linear-gradient(#183d32f0,#031411f5);border:1px solid #93ffc73d;border-radius:50%;width:36px;min-height:36px;margin:0 auto;box-shadow:inset 0 1px #ffffff2b,inset 0 -10px 14px #00000057}.zj-deck-panel .zj-deck-controls .zj-play-button.is-playing{color:#fff;background:radial-gradient(circle at 50% 10%,#ffffff42,#0000 42%),linear-gradient(#32e782e6,#095b36eb);border-color:#93ffc7b8;box-shadow:0 0 18px #21f58a52,inset 0 1px #ffffff3d,inset 0 -12px 14px #0000003d}.zj-volume-control.zj-deck-slider{min-height:44px;box-shadow:var(--room-inset-v2);background:#030e0d9e;border:1px solid #84ffbe1f;border-radius:999px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:0 10px;display:grid}.zj-volume-control.zj-deck-slider>span{color:#91ffc7;justify-content:center;place-self:center;place-items:center;gap:0;width:28px;height:28px;font-size:0;line-height:0;display:inline-flex;overflow:hidden;transform:translateY(1px)}.zj-volume-control.zj-deck-slider>span svg{width:17px;height:17px;display:block}.zj-volume-control.zj-deck-slider>div{grid-template-columns:minmax(0,1fr) 38px;align-self:center;align-items:center;gap:8px;min-width:0;display:grid}.zj-volume-control.zj-deck-slider b{text-align:right;align-self:center}.zj-deck-queue{overscroll-behavior:contain;max-height:min(178px,22dvh);box-shadow:var(--room-inset-v2);scrollbar-width:thin;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:#030e0d80;border:1px solid #84ffbe1f;border-radius:16px;gap:6px;padding:7px;display:grid;overflow-y:auto}.zj-deck-queue>span{color:var(--green-bright);font-size:.62rem}.zj-deck-queue button{border-radius:11px;grid-template-columns:18px minmax(0,1fr) 42px;min-height:38px;padding:5px 7px}.zj-deck-queue button>em{color:#ebfff4b3;font-size:.8rem;font-style:normal;font-weight:950}.zj-deck-queue small{display:none}.zj-deck-queue time{color:#e2ffef9e;letter-spacing:0;white-space:nowrap;justify-self:end;font-size:.66rem;font-weight:850;line-height:1}.zj-deck-footer{min-height:44px;box-shadow:var(--room-inset-v2);background:#030e0d8f;border:1px solid #84ffbe1f;border-radius:16px;padding:5px 8px 5px 10px}.zj-deck-footer>span{text-align:left;align-items:center;gap:8px;display:inline-flex}.zj-deck-footer>span>i{background:#21f58a;border-radius:50%;width:11px;height:11px;box-shadow:0 0 12px #21f58a99}.zj-deck-footer .zj-control-end{color:#ff7468;background:#2907078a;border-color:#ff57577a;min-width:92px;min-height:36px}@keyframes zjArtSpin{to{transform:rotate(360deg)}}@keyframes zjPanelSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes zjWaveIdle{0%,to{transform:scaleY(.58)}50%{transform:scaleY(1.45)}}.room-blast-overlay{--blast-color:#2aff9dd6;--blast-hot:#ffee7ee0;--blast-edge:#46dcffb8;z-index:960;pointer-events:none;color:#fff;text-align:center;isolation:isolate;background:radial-gradient(circle at 50% 48%,#00000005,#0000003d 68%,#00000080);place-items:center;animation:1.72s cubic-bezier(.2,.82,.18,1) both roomBlastOverlayFade;display:grid;position:fixed;inset:0;overflow:hidden}.room-blast-overlay:before,.room-blast-overlay:after,.room-blast-overlay-glow,.room-blast-overlay-shock,.room-blast-overlay-sparks{content:"";pointer-events:none;position:absolute;inset:0}.room-blast-overlay:before{z-index:0;opacity:0;background:radial-gradient(circle at 50% 45%, var(--blast-color), transparent 17rem), radial-gradient(circle at 18% 72%, color-mix(in srgb, var(--blast-hot), transparent 55%), transparent 11rem), radial-gradient(circle at 84% 75%, color-mix(in srgb, var(--blast-edge), transparent 55%), transparent 12rem), linear-gradient(180deg, #00000029, #00000085);filter:saturate(1.5);animation:1.72s cubic-bezier(.16,.9,.18,1) both roomBlastAura}.room-blast-overlay:after{z-index:0;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 54%, color-mix(in srgb, var(--blast-color), transparent 58%) 0 5deg, transparent 5deg 16deg), repeating-radial-gradient(circle at 50% 54%, transparent 0 22px, color-mix(in srgb, var(--blast-edge), transparent 72%) 23px 24px, transparent 25px 42px);mix-blend-mode:screen;animation:1.42s cubic-bezier(.16,.92,.2,1) both roomBlastRings;-webkit-mask-image:radial-gradient(circle at 50% 54%,#0000 0 16%,#000 18% 52%,#0000 56%);mask-image:radial-gradient(circle at 50% 54%,#0000 0 16%,#000 18% 52%,#0000 56%)}.room-blast-overlay-glow{z-index:0;opacity:0;background:radial-gradient(ellipse at 50% 101%, color-mix(in srgb, var(--blast-color), transparent 46%), transparent 54%), linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--blast-edge), transparent 68%) 20%, color-mix(in srgb, var(--blast-hot), transparent 58%) 50%, color-mix(in srgb, var(--blast-edge), transparent 68%) 80%, transparent 100%);filter:blur(12px)saturate(1.35);mix-blend-mode:screen;animation:1.6s ease-out both roomBlastPlasma;transform:translateY(18%)scaleY(.38)}.room-blast-overlay-shock{z-index:0;border:2px solid color-mix(in srgb, var(--blast-color), white 26%);width:min(92vmin,520px);height:min(92vmin,520px);box-shadow:0 0 28px color-mix(in srgb, var(--blast-color), transparent 38%), inset 0 0 34px color-mix(in srgb, var(--blast-edge), transparent 52%);opacity:0;border-radius:50%;animation:1.2s cubic-bezier(.09,.92,.18,1) both roomBlastShock;top:50%;left:50%;transform:translate(-50%,-46%)scale(.16)}.room-blast-overlay-sparks{z-index:0;opacity:0;background:radial-gradient(circle at 18% 30%, var(--blast-hot) 0 2px, transparent 3px), radial-gradient(circle at 30% 22%, var(--blast-color) 0 2px, transparent 3px), radial-gradient(circle at 43% 18%, #fff 0 1px, transparent 3px), radial-gradient(circle at 61% 20%, var(--blast-edge) 0 2px, transparent 3px), radial-gradient(circle at 78% 32%, var(--blast-hot) 0 2px, transparent 3px), radial-gradient(circle at 22% 67%, var(--blast-edge) 0 2px, transparent 3px), radial-gradient(circle at 39% 78%, var(--blast-hot) 0 2px, transparent 3px), radial-gradient(circle at 58% 75%, #fff 0 1px, transparent 3px), radial-gradient(circle at 74% 65%, var(--blast-color) 0 2px, transparent 3px);mix-blend-mode:screen;animation:1.32s cubic-bezier(.16,.9,.2,1) both roomBlastSparks;transform:scale(.7)rotate(-5deg)}.room-blast-overlay-icon{z-index:2;border:1px solid color-mix(in srgb, var(--blast-color), white 28%);background:radial-gradient(circle at 50% 0%, #ffffff7a, transparent 40%), radial-gradient(circle at 50% 95%, color-mix(in srgb, var(--blast-color), transparent 52%), transparent 48%), #021412d6;width:104px;height:104px;box-shadow:0 0 24px color-mix(in srgb, var(--blast-color), transparent 28%), 0 0 72px color-mix(in srgb, var(--blast-edge), transparent 54%), inset 0 1px 0 #ffffff3d, inset 0 -16px 24px #00000042;transform-origin:50% 60%;border-radius:36px;place-items:center;font-size:3.15rem;animation:.88s cubic-bezier(.14,1.42,.22,1) both roomBlastIconPop;display:grid}.room-blast-overlay-icon img{object-fit:cover;filter:drop-shadow(0 5px 12px #00000061);border-radius:28px;width:86px;height:86px}.room-blast-overlay-icon .room-sound-emoji{line-height:1;display:block}.room-blast-overlay-character{z-index:2;pointer-events:none;width:min(70vw,286px);display:none;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.room-blast-overlay-character img{opacity:.9;filter:drop-shadow(0 16px 24px #00000075)drop-shadow(0 0 28px #2fff9157);width:100%;height:auto;display:block}.room-blast-overlay strong{z-index:2;border:1px solid color-mix(in srgb, var(--blast-color), transparent 48%);box-shadow:0 0 24px color-mix(in srgb, var(--blast-color), transparent 72%), inset 0 1px 0 #ffffff17;letter-spacing:0;text-transform:uppercase;background:#02100ec7;border-radius:999px;margin-top:132px;padding:7px 16px;font-size:.92rem;font-weight:950;animation:.98s cubic-bezier(.16,1.1,.22,1) both roomBlastLabelPop}.room-blast-overlay.effect-goal-confetti{--blast-color:#36ff91eb;--blast-hot:#ffed5ff2;--blast-edge:#77ffcdcc}.room-blast-overlay.effect-goal-confetti:before{background:radial-gradient(circle at 50% 36%,#fff07080,#0000 20rem),repeating-linear-gradient(118deg,#0000 0 30px,#ffffff29 31px 34px,#0000 35px 62px),radial-gradient(circle at 50% 78%,#26ff8461,#0000 18rem)}.room-blast-overlay.effect-chant-wave{--blast-color:#5affc6db;--blast-hot:#98ffe2e0;--blast-edge:#46d2ffd1}.room-blast-overlay.effect-chant-wave:after{animation-name:roomBlastWaveRings}.room-blast-overlay.effect-thunder-pulse{--blast-color:#74ffa6e6;--blast-hot:#fff24cfa;--blast-edge:#ffffffe6;animation-name:roomBlastThunderFade}.room-blast-overlay.effect-thunder-pulse .room-blast-overlay-shock{border-style:dashed;animation-name:roomBlastThunderShock}.room-blast-overlay.effect-boo-ripple{--blast-color:#ff4d53c7;--blast-hot:#ffb45fe6;--blast-edge:#ff61aab3}.room-blast-overlay.effect-boo-ripple:before{background:radial-gradient(circle at 50% 46%,#ff484857,#0000 19rem),radial-gradient(circle at 50% 46%,#0000 0 21%,#ff7c7c38 22% 23%,#0000 24%),radial-gradient(circle at 50% 78%,#ffb45f1f,#0000 14rem)}.room-blast-overlay.effect-drum-quake{--blast-color:#5cffaed1;--blast-hot:#ffd866eb;--blast-edge:#6fffd6bd}.room-blast-overlay.effect-drum-quake .room-blast-overlay-icon{animation-name:roomBlastDrum}.room-blast-overlay.effect-comic-pop{--blast-color:#61ffbbeb;--blast-hot:#ffe75cf5;--blast-edge:#ff5bd1bd}.room-blast-overlay.effect-comic-pop:after{background:radial-gradient(circle at 35% 35%,#ffffff8c,#0000 4%),radial-gradient(circle at 65% 38%,#ffe75c7a,#0000 5%),radial-gradient(circle at 50% 70%,#69ffb870,#0000 6%),radial-gradient(circle at 78% 58%,#ff5bd15c,#0000 5%);animation-name:roomBlastComicPop}.room-blast-overlay.effect-relief-puff{--blast-color:#56ff96e6;--blast-hot:#ffe067e0;--blast-edge:#ffffffb8;background:radial-gradient(circle at 50% 45%,#14ff9121,#0000 18rem),radial-gradient(circle at 50% 78%,#ffe97d1c,#0000 18rem),radial-gradient(circle at 50% 48%,#00000008,#00000052 72%,#0000008f)}.room-blast-overlay.effect-relief-puff:before{background:radial-gradient(at 50% 58%,#fff4a880,#0000 14rem),radial-gradient(circle at 37% 63%,#d6bd6257,#0000 7rem),radial-gradient(circle at 66% 61%,#7fff9647,#0000 8rem),linear-gradient(#00000005,#0000007a);animation-name:roomBlastReliefAura}.room-blast-overlay.effect-relief-puff:after{mix-blend-mode:screen;background:radial-gradient(at 38% 63%,#f4e1a6bd 0 3.2rem,#0000 3.3rem),radial-gradient(at 50% 66%,#f5ebcdad 0 4.2rem,#0000 4.3rem),radial-gradient(at 63% 62%,#e1c98ea8 0 3.1rem,#0000 3.2rem),radial-gradient(circle at 24% 52%,#fff09657,#0000 8rem),radial-gradient(circle at 78% 52%,#6cff9d42,#0000 8rem);animation:1.42s cubic-bezier(.16,.9,.22,1) both roomBlastReliefCloud;-webkit-mask-image:radial-gradient(at 50% 61%,#000 0 36%,#0000 63%);mask-image:radial-gradient(at 50% 61%,#000 0 36%,#0000 63%)}.room-blast-overlay.effect-relief-puff .room-blast-overlay-character{animation:1.62s cubic-bezier(.18,1.18,.2,1) both roomBlastReliefCharacter;display:block}.room-blast-overlay.effect-relief-puff .room-blast-overlay-icon{display:none}.room-blast-overlay.effect-relief-puff .room-blast-overlay-shock{border-color:#ffec8adb;animation-name:roomBlastReliefShock;box-shadow:0 0 28px #50ff9861,inset 0 0 38px #ffef9857}.room-blast-overlay.effect-relief-puff .room-blast-overlay-sparks{background:radial-gradient(circle at 32% 27%,#ffee8be6 0 2px,#0000 3px),radial-gradient(circle at 42% 23%,#ffffffdb 0 1px,#0000 3px),radial-gradient(circle at 59% 22%,#69ffa2d6 0 2px,#0000 3px),radial-gradient(circle at 70% 31%,#ffdc66c2 0 2px,#0000 3px),radial-gradient(circle at 29% 73%,#d5bc69cc 0 4px,#0000 6px),radial-gradient(circle at 72% 71%,#f6e6b0ad 0 5px,#0000 7px);animation-name:roomBlastReliefSparks}.room-blast-overlay.effect-relief-puff strong{background:#0a2116bd;margin-top:0;position:absolute;top:calc(46% + min(42vw,184px))}.room-blast-overlay.effect-spotlight-sweep{--blast-color:#78ffc5bd;--blast-hot:#ffffffe6;--blast-edge:#46dcffb8}.room-blast-overlay.effect-spotlight-sweep:before{background:conic-gradient(from 210deg at 50% 50%, transparent 0 25%, #ffffff61 31%, transparent 40% 100%), radial-gradient(circle at 50% 42%, #64ffb547, transparent 20rem);animation:1.44s ease-out both roomBlastSpotlight}.room-blast-overlay.is-muted{opacity:.86}.room-blast-overlay.is-reduced{animation-duration:.9s}.room-blast-overlay.is-reduced .room-blast-overlay-glow,.room-blast-overlay.is-reduced .room-blast-overlay-shock,.room-blast-overlay.is-reduced .room-blast-overlay-sparks,.room-blast-overlay.is-reduced:after,.room-blast-overlay.is-reduced:before{opacity:.18;animation:none}.room-blast-overlay.is-reduced .room-blast-overlay-icon{animation:none;transform:none}.room-blast-overlay.is-reduced .room-blast-overlay-character{opacity:.82;animation:none;transform:translate(-50%,-50%)scale(.94)}.room-blast-overlay.is-reduced.effect-relief-puff .room-blast-overlay-icon{display:none}@supports not (color:color-mix(in srgb, red, blue)){.room-blast-overlay{--blast-color:#2aff9dd6;--blast-hot:#ffee7ee0;--blast-edge:#46dcffb8}}.pvp-team-line,.pvp-mvp-line{color:#eefff6e6;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;min-height:36px;display:grid}.pvp-team-line b,.pvp-mvp-line b,.pvp-mvp-line strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pvp-team-line i{background:linear-gradient(90deg,#21f58ae6,#ffffff3d,#49beffc2);border-radius:999px;width:74px;height:8px;box-shadow:0 0 14px #21f58a2e}.pvp-mvp-line{grid-template-columns:minmax(0,1fr) auto}.recap-sheet-backdrop{z-index:1420;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.recap-sheet{color:#fff;background:radial-gradient(circle at 16% 0,#41ff9e38,#0000 34%),linear-gradient(155deg,#04241ff7,#010a0cfa);border:1px solid #83ffbf57;border-radius:22px;gap:10px;width:min(390px,100vw - 28px);max-height:min(760px,100dvh - 42px);padding:14px;display:grid;overflow:auto;box-shadow:0 22px 52px #0000008c,inset 0 1px #ffffff1c}.recap-sheet-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.recap-sheet-head h2{margin:0;font-size:1.2rem;line-height:1}.recap-sheet-head button{color:#9cffc7;background:#041916c7;border:1px solid #93ffca47;border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.recap-card-preview{object-fit:contain;background:#00000040;border:1px solid #83ffbf33;border-radius:18px;width:100%;max-height:420px}.recap-facts{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.recap-facts div{background:#ffffff0e;border:1px solid #84ffbe24;border-radius:14px;min-width:0;padding:8px}.recap-facts dt{color:var(--green-bright);text-transform:uppercase;font-size:.56rem;font-weight:950}.recap-facts dd{color:#f5fffaeb;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:.72rem;font-weight:850;overflow:hidden}.recap-status{color:#baffdc;margin:0;font-size:.78rem;font-weight:850}.recap-actions{grid-template-columns:.9fr 1fr;gap:8px;display:grid}@keyframes roomBlastOverlayFade{0%{opacity:0;transform:scale(.992)}12%,74%{opacity:1;transform:scale(1.004)}to{opacity:0;transform:scale(1.018)}}@keyframes roomBlastThunderFade{0%{opacity:0;filter:brightness()contrast()}12%{opacity:1;filter:brightness(1.62)contrast(1.18)}26%{filter:brightness(.88)contrast(1.06)}44%{filter:brightness(1.2)contrast(1.12)}to{opacity:0;filter:brightness()contrast()}}@keyframes roomBlastAura{0%{opacity:0;transform:scale(.9)}18%{opacity:.95;transform:scale(1)}62%{opacity:.72}to{opacity:0;transform:scale(1.18)}}@keyframes roomBlastIconPop{0%{opacity:0;transform:translateY(16px)scale(.36)rotate(-8deg)}48%{opacity:1;transform:translateY(-2px)scale(1.14)rotate(3deg)}to{opacity:1;transform:translate(0,0)scale(1)rotate(0)}}@keyframes roomBlastLabelPop{0%,24%{opacity:0;transform:translateY(-8px)scale(.96)}68%{opacity:1;transform:translateY(1px)scale(1.02)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes roomBlastRings{0%{opacity:0;transform:rotate(-32deg)scale(.66)}22%{opacity:.82}to{opacity:0;transform:rotate(72deg)scale(1.45)}}@keyframes roomBlastWaveRings{0%{opacity:0;transform:scaleX(.58)scaleY(.34)translateY(18px)}18%{opacity:.86}to{opacity:0;transform:scaleX(1.56)scaleY(1.02)translateY(-8px)}}@keyframes roomBlastPlasma{0%{opacity:0;transform:translateY(20%)scaleX(.86)scaleY(.24)}18%{opacity:.88}52%{opacity:.68;transform:translateY(6%)scaleX(1.08)scaleY(.64)}to{opacity:0;transform:translateY(-8%)scaleX(1.18)scaleY(.9)}}@keyframes roomBlastShock{0%{opacity:0;transform:translate(-50%,-46%)scale(.12)}14%{opacity:.92}to{opacity:0;transform:translate(-50%,-46%)scale(1.72)}}@keyframes roomBlastThunderShock{0%{opacity:0;transform:translate(-50%,-46%)scale(.08)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(-50%,-46%)scale(1.62)rotate(24deg)}}@keyframes roomBlastSparks{0%{opacity:0;transform:scale(.72)rotate(-8deg)}16%{opacity:1}78%{opacity:.58}to{opacity:0;transform:scale(1.22)rotate(9deg)}}@keyframes roomBlastComicPop{0%{opacity:0;transform:scale(.72)rotate(-6deg)}18%{opacity:.92}to{opacity:0;transform:scale(1.3)rotate(7deg)}}@keyframes roomBlastReliefAura{0%{opacity:0;transform:scale(.88)}14%{opacity:.94;transform:scale(1)}58%{opacity:.74}to{opacity:0;transform:scale(1.16)}}@keyframes roomBlastReliefCharacter{0%{opacity:0;filter:saturate(1.05);transform:translate(-50%,-44%)scale(.74)rotate(-5deg)}20%{opacity:.95;filter:saturate(1.16);transform:translate(-50%,-51%)scale(1.06)rotate(2deg)}44%{opacity:.9;transform:translate(-50%,-49%)scale(.98)rotate(-1deg)}72%{opacity:.86;transform:translate(-50%,-50%)scale(1.01)rotate(.6deg)}to{opacity:0;filter:saturate();transform:translate(-50%,-55%)scale(.94)rotate(0)}}@keyframes roomBlastReliefCloud{0%{opacity:0;filter:blur();transform:translateY(22px)scale(.48)}18%{opacity:.92}64%{opacity:.58;filter:blur(1px);transform:translateY(4px)scale(1.05)}to{opacity:0;filter:blur(4px);transform:translateY(-28px)scale(1.42)}}@keyframes roomBlastReliefShock{0%{opacity:0;transform:translate(-50%,-42%)scale(.1)}12%{opacity:.86}to{opacity:0;transform:translate(-50%,-42%)scale(1.38)}}@keyframes roomBlastReliefSparks{0%{opacity:0;transform:scale(.76)rotate(-4deg)}14%{opacity:1}62%{opacity:.58}to{opacity:0;transform:scale(1.16)rotate(6deg)}}@keyframes roomBlastDrum{0%,to{transform:translate(0,0)scale(1)}25%{transform:translate(-3px,1px)scale(1.04)}50%{transform:translate(3px,-1px)scale(1.02)}75%{transform:translate(-2px)scale(1.05)}}@keyframes roomBlastSpotlight{0%{opacity:0;transform:rotate(-30deg)scale(1.05)}18%{opacity:.86}to{opacity:0;transform:rotate(34deg)scale(1.1)}}@media (width<=380px){.zj-panel{grid-template-columns:auto minmax(0,1fr)}.zj-panel-live{grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:3px}.zj-panel-live:not(.is-current){grid-template-columns:auto minmax(0,1fr) auto auto}.zj-start-button{grid-column:1/-1;justify-self:end}.zj-beat-wave{gap:1px;min-width:78px;max-width:118px}.zj-live-track{font-size:.47rem}.zj-live-console{grid-template-columns:minmax(50px,.54fr) minmax(82px,1.46fr);gap:4px}.zj-live-identity strong{font-size:.66rem}.zj-live-badge{font-size:.45rem}.zj-transport-button,.zj-control-button,.zj-listen-button,.zj-end-button{width:29px;min-width:29px;min-height:29px}.zj-deck-now{grid-template-columns:44px minmax(0,1fr) minmax(92px,.88fr)}.zj-track-art{width:44px}.zj-deck-panel .zj-deck-controls{grid-template-columns:minmax(54px,1fr) 40px 38px 40px minmax(54px,1fr);gap:4px}.zj-deck-panel .zj-deck-controls .zj-play-button{width:36px;min-height:36px}.zj-deck-panel .zj-deck-controls button span{display:none}.zj-vibe-row{grid-template-columns:auto minmax(0,1fr) auto}.zj-vibe-row button{grid-column:1/-1}}.primary-action.cta-portal-action{isolation:isolate;transform-origin:50% 76%;transition:transform .15s cubic-bezier(.2,1.35,.22,1),filter .14s ease-out,box-shadow .14s ease-out;position:relative;overflow:hidden}.home-screen .primary-action.roar-action.cta-portal-action,.tab-rooms:not(.is-room-open) .primary-action.room-create-action.cta-portal-action{color:#fff;text-shadow:0 2px 5px #00000080,0 0 9px #dbffd62e;background:radial-gradient(at 7% 13%,#ffffff9e,#0000 16%),radial-gradient(at 91% 16%,#ffffff80,#0000 15%),radial-gradient(at 50% -11%,#c5ffacd6,#57ce4a6b 28%,#0000 58%),radial-gradient(at 50% 100%,#001100b3,#0000 58%),linear-gradient(#4fc74d 0%,#2c982f 17%,#13661d 49%,#083a12 100%);border:1px solid #9dff9c8c;border-radius:999px;box-shadow:inset 0 3px 7px #ffffff5c,inset 0 -9px 18px #00140099,inset 7px 0 16px #d6ffcc2e,inset -7px 0 16px #c3ffb324,0 0 0 2px #3bd74847,0 0 18px #53ff5b38,0 13px 22px #0000005c}.home-screen .primary-action.roar-action.cta-portal-action{min-height:64px}.tab-rooms:not(.is-room-open) .primary-action.room-create-action.cta-portal-action{min-height:52px}.primary-action.cta-portal-action:before,.primary-action.cta-portal-action:after{pointer-events:none;border-radius:inherit;position:absolute}.primary-action.cta-portal-action:before{content:"";z-index:0;opacity:.92;mix-blend-mode:screen;transform-origin:50% 76%;background:linear-gradient(#ffffff4d 0 3%,#0000 17%),radial-gradient(at 50% 0,#e9ffe05c,#0000 35%),radial-gradient(at 50% 102%,#000c0085,#0000 47%),linear-gradient(90deg,#ffffff38,#0000 13% 86%,#ffffff24);border:1px solid #d4ffc733;animation:3.6s ease-in-out infinite ctaGelBreathe;inset:1px;box-shadow:inset 0 1px 2px #ffffff61,inset 0 -1px 2px #000a0066}.primary-action.cta-portal-action:after{content:"";z-index:0;filter:blur(.4px);opacity:.6;background:linear-gradient(96deg,#0000 0 20%,#ffffff0a 31%,#ffffffbd 37%,#c7ffb34d 42%,#0000 54% 100%) -165% 0/250% 100%,radial-gradient(circle at 7% 16%,#ffffffb8,#0000 6px) 0 0/100% 100%,radial-gradient(circle at 91% 12%,#ffffff9e,#0000 7px) 0 0/100% 100%,radial-gradient(circle at 96% 74%,#ccffb961,#0000 9px) 0 0/100% 100%;animation:5.2s ease-in-out infinite ctaGelSparkle;inset:-1px;-webkit-mask-image:radial-gradient(#0000 0 54%,#000000c7 73%,#000 100%);mask-image:radial-gradient(#0000 0 54%,#000000c7 73%,#000 100%)}.primary-action.cta-portal-action>svg,.primary-action.cta-portal-action .action-copy,.primary-action.cta-portal-action .room-action-chevron,.primary-action.cta-portal-action .cta-action-label{z-index:1;position:relative}.primary-action.cta-portal-action:not(:disabled):active{filter:saturate(1.05)brightness(1.03);transform:translateY(3px)scaleX(1.035)scaleY(.9);box-shadow:inset 0 10px 18px #0012008f,inset 0 -3px 7px #ffffff2e,inset 7px 0 15px #d6ffcc1a,0 0 0 2px #3bd74833,0 0 13px #53ff5b24,0 7px 14px #0000004d}.primary-action.cta-portal-action:not(:disabled):active:before{animation:none;transform:scaleX(1.02)scaleY(.94)}.primary-action.cta-portal-action:not(:disabled):active:after{opacity:.72;animation-duration:2.4s}@keyframes ctaGelBreathe{0%,to{transform:translateY(0)scale(1)}48%{transform:translateY(-1px)scaleX(1.006)scaleY(1.018)}}@keyframes ctaGelSparkle{0%,to{opacity:.3;background-position:-165% 0,0 0,0 0,0 0}44%{opacity:.68;background-position:78% 0,0 0,0 0,0 0}70%{opacity:.38;background-position:145% 0,0 0,0 0,0 0}}@media (prefers-reduced-motion:reduce){.primary-action.cta-portal-action:before,.primary-action.cta-portal-action:after{animation:none}}.reduce-motion .primary-action.cta-portal-action:before,.reduce-motion .primary-action.cta-portal-action:after{animation:none}.app-shell.is-room-open .prediction-poll .ghost-action.compact.prediction-submit-button{color:#eafff2;background:radial-gradient(circle at 50% 0,#adffce59,#0000 42%),linear-gradient(#18a85ce0,#054627f0);border-color:#85ffbe66;box-shadow:inset 0 1px #ffffff3d,0 0 16px #14ff8b2e}.app-shell.is-room-open .room-expired-banner{border-radius:var(--room-radius-md-v2);color:#fff4e0f0;box-shadow:var(--room-inset-v2), 0 10px 24px #00000038;background:radial-gradient(circle at 0 0,#ffac4d29,#0000 45%),#0e120ebd;border:1px solid #ffc47038;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.app-shell.is-room-open .room-expired-banner strong{color:#fff6e5;min-width:0;font-size:.72rem;font-weight:950;line-height:1.1}.app-shell.is-room-open .room-expired-banner>span{color:#fff4e0b8;flex:auto;min-width:0;font-size:.64rem;font-weight:760;line-height:1.15}.app-shell.is-room-open .room-expired-actions{flex:none;align-items:center;gap:6px;display:flex}.app-shell.is-room-open .room-expired-actions .ghost-action.compact{color:#fff4e0f5;background:#ffc47014;border-color:#ffc4703d;min-height:28px;padding:4px 8px;font-size:.62rem}.app-shell.is-room-open .room-icon-action:disabled,.app-shell.is-room-open .energy-strip.is-disabled .energy-side,.app-shell.is-room-open .room-composer-panel.is-disabled,.app-shell.is-room-open .room-dock.is-disabled .dial-sound,.app-shell.is-room-open .roar-orb.is-disabled,.app-shell.is-room-open .zj-panel.is-disabled .zj-transport-button,.app-shell.is-room-open .zj-panel.is-disabled .zj-control-button,.app-shell.is-room-open .zj-panel.is-disabled .zj-listen-button{cursor:not-allowed;opacity:.58}.app-shell.is-room-open .room-composer-panel.is-disabled input,.app-shell.is-room-open .room-composer-panel.is-disabled button{cursor:not-allowed}.app-shell.is-room-open .room-composer-panel.is-disabled input{color:#ebfff394;background:#ffffff0e}.app-shell.is-room-open .room-dock.is-disabled .dial-arc,.app-shell.is-room-open .room-dock.is-disabled .sound-dial{opacity:.62}.tab-rooms:not(.is-room-open) .room-list-section{text-align:left}.tab-rooms:not(.is-room-open) .room-list-section-head{padding-inline:4px}.tab-rooms:not(.is-room-open) .room-list-card{text-align:left;gap:0;min-height:0;padding:0}.tab-rooms:not(.is-room-open) .room-list-card-main{text-align:center;padding:12px 46px 10px 14px}.tab-rooms:not(.is-room-open) .room-list-card-actions{justify-content:center;padding:0 12px 12px}.tab-rooms:not(.is-room-open) .room-list-card-title strong{font-size:1.12rem}.roar-orb{-webkit-tap-highlight-color:transparent;transition:width .18s,height .18s,transform .24s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:inset 2px 2px 5px #ffffff38,inset -5px -7px 12px #02492766}.roar-orb>*{z-index:2;position:relative}.orb-glow{z-index:0;opacity:.5;pointer-events:none;background:radial-gradient(circle,#13c76a73,#0000 70%);border-radius:50%;animation:2.6s ease-in-out infinite orb-breathe;position:absolute;inset:-10px}@keyframes orb-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.roar-orb.is-recording{transform:scale(1.06);box-shadow:inset 2px 2px 5px #ffffff42,inset -5px -7px 12px #0249276b}.roar-orb.is-recording .orb-glow{opacity:calc(.45 + var(--level) * .55);transform:scale(calc(1.02 + var(--level) * .4));transition:opacity 90ms linear,transform 90ms linear;animation:none}.orb-ring{z-index:1;opacity:0;background:conic-gradient(from -90deg, #dfffecfa 0deg, var(--green-bright) calc(var(--level) * 338deg), #ffffff14 calc(var(--level) * 338deg), #ffffff14 360deg);filter:drop-shadow(0 0 calc(4px + var(--level) * 14px) #13c76ab8);pointer-events:none;transform:rotate(calc(var(--level) * 22deg));border-radius:50%;transition:opacity .12s,filter 80ms linear,transform 80ms linear;position:absolute;inset:-9px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px))}.orb-ring:after{content:"";opacity:calc(.18 + var(--level) * .4);-webkit-mask:inherit;-webkit-mask:inherit;mask:inherit;background:repeating-conic-gradient(from -90deg,#ffffff8c 0deg 2deg,#0000 2deg 13deg);border-radius:50%;animation:.9s linear infinite orb-meter-ticks;position:absolute;inset:2px}.roar-orb.is-recording .orb-ring{opacity:1}@keyframes orb-meter-ticks{to{transform:rotate(1turn)}}.orb-ripple{z-index:0;pointer-events:none;animation:orb-ripple-out var(--ripple-duration) ease-out forwards;border:2px solid #13c76abf;border-radius:50%;position:absolute;inset:0}@keyframes orb-ripple-out{0%{opacity:.8;transform:scale(1)}to{transform:scale(var(--ripple-scale));opacity:0}}.orb-eq{align-items:flex-end;gap:3px;height:26px;display:flex}.orb-eq i{width:4px;height:calc(5px + var(--level) * 21px * var(--bar-mult));background:var(--paper);border-radius:2px;transition:height 80ms ease-out}.reduce-motion .orb-glow{opacity:.5;transition:none;animation:none;transform:none}.reduce-motion .roar-orb{transition:none}.reduce-motion .roar-orb.is-recording{transform:none}.reduce-motion .roar-orb.is-recording .orb-ring{opacity:1}.reduce-motion .orb-eq i{transition:none}.reduce-motion .orb-ring:after{animation:none}.room-blast-overlay.has-premium-visual,.premium-blast-preview-overlay.has-premium-visual{--premium-blast-green:#36f495;--premium-blast-yellow:#f8dd63;--premium-blast-red:#ff5f5f;--premium-blast-orange:#ffad45;--premium-blast-blue:#7bd9ff;--premium-blast-purple:#bd92ff;--premium-blast-toot:#b6ff7a;--premium-blast-muted:#b7d7c9;animation-duration:var(--premium-duration,1.9s)}.room-blast-overlay.has-premium-visual{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--blast-color), transparent 72%), transparent 21rem), radial-gradient(circle at 50% 82%, color-mix(in srgb, var(--blast-hot), transparent 84%), transparent 18rem), radial-gradient(circle at 50% 48%, #0000000a, #0000005c 70%, #00000094)}.room-blast-overlay.premium-theme-matchday,.premium-blast-preview-overlay.premium-theme-matchday{--blast-color:#36f495e6;--blast-hot:#f8dd63eb;--blast-edge:#7bd9ffbd}.room-blast-overlay.premium-theme-creature,.premium-blast-preview-overlay.premium-theme-creature{--blast-color:#ffad45e0;--blast-hot:#f8dd63eb;--blast-edge:#36f495ad}.room-blast-overlay.premium-theme-gibberish,.premium-blast-preview-overlay.premium-theme-gibberish{--blast-color:#bd92ffe0;--blast-hot:#7bd9ffd1;--blast-edge:#ff5f5fa8}.room-blast-overlay.premium-theme-sneaky,.premium-blast-preview-overlay.premium-theme-sneaky{--blast-color:#b6ff7ae0;--blast-hot:#f8dd63d6;--blast-edge:#7bd9ffa3}.premium-blast-preview-overlay.has-premium-visual{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--blast-color), transparent 68%), transparent 20rem), radial-gradient(circle at 50% 82%, color-mix(in srgb, var(--blast-hot), transparent 82%), transparent 18rem), #00000057}.premium-blast-fx{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.premium-blast-fx.has-shake{animation:premiumBlastStageShake .45s ease var(--premium-shake-delay,0s) both}.room-blast-overlay.has-premium-visual .room-blast-overlay-icon{z-index:4;bottom:max(72px, calc(env(safe-area-inset-bottom) + 72px));border-radius:24px;width:64px;height:64px;font-size:2rem;animation:.98s cubic-bezier(.16,1.18,.22,1) both premiumBlastBadge;position:absolute;left:50%;transform:translate(-50%)}.room-blast-overlay.has-premium-visual .room-blast-overlay-icon img{border-radius:18px;width:52px;height:52px}.room-blast-overlay.has-premium-visual strong,.premium-blast-preview-overlay.has-premium-visual strong{z-index:4;bottom:max(22px, calc(env(safe-area-inset-bottom) + 18px));white-space:normal;max-width:min(86vw,420px);margin:0;animation:1.4s cubic-bezier(.16,1.1,.22,1) both premiumBlastFixedLabel;position:absolute;left:50%;transform:translate(-50%)}.premium-blast-preview-overlay.has-premium-visual strong{bottom:max(168px, calc(env(safe-area-inset-bottom) + 168px));font-size:.95rem;transform:translate(-50%)scale(.92)}.premium-blast-fx.theme-matchday{background:radial-gradient(circle at 50% 30%,#1446285c,#0000 68%)}.premium-blast-fx.theme-creature{background:radial-gradient(circle at 50% 30%,#3c280857,#0000 68%)}.premium-blast-fx.theme-gibberish{background:radial-gradient(circle at 50% 30%,#341e5461,#0000 68%)}.premium-blast-fx.theme-sneaky{background:radial-gradient(circle at 50% 100%,#54781e57,#0000 72%)}.premium-blast-fx .p-ring{left:var(--x,50vw);top:var(--y,50vh);width:var(--size,46vmin);height:var(--size,46vmin);border:var(--thick,4px) solid var(--c,var(--premium-blast-green));box-shadow:0 0 24px var(--c,var(--premium-blast-green));animation:premiumRing var(--dur,.75s) ease-out var(--delay,0s) both;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(0)}.premium-blast-fx .p-part{left:var(--x,50vw);top:var(--y,44vh);font-size:var(--fs,clamp(20px, 4.5vw, 38px));animation:premiumParticle 1.3s cubic-bezier(.18, .7, .4, 1) var(--delay,0s) both;will-change:transform, opacity;line-height:1;position:absolute}.premium-blast-fx .p-word{color:var(--c,var(--premium-blast-yellow));letter-spacing:0;white-space:nowrap;text-shadow:0 3px 0 #00000073, 0 0 22px var(--c,var(--premium-blast-yellow));-webkit-text-stroke:1.3px #0000008c;animation:premiumWord .9s cubic-bezier(.2, 1.4, .4, 1) var(--delay,0s) both;font-weight:950;line-height:1;position:absolute}.premium-blast-fx .p-focal{left:var(--x,50vw);top:var(--y,42vh);font-size:var(--size,24vmin);filter:drop-shadow(0 10px 26px #0000008c);animation-delay:var(--delay,0s);line-height:1;animation-fill-mode:both;position:absolute;transform:translate(-50%,-50%)}.premium-blast-fx .p-focal.anim-pop{animation-name:premiumFocalPop;animation-duration:1.5s;animation-timing-function:cubic-bezier(.2,1.5,.4,1)}.premium-blast-fx .p-focal.anim-slam{animation-name:premiumFocalSlam;animation-duration:1.5s;animation-timing-function:cubic-bezier(.2,1.6,.35,1)}.premium-blast-fx .p-focal.anim-wobble{animation-name:premiumFocalWobble;animation-duration:1.7s;animation-timing-function:ease-in-out}.premium-blast-fx .p-focal.anim-rear{transform-origin:50% 100%;animation-name:premiumFocalRear;animation-duration:1.6s;animation-timing-function:cubic-bezier(.3,1.4,.4,1)}.premium-blast-fx .p-focal.anim-flip{animation-name:premiumFocalFlip;animation-duration:1.5s;animation-timing-function:cubic-bezier(.3,1.3,.45,1)}.premium-blast-fx .p-focal.anim-spin{animation-name:premiumFocalSpin;animation-duration:1.6s;animation-timing-function:ease-in-out}.premium-blast-fx .p-focal.anim-peek{animation-name:premiumFocalPeek;animation-duration:1.8s;animation-timing-function:ease-in-out}.premium-blast-fx .p-focal.anim-grow-pop{animation-name:premiumFocalGrowPop;animation-duration:1.6s;animation-timing-function:ease-in}.premium-blast-fx .p-focal.anim-blink{animation-name:premiumFocalBlink;animation-duration:1.3s;animation-timing-function:ease-out}.premium-blast-fx .p-sweep{top:var(--y,44vh);font-size:var(--size,12vmin);filter:drop-shadow(0 0 18px var(--c,transparent));animation:premiumSweep var(--dur,1.6s) linear var(--delay,0s) both;line-height:1;position:absolute;left:-20vw}.premium-blast-fx .p-rise{bottom:var(--y,30vh);left:var(--x,50vw);color:var(--c,var(--premium-blast-green));font-size:var(--fs,clamp(18px, 4vw, 30px));opacity:0;animation:premiumRise var(--dur,1.4s) ease-out var(--delay,0s) both;font-weight:950;line-height:1;position:absolute}.premium-blast-fx .p-floor{width:var(--w,70vw);border:4px solid var(--c,var(--premium-blast-toot));height:12vh;box-shadow:0 0 26px var(--c,var(--premium-blast-toot));animation:premiumFloor var(--dur,1.1s) ease-out var(--delay,0s) both;border-radius:50%;position:absolute;bottom:-6vh;left:50%;transform:translate(-50%)scale(.2)}.premium-blast-fx .p-slice{top:var(--y,50vh);width:100%;height:var(--h,3px);background:var(--c,#dff3ffe6);mix-blend-mode:screen;animation:premiumSlice .2s linear var(--delay,0s) both;position:absolute;left:0}.premium-blast-fx .p-banner{top:var(--y,20vh);width:100%;color:var(--c,var(--premium-blast-green));font-size:var(--fs,clamp(1.2rem, 5.5vw, 2.4rem));text-align:center;letter-spacing:0;text-shadow:0 0 26px var(--c,var(--premium-blast-green));animation-delay:var(--delay,0s);font-weight:950;line-height:1;animation-fill-mode:both;position:absolute}.premium-blast-fx .p-banner.anim-stretch{animation-name:premiumBannerStretch;animation-duration:2s;animation-timing-function:ease}.premium-blast-fx .p-banner.anim-slam{animation-name:premiumBannerSlam;animation-duration:1.4s;animation-timing-function:cubic-bezier(.2,1.6,.35,1)}.premium-blast-fx .p-banner.anim-rise-v{animation-name:premiumBannerRise;animation-duration:1.8s;animation-timing-function:ease-in-out}.premium-blast-fx .p-drop{top:-8vh;left:var(--x,50vw);font-size:var(--fs,clamp(20px, 4.5vw, 36px));animation:premiumDrop var(--dur,1.5s) ease-in var(--delay,0s) both;line-height:1;position:absolute}.premium-blast-fx .p-bars{align-items:center;gap:8px;height:22vh;display:flex;position:absolute;top:46vh;left:50%;transform:translate(-50%,-50%)}.premium-blast-fx .p-bars i{background:var(--c,var(--premium-blast-purple));width:clamp(8px,2vw,16px);height:22%;box-shadow:0 0 18px var(--c,var(--premium-blast-purple));animation:premiumBar .32s ease-in-out var(--delay,0s) infinite alternate;border-radius:6px}.premium-blast-fx .p-veil{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a140c40;animation:2s both premiumVeil;position:absolute;inset:0}.premium-blast-fx .monkey-vine{transform-origin:top;animation:2.25s ease-in-out both premiumVineSwing;position:absolute;top:-4vh;left:50%}.premium-blast-fx .monkey-vine .rope{background:repeating-linear-gradient(#7a5a2c 0 12px,#5d431f 12px 24px);border-radius:3px;width:6px;height:26vh;margin:0 auto;display:block}.premium-blast-fx .monkey-face{filter:drop-shadow(0 14px 30px #0009);transform-origin:50% 20%;width:min(46vw,240px);margin:-6px auto 0;animation:.34s ease-in-out .7s 4 alternate premiumMonkeyCackle;display:block}.premium-blast-fx .monkey-face svg{width:100%;height:auto;display:block}.premium-blast-fx .monkey-face .jaw{transform-origin:100px 128px;animation:.17s ease-in-out .7s 8 alternate premiumJawFlap}.premium-blast-fx .monkey-face .brow-l,.premium-blast-fx .monkey-face .brow-r{animation:.34s ease-in-out .7s 4 alternate premiumBrowWaggle}.premium-blast-fx .var-monitor{border:3px solid var(--premium-blast-blue);text-align:center;background:#061224eb;border-radius:14px;gap:2px;padding:12px 22px;animation:.36s steps(2,end) infinite premiumMonitorFlicker,.4s cubic-bezier(.2,1.4,.4,1) both premiumMonitorIn;display:grid;position:absolute;top:9vh;left:50%;transform:translate(-50%);box-shadow:0 0 34px #7bd9ff66}.premium-blast-fx .var-monitor .cam{color:var(--premium-blast-red);letter-spacing:0;font-size:.7rem;font-weight:950}.premium-blast-fx .var-monitor .cam:before{content:"●";animation:.7s step-end infinite premiumRecBlink}.premium-blast-fx .var-monitor .line{color:#dff3ff;letter-spacing:0;min-width:min(62vw,330px);font-size:clamp(1rem,4vw,1.5rem);font-weight:950;display:block;position:relative}.premium-blast-fx .var-monitor .line-complete{opacity:0;animation:.7s 1.45s both premiumVarComplete;position:absolute;inset:0}.premium-blast-fx .var-monitor .line-start{animation:.7s 1.45s both premiumVarStart}.premium-blast-fx .nado{flex-direction:column-reverse;justify-content:space-between;align-items:center;width:min(72vw,420px);height:58vh;padding:2vh 0;display:flex;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.premium-blast-fx .nado .ring{height:4.2vh;animation:premiumNadoSpin var(--speed,.9s) linear infinite;border:3px dashed #7bd9ffd9;border-radius:50%;box-shadow:0 0 18px #7bd9ff4d}.premium-blast-fx .nado-ball{filter:drop-shadow(0 0 14px #7bd9ffb3);font-size:clamp(30px,7vw,52px);animation:1.8s cubic-bezier(.45,0,.6,1) both premiumBallSuck;position:absolute;bottom:4vh;left:50%}.premium-blast-fx .var-stamp{border:4px solid var(--premium-blast-yellow);color:var(--premium-blast-yellow);letter-spacing:0;text-shadow:0 0 24px #f8dd6399;white-space:nowrap;opacity:0;animation:premiumStampSlam .5s cubic-bezier(.2, 1.6, .35, 1) var(--delay,0s) both;background:#1410008c;border-radius:10px;padding:10px 26px;font-size:clamp(1.4rem,6vw,2.6rem);font-weight:950;line-height:1;position:absolute;top:50%;left:50%}.premium-blast-fx.scanlined:after{content:"";pointer-events:none;background:repeating-linear-gradient(#7bd9ff12 0 2px,#0000 2px 5px);animation:.5s linear infinite premiumScanDrift;position:absolute;inset:0}.premium-blast-fx .honk-ribbon{width:100%;height:120px;position:absolute;bottom:30vh;left:0;overflow:visible}.premium-blast-fx .honk-ribbon path{fill:none;stroke:var(--premium-blast-toot);stroke-width:7px;stroke-linecap:round;stroke-dasharray:2400;stroke-dashoffset:2400px;filter:drop-shadow(0 0 16px #b6ff7aa6);animation:2.1s linear both premiumRibbonDraw}.premium-blast-fx .honk-ribbon path.echo{stroke-width:3px;opacity:.45;animation-delay:.12s}.premium-blast-fx .crowd{justify-content:space-evenly;width:100%;font-size:clamp(34px,8vw,60px);display:flex;position:absolute;bottom:max(56px,9vh);left:0}.premium-blast-fx .crowd span{transform-origin:bottom;animation:2.1s both premiumLeanAway;animation-delay:var(--dodge-delay);display:inline-block}.premium-blast-fx .rip-line{width:100%;height:22vh;position:absolute;top:40vh;left:0;overflow:visible}.premium-blast-fx .rip-line path{fill:none;stroke:var(--premium-blast-toot);stroke-width:6px;stroke-linejoin:miter;stroke-dasharray:2600;stroke-dashoffset:2600px;filter:drop-shadow(0 0 18px #b6ff7acc);animation:1.4s cubic-bezier(.3,0,.4,1) both premiumRipDraw}.room-blast-overlay.is-reduced.has-premium-visual .premium-blast-fx,.premium-blast-preview-overlay.is-reduced.has-premium-visual .premium-blast-fx{animation:none}.room-blast-overlay.is-reduced.has-premium-visual .premium-blast-fx *,.room-blast-overlay.is-reduced.has-premium-visual .premium-blast-fx:after,.premium-blast-preview-overlay.is-reduced.has-premium-visual .premium-blast-fx *,.premium-blast-preview-overlay.is-reduced.has-premium-visual .premium-blast-fx:after{opacity:.22;animation:none!important}.room-blast-overlay.is-reduced.has-premium-visual .room-blast-overlay-icon{animation:none}@keyframes premiumBlastStageShake{0%,to{transform:translate(0)}20%{transform:translate(-8px,4px)}40%{transform:translate(7px,-5px)}60%{transform:translate(-5px,-4px)}80%{transform:translate(5px,5px)}}@keyframes premiumBlastBadge{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.68)}42%{opacity:1;transform:translate(-50%)translateY(-2px)scale(1.06)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes premiumBlastFixedLabel{0%,14%{opacity:0;transform:translate(-50%)translateY(8px)scale(.88)}28%{opacity:1;transform:translate(-50%)translateY(0)scale(1.04)}76%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.96)}}@keyframes premiumRing{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes premiumParticle{0%{opacity:0;transform:translate(0)rotate(0)scale(.6)}12%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--spin,300deg)) scale(1)}}@keyframes premiumWord{0%{opacity:0;transform:scale(0) rotate(var(--tilt,0deg))}35%{opacity:1;transform:scale(1.25) rotate(var(--tilt,0deg))}70%{opacity:1;transform:scale(1) rotate(var(--tilt,0deg))}to{opacity:0;transform:scale(.9) rotate(var(--tilt,0deg)) translateY(-26px)}}@keyframes premiumFocalPop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}55%{transform:translate(-50%,-50%)scale(1)}85%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.94)}}@keyframes premiumFocalSlam{0%{opacity:0;transform:translate(-50%,-50%)scale(3.2)rotate(-14deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(.95)rotate(-4deg)}55%{transform:translate(-50%,-50%)scale(1.02)rotate(-4deg)}85%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-4deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1)rotate(-4deg)}}@keyframes premiumFocalWobble{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(-9deg)}36%{transform:translate(-50%,-50%)scale(.98)rotate(9deg)}54%{transform:translate(-50%,-50%)scale(1.05)rotate(-7deg)}72%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(5deg)}to{opacity:0;transform:translate(-50%,-50%)scale(.95)rotate(0)}}@keyframes premiumFocalRear{0%{opacity:0;transform:translate(-50%,-30%)rotate(0)scale(.7)}30%{opacity:1;transform:translate(-50%,-50%)rotate(-24deg)scale(1.1)}55%{transform:translate(-50%,-50%)rotate(-18deg)scale(1.05)}80%{opacity:1;transform:translate(-50%,-46%)rotate(-4deg)scale(1)}to{opacity:0;transform:translate(-50%,-46%)rotate(0)scale(.96)}}@keyframes premiumFocalFlip{0%{opacity:0;transform:translate(-50%,30vh)rotate(0)scale(.7)}40%{opacity:1;transform:translate(-50%,-54%)rotate(380deg)scale(1.1)}65%{transform:translate(-50%,-50%)rotate(360deg)scale(1)}88%{opacity:1;transform:translate(-50%,-50%)rotate(360deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(360deg)scale(.94)}}@keyframes premiumFocalSpin{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.05)rotate(180deg)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(540deg)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)rotate(720deg)}}@keyframes premiumFocalPeek{0%{opacity:0;transform:translate(-160%,-50%)rotate(-18deg)}25%{opacity:1;transform:translate(-50%,-50%)rotate(6deg)}70%{opacity:1;transform:translate(-46%,-52%)rotate(-4deg)}to{opacity:0;transform:translate(-160%,-50%)rotate(-18deg)}}@keyframes premiumFocalGrowPop{0%{opacity:.6;transform:translate(-50%,-50%)scale(.2)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}68%{opacity:1;transform:translate(-50%,-50%)scale(1.5)}74%{opacity:.9;transform:translate(-50%,-50%)scale(.1)}to{opacity:0;transform:translate(-50%,-50%)scale(0)}}@keyframes premiumFocalBlink{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}45%{opacity:.5;transform:translate(-50%,-50%)scale(.85)}60%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}@keyframes premiumSweep{0%{transform:translate(0)rotate(-6deg)}25%{transform:translate(34vw)rotate(6deg)translateY(-12px)}50%{transform:translate(66vw)rotate(-6deg)translateY(8px)}75%{transform:translate(98vw)rotate(5deg)translateY(-10px)}to{transform:translate(140vw)rotate(-4deg)}}@keyframes premiumRise{0%{opacity:0;transform:translateY(0)rotate(0)scale(.7)}20%{opacity:.95}to{opacity:0;transform:translateY(-18vh)rotate(24deg)scale(1.15)}}@keyframes premiumFloor{0%{opacity:.9;transform:translate(-50%)scale(.2)}to{opacity:0;transform:translate(-50%)scale(1.6)}}@keyframes premiumSlice{0%{opacity:1;transform:translate(-100%)}to{opacity:0;transform:translate(100%)}}@keyframes premiumBannerStretch{0%{opacity:0;transform:scaleX(.4)}15%{opacity:1;transform:scaleX(1)}70%{opacity:1;transform:scaleX(1.18)}to{opacity:0;transform:scaleX(1.28)}}@keyframes premiumBannerSlam{0%{opacity:0;transform:scale(3)rotate(-8deg)}30%{opacity:1;transform:scale(.96)rotate(-2deg)}50%{transform:scale(1)rotate(-2deg)}85%{opacity:1;transform:scale(1)rotate(-2deg)}to{opacity:0;transform:scale(1)rotate(-2deg)}}@keyframes premiumBannerRise{0%{opacity:0;transform:translateY(30vh)scaleY(.4)}25%{opacity:1;transform:translateY(0)scaleY(1)}70%{opacity:1;transform:translateY(-8vh)scaleY(1.5)}to{opacity:0;transform:translateY(-16vh)scaleY(2)}}@keyframes premiumDrop{0%{opacity:0;transform:translateY(0)rotate(0)}12%{opacity:1}to{opacity:.9;transform:translateY(110vh) rotate(var(--spin,200deg))}}@keyframes premiumBar{0%{height:14%}to{height:var(--h,90%)}}@keyframes premiumVeil{0%{opacity:0}25%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes premiumVineSwing{0%{transform:translate(-50%)rotate(38deg)translateY(-110%)}28%{transform:translate(-50%)rotate(-14deg)translateY(0)}46%{transform:translate(-50%)rotate(9deg)}64%{transform:translate(-50%)rotate(-5deg)}82%{transform:translate(-50%)rotate(2deg)}to{transform:translate(-50%)rotate(0)}}@keyframes premiumMonkeyCackle{0%{transform:rotate(-7deg)scale(1)}to{transform:rotate(7deg)scale(1.07)}}@keyframes premiumJawFlap{0%{transform:rotate(0)}to{transform:rotate(9deg)}}@keyframes premiumBrowWaggle{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes premiumMonitorIn{0%{transform:translate(-50%)translateY(-140%)}to{transform:translate(-50%)translateY(0)}}@keyframes premiumMonitorFlicker{50%{opacity:.82}}@keyframes premiumRecBlink{50%{opacity:.15}}@keyframes premiumVarStart{to{opacity:0}}@keyframes premiumVarComplete{to{opacity:1}}@keyframes premiumNadoSpin{0%{transform:rotateX(68deg)rotate(0)}to{transform:rotateX(68deg)rotate(360deg)}}@keyframes premiumBallSuck{0%{opacity:1;transform:translate(-50%)translateY(0)rotate(0)scale(1)}25%{transform:translate(calc(90px - 50%))translateY(-12vh)rotate(200deg)scale(.92)}50%{transform:translate(calc(-50% - 80px))translateY(-25vh)rotate(420deg)scale(.8)}75%{transform:translate(calc(55px - 50%))translateY(-38vh)rotate(660deg)scale(.62)}to{opacity:.4;transform:translate(-50%)translateY(-52vh)rotate(920deg)scale(.3)}}@keyframes premiumStampSlam{0%{opacity:0;transform:translate(-50%,-50%)rotate(-18deg)scale(3.4)}60%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}}@keyframes premiumScanDrift{0%{background-position-y:0}to{background-position-y:5px}}@keyframes premiumRibbonDraw{0%{stroke-dashoffset:2400px}80%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes premiumLeanAway{0%,8%{transform:rotate(0)translateY(0)}22%{transform:rotate(var(--lean)) translateY(-8px)}62%{transform:rotate(var(--lean)) translateY(0)}86%{transform:rotate(calc(var(--lean) * -.25))}to{transform:rotate(0)}}@keyframes premiumRipDraw{0%{stroke-dashoffset:2600px}70%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}