@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/play/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/play/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/play/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--type-scale: 1.125;--fs-2xs: .75rem;--fs-xs: .8125rem;--fs-sm: .9rem;--fs: 1rem;--fs-md: 1.1rem;--fs-lg: 1.33rem;--fs-title: 1.45rem;--fs-xl: 1.78rem;--fs-display: 2rem;--fs-help-heading: clamp(1.33rem, 6.2vw, 1.67rem);--fs-help-score: clamp(1.45rem, 7vw, 1.89rem);--fs-help-score-unit: .57em;--fs-help-caption: clamp(.75rem, 3.4vw, .84rem);--fs-help-rule: clamp(.84rem, 4.15vw, .96rem);--fs-help-copy: clamp(.75rem, 3.35vw, .84rem);--fs-game-equation: clamp(2.06rem, min(10vw, 6.5dvh), 3.22rem);--fs-game-equation-long: clamp(1.33rem, 6.5vw, 1.89rem);--fs-game-operator: 2rem;--fs-game-answer: clamp(1.67rem, 8vw, 2.11rem);--fs-wordmark: clamp(1.89rem, 10vw, 2.89rem);--fs-wordmark-wide: clamp(1.45rem, 7.5vw, 2rem);--fs-versus-score: clamp(1.89rem, 9vw, 2.45rem);--fs-rank-label: clamp(.75rem, 2.8vw, .84rem);--fs-rank-position: clamp(1.56rem, 7.5vw, 2.11rem);--fs-rank-unranked: clamp(.75rem, 3.1vw, .9rem);--fs-rank-metric: clamp(1.11rem, 5.4vw, 1.72rem);--fs-cup-speech-title: clamp(.9rem, 4.5vw, 1.11rem);--fs-cup-speech-copy: clamp(.75rem, 3.5vw, .84rem);--fs-friend-speech-title: clamp(.81rem, 3.8vw, .96rem);--fs-friend-speech-copy: clamp(.75rem, 3.2vw, .84rem);--fs-friend-cta: clamp(.96rem, 4.8vw, 1.17rem);--fs-history-title: clamp(.81rem, 3.5vw, .96rem);--fs-history-copy: clamp(.75rem, 3vw, .84rem);--fs-battle-cta: clamp(1.22rem, 6vw, 1.61rem);--fs-room-code: clamp(1rem, 4.5vw, 1.28rem);--r-micro: 2px;--r-xxs: 8px;--r-xs: 10px;--r-sm: 12px;--r-field: 14px;--r: 16px;--r-md: 18px;--r-card: 20px;--r-lg: 22px;--r-xl: 26px;--r-frame: 34px;--r-pill: 999px;--r-circle: 50%;--slider-outline: #376970;--white: #ffffff;--surface-raised: #fffefa;--surface-input: #fffef7;--surface-speech: #fffdf6;--surface-tabs: #fffdf7f2;--surface-glass: #ffffffc0;--outline-mint: #91d5ce;--outline-speech: #9ad5cf;--outline-input: #85aaa5;--outline-chrome: #e7eee5;--shadow-speech: #bdded4;--shadow-soft: #5e988e55;--surface-active: #c4f0dd;--ink-active: #104d50;--ink-navy: #11384d;--outline-calm: #8fb3ae;--slider-track: #bad9d1;--slider-thumb: #ffce76;--shadow-action: #b86638;--highlight-action: #ffe9a2;--button-top: #fffef8;--button-bottom: #f1f5e7;--action-top: #ffcf68;--action-bottom: #ff9f52;--ink: #15373e;--ink-2: #2b5056;--muted: #426a70;--line: #26515a;--cream: #fffdf5;--card: #ffffffb8;--card-edge: #fff;--card-drop: #90b7a978;--divider: #dfe9e2;--teal: #35ad98;--deep: #193f46;--danger: #b84234;--btn-edge: #315b62;--btn-drop: #477e81;--gold-top: #ffe38f;--gold: #ffce6b;--gold-drop: #d59745;--bg: linear-gradient(170deg, #fff3b2 0%, #e6f9ed 43%, #d7f5ef 100%);--bg-burst: radial-gradient(circle at 50% 22%, #fff9be 0%, #ffef8b 30%, #d6edaa 58%, #84dcd2 100%);--bg-arena: radial-gradient(circle at 48% 42%, #fff9aa 0%, #ffed89 34%, #afeac2 72%, #75d9d3 100%);--bar: rgb(255 250 240 / .92);--bar-solid: #fffaf0;--font: "Fredoka Variable", "Fredoka", "Trebuchet MS", system-ui, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.18, 1.3, .4, 1);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);font:600 calc(100% * var(--type-scale)) / 1.38 var(--font);color:var(--ink);-webkit-tap-highlight-color:transparent}:root[data-theme=ocean]{--bg: linear-gradient(165deg, #d4f8fc, #ecffed 52%, #afdcfa);--bg-burst: radial-gradient(circle at 50% 22%, #e4fff3 0%, #c3f2e7 45%, #a9dcef 100%);--bg-arena: radial-gradient(circle at 48% 42%, #f5fbef, #b4eced 65%, #7ac9e8)}:root[data-theme=lavender]{--bg: linear-gradient(165deg, #ffeabe, #f4e7ff 50%, #d2f0ed);--bg-burst: radial-gradient(circle at 50% 22%, #ffedc0, #e4d1f7 55%, #a4dfd7);--bg-arena: radial-gradient(circle at 48% 42%, #fff4cd, #d7c7f4 65%, #a8d9d7)}:root[data-high-contrast=true]{--muted: #103b40;--card: #fffdf4f5;--card-edge: #436a69;--divider: #9fbab4}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:radial-gradient(circle at 8% 8%,#d4fbeb 0,transparent 29%),radial-gradient(circle at 95% 95%,#fef2b5 0,transparent 25%),#e7f4f2}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button:disabled{opacity:.5;cursor:default}button>*{pointer-events:none}input,textarea,.selectable{-webkit-user-select:text;user-select:text}img,svg{max-width:100%}:focus-visible{outline:3px solid #ed7d48;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] *:before,:root[data-reduce-motion=true] *:after{animation:none!important;transition:none!important}.fi{--fi-ink: #254e59;--fi-base: #a2ead2;--fi-fill: #3fb4a5;display:inline-grid;flex:none;width:1.35em;height:1.35em;vertical-align:-.2em}.fi svg,.li{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--fi-ink, currentColor);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.li{display:inline-block;flex:none;width:1.2em;height:1.2em;stroke:currentColor;stroke-width:2.2}.fi .fi-bg{fill:var(--fi-base)}.fi .fi-fill{fill:var(--fi-fill);stroke-width:1.15}.fi-trophy,.fi-medal,.fi-star,.fi-bolt,.fi-sparkle,.fi-bulb,.fi-crown{--fi-base: #ffdb78;--fi-fill: #f7a843}.fi-flame,.fi-target,.fi-heart,.fi-heartempty{--fi-base: #ffc0a5;--fi-fill: #f17865}.fi-bot,.fi-brain,.fi-lock,.fi-unlock,.fi-wand{--fi-base: #cfc2ff;--fi-fill: #9b8be3}.fi-globe,.fi-friends,.fi-user,.fi-chart,.fi-book,.fi-import,.fi-share,.fi-wifi{--fi-base: #a9dffa;--fi-fill: #5aafd8}:root[data-high-contrast=true] .fi{--fi-ink: #0e333b}#app{height:100%}.app{position:relative;display:flex;flex-direction:column;width:100%;max-width:480px;height:100dvh;margin:0 auto;overflow:hidden;background:var(--bg)}.app.burst{background:var(--bg-burst)}.app.arena{background:var(--bg-arena)}@media(min-width:640px)and (min-height:760px){.app{height:min(920px,calc(100dvh - 32px));margin-top:max(16px,calc((100dvh - 920px)/2));border:8px solid #fff;border-radius:var(--r-frame);box-shadow:0 25px 90px #28585d40}}.enter{animation:enter .24s var(--ease) both}.bar{position:relative;z-index:2;display:flex;flex:none;align-items:center;gap:var(--s3);min-height:calc(62px + var(--safe-t));padding:calc(12px + var(--safe-t)) var(--s4) 8px;background:var(--bar);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);border-bottom:2px solid var(--outline-chrome)}.bar h1{flex:1;min-width:0;overflow:hidden;font-size:var(--fs-lg);font-weight:700;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}.bar .grow{flex:1}.content{display:flex;flex:1;flex-direction:column;gap:var(--s3);min-height:0;padding:var(--s3) var(--s4) var(--s5);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.content::-webkit-scrollbar{display:none}.content>*{flex-shrink:0}.content.centered>:first-child{margin-top:auto}.content.centered>:last-child{margin-bottom:auto}.dock{display:grid;flex:none;gap:var(--s2);padding:var(--s2) var(--s4) var(--s3)}.tabs{display:grid;flex:none;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px 8px calc(6px + var(--safe-b));background:var(--surface-tabs);border-top:2px solid var(--outline-chrome)}.tabs button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;padding:6px 0 4px;color:var(--ink-2);font-size:var(--fs-xs);font-weight:700;letter-spacing:.3px;background:none;border:0;border-radius:var(--r-field);transition:background .18s}.tabs .fi{width:25px;height:25px}.tabs [aria-current=page]{color:var(--ink-active);background:var(--surface-active)}.tabs .dot{position:absolute;top:4px;right:calc(50% - 20px);width:9px;height:9px;background:#ff7a45;border:2px solid #fffdf7;border-radius:var(--r-circle)}@media(display-mode:standalone){html,body{background:var(--bar-solid)}.bar{min-height:calc(70px + var(--safe-t));padding-top:calc(20px + var(--safe-t));background:var(--bar-solid)}.tabs{padding-top:12px;padding-bottom:var(--safe-b)}}.label{color:var(--muted);font-size:var(--fs-xs);font-weight:700;letter-spacing:1px;text-transform:uppercase}.muted{color:var(--muted);font-size:var(--fs-sm);font-weight:600}.center{text-align:center}.section{display:flex;align-items:center;justify-content:space-between;margin:2px 2px -4px;font-size:var(--fs-md);font-weight:700}.link{padding:4px 2px;color:var(--ink-2);font-size:var(--fs-sm);font-weight:700;background:none;border:0}.num{font-variant-numeric:tabular-nums}.card{padding:var(--s3) var(--s4);background:var(--card);border:2px solid var(--card-edge);border-radius:var(--r-lg);box-shadow:0 4px 0 var(--card-drop)}.card.ink{color:#fff;background:var(--deep);border-color:var(--deep);box-shadow:0 4px #0e2a30}.card.ink .muted,.card.ink .label{color:#bfe3dc}.stack{display:flex;flex-direction:column;gap:var(--s3)}.hstack{display:flex;align-items:center;gap:var(--s3)}.grow{flex:1;min-width:0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 var(--s4);color:var(--ink);font-size:var(--fs);font-weight:700;line-height:1.1;white-space:nowrap;background:linear-gradient(var(--button-top),var(--button-bottom));border:2px solid var(--btn-edge);border-radius:var(--r);box-shadow:0 4px 0 var(--btn-drop);transition:transform .1s,box-shadow .1s}.btn:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--btn-drop)}.btn.primary{letter-spacing:.6px;text-transform:uppercase;background:linear-gradient(var(--action-top),var(--action-bottom) 80%);border:3px solid var(--line);box-shadow:0 5px 0 var(--shadow-action),inset 0 3px 0 var(--highlight-action)}.btn.primary:not(:disabled):active{box-shadow:0 2px 0 var(--shadow-action),inset 0 3px 0 var(--highlight-action)}.btn.lg{min-height:56px;font-size:var(--fs-md);border-radius:var(--r-md)}.btn.sm{min-height:40px;padding:0 var(--s3);font-size:var(--fs-sm);border-radius:var(--r-sm);box-shadow:0 3px 0 var(--btn-drop)}.btn.block{width:100%}.btn.danger{color:var(--danger)}.icon-btn{display:grid;flex:none;place-items:center;width:40px;height:40px;padding:0;font-size:var(--fs-lg);background:var(--surface-glass);border:2px solid #fff8e6;border-radius:var(--r-field);box-shadow:0 3px 0 var(--shadow-soft)}.icon-btn:active{transform:translateY(2px)}.input{width:100%;height:46px;padding:0 14px;color:var(--ink);font-size:var(--fs);font-weight:700;background:var(--surface-input);border:2px solid var(--outline-input);border-radius:var(--r-field);outline:none}.input:focus{border-color:var(--line)}.input.code{font-size:var(--fs-lg);letter-spacing:6px;text-align:center;text-transform:uppercase}.account-personal-fields{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%;padding:clamp(12px,3.5vw,16px);background:linear-gradient(145deg,#f1faf4,#e9f6ee);border:1.5px solid #c2d9cd;border-radius:var(--r-md)}.account-personal-heading{display:flex;flex-direction:column;gap:3px;min-width:0;margin-bottom:5px}.account-personal-heading b{font-size:var(--fs);line-height:1.2}.account-personal-heading small{color:var(--ink-2);font-size:var(--fs-2xs);line-height:1.4}.account-personal-fields label{color:var(--ink-2);font-size:var(--fs-sm);font-weight:800}.account-gender-picker{position:relative;width:100%;min-width:0;max-width:100%}.account-gender-trigger,.account-birthdate-control{display:flex;align-items:center;gap:11px;width:100%;min-width:0;max-width:100%;min-height:48px;padding:0 12px;color:var(--ink);background:var(--surface-raised);border:2px solid var(--outline-input);border-radius:var(--r-field);box-shadow:0 2px #b5d4ca}.account-gender-trigger{text-align:left;font-size:var(--fs);font-weight:750;transition:border-color .15s ease,background-color .15s ease}.account-gender-trigger[aria-expanded=true],.account-gender-trigger:focus-visible,.account-birthdate-control:focus-within{border-color:var(--line);outline:2px solid #5cae9f55;outline-offset:1px}.account-gender-current,.account-gender-placeholder{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-gender-placeholder{color:var(--muted);font-size:var(--fs-sm)}.account-gender-mark{display:inline-grid;flex:none;place-items:center;width:30px;height:30px;color:#195f68;background:#d8f3e8;border:1.5px solid #83b8ab;border-radius:var(--r-xs);font:800 var(--fs-title)/1 "Apple Symbols","Segoe UI Symbol",system-ui,sans-serif}.account-gender-mark-male{color:#20689e;background:#e0f0fe;border-color:#9ebed8}.account-gender-mark-female{color:#a14e77;background:#ffe6f0;border-color:#e3a9bd}.account-gender-mark-other{color:#7456aa;background:#f0e9ff;border-color:#c6b6df}.account-gender-mark-undisclosed{color:#426a70;background:#ecf3ef;border-color:#c1d0ca}.account-gender-mark-empty{font-size:var(--fs-md)}.account-gender-chevron{flex:none;width:20px;height:20px;color:var(--line);transition:transform .15s ease}.account-gender-trigger[aria-expanded=true] .account-gender-chevron{transform:rotate(180deg)}.account-gender-menu{display:grid;gap:3px;width:100%;min-width:0;margin-top:7px;padding:5px;background:var(--surface-raised);border:2px solid var(--outline-input);border-radius:var(--r-field);box-shadow:0 3px #b5d4ca}.account-gender-option{display:flex;align-items:center;gap:11px;min-width:0;min-height:43px;padding:5px 9px;color:var(--ink);background:transparent;border:none;border-radius:var(--r-xs);text-align:left;font-size:var(--fs-sm);font-weight:700}.account-gender-option>span:nth-child(2){flex:1;min-width:0}.account-gender-option[aria-selected=true]{background:#e2f6ed}.account-gender-option:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}.account-gender-check{width:19px;height:19px;color:#177b69;flex:none}.account-birthdate-control{box-sizing:border-box;overflow:hidden}.account-birthdate-icon{flex:none;width:21px;height:21px;color:#315e65;pointer-events:none}.account-birthdate-input{display:flex;align-items:center;flex:1 1 0%;width:100%;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;height:44px;padding:0;color:var(--ink);background:transparent;border:0;border-radius:0;outline:0;font:700 var(--fs)/44px var(--font);box-sizing:border-box}.account-birthdate-input::-webkit-date-and-time-value{display:flex;align-items:center;height:100%;min-width:0;width:100%;text-align:left}.account-birthdate-input::-webkit-datetime-edit{display:inline-flex;align-items:center;min-width:0;height:100%;padding:0}.form{display:flex;flex-direction:column;gap:var(--s2)}.error{padding:var(--s2) var(--s3);color:#7c2419;font-size:var(--fs-sm);background:#ffe1d9;border-radius:var(--r-sm)}input[type=range]{width:100%;accent-color:#f39a4c;touch-action:pan-x}.seg{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px}.seg button{min-height:40px;padding:0 4px;font-size:var(--fs-sm);font-weight:700;background:var(--cream);border:2px solid #5a8b86;border-radius:var(--r-sm);box-shadow:0 3px #80a49d}.seg [aria-checked=true],.chip[aria-pressed=true]{background:linear-gradient(var(--gold-top),var(--gold));border-color:var(--btn-edge);box-shadow:0 3px 0 var(--gold-drop)}.fields{display:grid;gap:var(--s3)}.field{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:var(--s3)}.chips{display:flex;gap:6px;margin:0 calc(-1 * var(--s4));padding:2px var(--s4) 4px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;flex:none;align-items:center;gap:5px;min-height:34px;padding:0 12px;font-size:var(--fs-sm);font-weight:700;background:var(--cream);border:2px solid #5a8b86;border-radius:var(--r-pill);box-shadow:0 2px #80a49d}.list{overflow:hidden;background:var(--card);border:2px solid var(--card-edge);border-radius:var(--r-lg);box-shadow:0 4px 0 var(--card-drop)}.row{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:50px;padding:7px var(--s4);color:var(--ink);font-size:var(--fs);font-weight:700;text-align:left;background:none;border:0}.row+.row{border-top:1.5px solid var(--divider)}.row .fi{width:24px;height:24px}.row small{display:block;overflow:hidden;color:var(--muted);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;text-overflow:ellipsis}.row .value{color:var(--muted);font-size:var(--fs-sm)}.row .seg{flex:none;width:186px}.row>.li{color:#6f9294}button.row:active,label.row:active{background:#ffffff8c}.row.danger{color:var(--danger)}.row.you{background:#fff1c2}.pos{flex:none;width:26px;font-size:var(--fs-sm);text-align:center}.switch{position:relative;flex:none;width:46px;height:26px;padding:3px;background:#b3c4bd;border:0;border-radius:var(--r-pill);transition:background .18s}.switch:after{content:"";display:block;width:20px;height:20px;background:#fff;border-radius:var(--r-circle);box-shadow:0 2px 3px #26565c50;transition:transform .18s var(--spring)}.switch[aria-checked=true]{background:var(--teal)}.switch[aria-checked=true]:after{transform:translate(20px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:0}.stat{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 4px;text-align:center}.stat:not(:nth-child(3n+1)){border-left:1.5px solid var(--divider)}.stat:nth-child(n+4){border-top:1.5px solid var(--divider)}.stat b{font-size:var(--fs-lg);line-height:1.15;font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.4px;text-transform:uppercase}.progress{height:8px;overflow:hidden;background:#ffffffd9;border-radius:var(--r-pill);box-shadow:inset 0 1px 2px #2a636b33}.progress i{display:block;height:100%;background:linear-gradient(90deg,#ffc66d,#f89b4e);border-radius:inherit}.avatar{--s: 48px;position:relative;display:inline-flex;flex:none;align-items:flex-end;justify-content:center;width:var(--s);height:var(--s);overflow:hidden;background:linear-gradient(135deg,#fff9a4,#89daca);border:calc(var(--s) * .05 + 1px) solid #fffaf0;border-radius:var(--r-circle);box-shadow:0 calc(var(--s) * .06 + 1px) 0 #2a636b}.avatar svg{position:relative;top:7%;width:112%;max-width:none;height:112%}.avatar img{width:100%;height:100%;object-fit:cover;align-self:center}.avatar.a1{background:linear-gradient(140deg,#ffc6ac,#ffedaa)}.avatar.a2{background:linear-gradient(140deg,#b2e8dd,#9bc9f8)}.avatar.a3{background:linear-gradient(140deg,#edc6fd,#b2e7ec)}.avatar.a4{background:linear-gradient(140deg,#ffe1aa,#ffb2a7)}.avatar.xs{--s: 22px;box-shadow:none}.avatar.sm{--s: 36px}.avatar.md{--s: 56px}.avatar.lg{--s: 76px}.avatar.xl{--s: clamp(96px, 30vw, 132px)}.logo{display:inline-flex;flex:none;flex-direction:column;line-height:.78;-webkit-user-select:none;user-select:none}.logo span{color:#fffef1;font-size:var(--fs-lg);font-weight:700;-webkit-text-stroke:.8px var(--ink);text-shadow:-1px -1px 0 var(--ink),1px 1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink)}.logo b{color:#ffb33b;font-size:var(--fs-title);font-weight:700;-webkit-text-stroke:1px var(--ink);text-shadow:1px 2px 0 #fff5a0}.boot{display:grid;place-items:center;height:100dvh}.boot .logo{transform:scale(1.6);animation:pulse 1.4s ease-in-out infinite}.pill{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px;font-size:var(--fs-sm);font-weight:700;white-space:nowrap;background:var(--surface-glass);border:2px solid #fff;border-radius:var(--r-pill);box-shadow:0 2px 0 var(--shadow-soft)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;color:#fff;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.6px;white-space:nowrap;text-transform:uppercase;background:var(--deep);border-radius:var(--r-pill)}.badge.gold{color:#22434a;background:linear-gradient(#ffec9c,#ffc360);box-shadow:inset 0 0 0 1.5px #27535c}.badge.live{background:#e4572e}.badge.live:before{content:"";width:6px;height:6px;background:#fff;border-radius:var(--r-circle);animation:pulse 1s ease-in-out infinite}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s5) var(--s4);color:var(--muted);font-size:var(--fs-sm);text-align:center}.empty>.fi{width:44px;height:44px}.empty b{color:var(--ink);font-size:var(--fs-md)}.spinner{width:40px;height:40px;margin:0 auto;border:5px solid var(--white);border-top-color:var(--teal);border-radius:var(--r-circle);animation:spin .9s linear infinite}.skeleton{height:50px;background:linear-gradient(90deg,#ffffff80,#ffffffd9,#ffffff80) 0 0 / 200% 100%;animation:shimmer 1.2s linear infinite}.skeleton+.skeleton{border-top:1.5px solid var(--divider)}.backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#12313680;animation:fade .2s both}.sheet{display:flex;flex-direction:column;gap:var(--s3);width:min(480px,100%);max-height:92dvh;padding:var(--s5) var(--s5) calc(var(--s5) + var(--safe-b));overflow-y:auto;background:#fffdf4;border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:0 -9px 35px #124b4e45;animation:rise .26s var(--ease) both}.sheet h2{font-size:var(--fs-lg)}.sheet ol{display:grid;gap:6px;margin:0;padding-left:22px;color:var(--ink-2)}.help-sheet{position:relative;gap:11px;max-height:min(92dvh,700px);padding:24px 15px calc(15px + var(--safe-b));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:linear-gradient(180deg,var(--surface-input),#effaf3);border:1px solid #e9efe5;border-bottom:0}.help-sheet::-webkit-scrollbar{display:none}.help-sheet:before{position:absolute;top:8px;left:50%;width:38px;height:4px;background:#bdd7ce;border-radius:var(--r-pill);transform:translate(-50%);content:""}.help-sheet h2{display:flex;align-items:center;gap:9px;padding-right:38px;color:var(--ink);font-size:var(--fs-help-heading);font-weight:800;line-height:1.1}.help-title-icon{display:grid;flex:none;place-items:center;width:39px;height:39px;font-size:var(--fs-lg);background:linear-gradient(145deg,#fff2a2,#ffc559);border:1.5px solid #f1b859;border-radius:var(--r-field);box-shadow:0 3px #dda74d}.help-close{position:absolute;z-index:5;top:24px;right:15px;display:grid;place-items:center;width:36px;height:36px;color:var(--ink);background:#e9f6f2;border:1.5px solid #c6dfd8;border-radius:var(--r-sm)}.help-close .li{width:18px;height:18px}.help-guide-layout{display:grid;grid-template-columns:clamp(109px,34%,133px) minmax(0,1fr);align-items:stretch;gap:9px;margin-top:3px}.help-score-strip{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding-top:1px}.help-score-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:102px;padding:11px 5px;text-align:center;border:2px solid;border-radius:var(--r-md)}.help-score-correct{background:#daf4e8;border-color:#b9dccf;box-shadow:0 4px #a4c9bb}.help-score-bonus{background:#fff0c6;border-color:#efd797;box-shadow:0 4px #e1c47a}.help-score-hearts{background:#ffe6df;border-color:#efc0b4;box-shadow:0 4px #dea99d}.help-score-value{display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap;color:var(--ink);font-size:var(--fs-help-score);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.help-score-value em{font-size:var(--fs-help-score-unit);font-style:normal;font-weight:800}.help-score-value .fi{width:.88em;height:.88em;--fi-ink: #285159}.help-score-card small{color:var(--ink-2);font-size:var(--fs-help-caption);font-weight:800;line-height:1.15}.help-speech{position:relative;z-index:1;display:flex;min-width:0;min-height:370px;margin:0;padding:11px 11px 11px 12px;background:#fffffff5;border:2px solid var(--outline-mint);border-radius:var(--r-card);box-shadow:0 5px #c4e8dc}.help-speech:before{position:absolute;bottom:17px;left:-11px;width:18px;height:18px;background:#fff;border-bottom:2px solid var(--outline-mint);border-left:2px solid var(--outline-mint);transform:rotate(45deg);content:""}.help-sheet .help-rules{display:flex;flex:1;flex-direction:column;justify-content:space-evenly;gap:0;min-width:0;margin:0;padding:0;list-style:none}.help-rule{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:8px 0}.help-rule+.help-rule{border-top:1px solid #d4ebe3}.help-rule-icon{display:grid;flex:none;place-items:center;width:30px;height:30px;font-size:var(--fs-md);border-radius:var(--r-xs)}.help-rule-clock{background:#d9f0f8}.help-rule-heart{background:#ffe5df}.help-rule-cup{background:#ffefc4}.help-rule>div{min-width:0}.help-rule b{display:block;color:var(--ink);font-size:var(--fs-help-rule);font-weight:800;line-height:1.15}.help-rule p{margin-top:3px;color:var(--ink-2);font-size:var(--fs-help-copy);font-weight:550;line-height:1.28}.help-action-stage{position:relative;flex:none;padding-top:clamp(44px,11vw,60px);isolation:isolate}.help-cta{display:flex;align-items:center;justify-content:center;gap:9px;min-height:65px;margin-top:0;padding-left:clamp(115px,33%,150px);padding-right:12px;color:#15373e;font-size:var(--fs-md);font-weight:800;background:linear-gradient(180deg,#ffe37a,#ffad3e 75%,#ff9c35);border:3px solid var(--deep);border-radius:var(--r-lg);box-shadow:0 5px #d57735}.help-cta .li{width:22px;height:22px}.help-mascot{position:absolute;z-index:2;bottom:-1px;left:-8px;display:block;width:clamp(158px,45%,206px);height:auto;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 4px 2px #204c4729)}@media(max-height:700px){.help-sheet{gap:7px;padding-top:18px;padding-bottom:calc(11px + var(--safe-b))}.help-sheet:before{top:5px}.help-close{top:18px}.help-guide-layout,.help-score-strip{gap:7px}.help-score-card{min-height:83px;gap:5px;padding:7px 4px}.help-score-value{font-size:var(--fs-title)}.help-speech{min-height:305px;padding:7px 9px}.help-speech:before{bottom:13px}.help-rule{padding:5px 0}.help-action-stage{padding-top:34px}.help-mascot{width:clamp(137px,40%,178px)}.help-cta{min-height:58px}}@media(max-width:355px){.help-sheet{padding-right:12px;padding-left:12px}.help-guide-layout{grid-template-columns:100px minmax(0,1fr);gap:7px}.help-score-card{min-height:80px;border-radius:var(--r-field);padding:6px 3px}.help-score-value{font-size:var(--fs-title)}.help-score-card small{font-size:var(--fs-2xs)}.help-speech{min-height:331px;padding:7px}.help-rule{gap:5px}.help-rule b,.help-rule p{font-size:var(--fs-2xs)}.help-rule-icon{width:25px;height:25px;font-size:var(--fs)}.help-mascot{width:148px}.help-cta{padding-left:110px;font-size:var(--fs-md)}}.toast{position:fixed;bottom:calc(90px + var(--safe-b));left:50%;z-index:60;display:flex;align-items:center;gap:var(--s3);width:max-content;max-width:min(440px,calc(100vw - 32px));padding:12px 16px;color:#fff;font-weight:700;background:var(--deep);border-radius:var(--r);box-shadow:0 8px 24px #12313655;transform:translate(-50%);animation:rise .22s var(--ease) both}.toast button{color:var(--gold);font-weight:700;background:none;border:0}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translate(var(--tx, 0),30px);opacity:0}}.toast{--tx: -50%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55}}@keyframes shimmer{to{background-position:-200% 0}}.spacer{flex:none;width:40px}.as-block{display:block}.stack.tight{gap:6px}.hstack.spread{justify-content:space-around}.char-filter-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.char-filter-head>span{min-width:0}.char-filter{display:flex;flex:none;align-items:center;gap:6px;margin-left:auto}.char-filter-btn.chip{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:800;line-height:1}.char-filter-btn .li{display:block;width:23px;height:23px;stroke-width:2.4}.hero{display:flex;align-items:center;justify-content:center;padding-top:var(--s1)}.hero .avatar{--s: clamp(78px, min(28vw, 15dvh), 124px)}.vs{z-index:1;display:grid;flex:none;place-items:center;width:50px;height:50px;margin:0 -12px;font-size:var(--fs-md);font-weight:700;background:linear-gradient(#ffe16b,#ffb23e);border:3px solid #fffaf0;border-radius:var(--r-circle);box-shadow:0 4px #2a636b}.tagline{font-size:var(--fs-xl);font-weight:700;line-height:1.02;text-align:center;letter-spacing:-.4px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.tile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:76px;padding:10px 12px;text-align:left;background:var(--cream);border:2px solid var(--btn-edge);border-radius:var(--r-card);box-shadow:0 4px 0 var(--btn-drop);transition:transform .1s}.tile:active{transform:translateY(3px)}.tile .fi{grid-row:span 2;width:34px;height:34px}.tile b{font-size:var(--fs);line-height:1.15}.tile small{color:var(--muted);font-size:var(--fs-xs);font-weight:600;line-height:1.2}.promo{display:flex;align-items:center;gap:var(--s3);text-align:left;padding:10px 12px 10px 14px;background:linear-gradient(120deg,#fff4c7,#ffe08f);border:2px solid var(--btn-edge);border-radius:var(--r-card);box-shadow:0 4px #c98a3f}.promo>.fi{width:40px;height:40px}.promo b{font-size:var(--fs-md)}.promo small{display:block;color:var(--muted);font-size:var(--fs-sm)}.game{position:relative;display:flex;flex:1;flex-direction:column;gap:clamp(8px,1.8dvh,18px);min-height:0;padding:calc(10px + var(--safe-t)) var(--s4) calc(14px + var(--safe-b));overflow:hidden;touch-action:none}.game:before{content:"";position:absolute;inset:-25%;pointer-events:none;background:repeating-conic-gradient(from 15deg at 50% 45%,#ffffff3a 0 13deg,transparent 13deg 29deg)}.game>*{position:relative}.game-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.player{display:flex;align-items:center;gap:8px;min-width:0;padding:7px;background:#ffffffa3;border:2px solid #fffedc;border-radius:var(--r-md);box-shadow:0 4px #71a99b70}.player.rival{flex-direction:row-reverse;text-align:right}.player.offline{opacity:.55}.player .avatar{--s: 40px;border-width:2px}.player .who{overflow:hidden;font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis}.player .pts{font-size:var(--fs-lg);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.hearts{display:flex;gap:1px;font-size:var(--fs-2xs)}.player.rival .hearts{justify-content:flex-end}.clock{--p: 100;display:grid;place-items:center;width:58px;height:58px;background:radial-gradient(closest-side,#fffdf5 76%,transparent 78% 100%),conic-gradient(#f89b4e calc(var(--p) * 1%),#ffffff9c 0);border-radius:var(--r-circle);box-shadow:0 3px #468a8e78}.clock b{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}.clock.urgent b{color:#c4392a;animation:pulse .8s ease-in-out infinite}.arena-main{display:flex;flex:1;flex-direction:column;gap:clamp(8px,1.8dvh,16px);min-height:0}.stage{display:flex;flex:1;flex-direction:column;justify-content:center;gap:clamp(8px,1.8dvh,16px);min-height:0}.equation{display:flex;align-items:center;justify-content:center;gap:10px}.num-tile,.op-tile{display:grid;place-items:center;font-weight:700;font-variant-numeric:tabular-nums;border:3px solid #39646b}.num-tile{flex:1;max-width:140px;height:clamp(72px,14dvh,124px);font-size:var(--fs-game-equation);background:linear-gradient(var(--surface-raised),#fff8e7);border-radius:var(--r-card);box-shadow:0 7px #427c7c,inset 0 -7px #f2e8ca}.num-tile.long{font-size:var(--fs-game-equation-long)}.op-tile{flex:none;width:56px;height:clamp(54px,9dvh,72px);font-size:var(--fs-display);background:linear-gradient(#fff2ae,#ffd57b);border-radius:var(--r-field);box-shadow:0 5px #4b8b87}.equation.pop>*{animation:pop .26s var(--spring)}.feedback{min-height:22px;font-weight:700;text-align:center}.game-toast{position:relative;bottom:auto;left:auto;flex:none;align-self:center;--tx: 0;transform:none}.answers{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.6dvh,14px)}.choice{height:clamp(62px,11.5dvh,100px);font-size:var(--fs-game-answer);font-weight:700;font-variant-numeric:tabular-nums;background:linear-gradient(var(--surface-raised),#fff5e1);border:3px solid #335f67;border-radius:var(--r-card);box-shadow:0 5px #3c7d7d,inset 0 -4px #e8e1cd;transition:transform .1s}.choice:not(:disabled):not(.is-disabled):active{transform:translateY(3px)}.choice.good{background:#a2f0bc;animation:pop .32s var(--spring)}.choice.bad{background:#ffb19e;animation:shake .32s}.choice:disabled,.choice.is-disabled{opacity:.8}.haptic-choice{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.haptic-choice.is-disabled{cursor:default}.haptic-choice:focus-visible{outline:3px solid currentColor;outline-offset:3px}.choice-haptic-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;-webkit-appearance:auto;appearance:auto}.choice-haptic-input:disabled{cursor:default}.banner{padding:8px 12px;color:#fff;font-size:var(--fs-sm);font-weight:700;text-align:center;background:var(--deep);border-radius:var(--r-sm)}.result{position:relative;display:flex;flex:1;flex-direction:column;gap:clamp(10px,2dvh,20px);min-height:0;padding:calc(12px + var(--safe-t)) var(--s4) calc(16px + var(--safe-b));overflow:hidden;text-align:center}.result-hero{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:0}.award{position:relative;display:grid;place-items:center;height:clamp(96px,20dvh,168px);aspect-ratio:1.1}.award svg,.award .fi{width:100%;height:100%}.award:before{content:"";position:absolute;inset:-30%;z-index:-1;background:repeating-conic-gradient(#ffffff70 0 10deg,transparent 10deg 24deg);border-radius:var(--r-circle);-webkit-mask:radial-gradient(closest-side,#000 40%,transparent);mask:radial-gradient(closest-side,#000 40%,transparent);animation:spin 18s linear infinite}.ribbon{margin-top:-14px;padding:3px 10px;color:#22434a;font-size:var(--fs-2xs);letter-spacing:1.4px;white-space:nowrap;background:linear-gradient(#ffec9c,#ffc360);border:2px solid #27535c;border-radius:var(--r-xxs);box-shadow:0 3px #376c6b;transform:rotate(-4deg)}.wordmark{padding:4px 6px 8px;color:#ffdf65;font-size:var(--fs-wordmark);font-style:italic;font-weight:700;line-height:1;letter-spacing:-1.2px;white-space:nowrap;-webkit-text-stroke:1.7px #214a54;paint-order:stroke fill;text-shadow:0 2px 0 #fff9b6,0 3px 0 #ffbf44,0 5px 0 #ea9d2c,2px 7px 0 #285864,3px 10px 0 #244b55;transform:rotate(-4deg) skew(-5deg);animation:pop .6s .1s var(--spring) both}.wordmark.wide{font-size:var(--fs-wordmark-wide)}.wordmark.cool{color:#e9fff7}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--s3) var(--s2) var(--s2)}.versus>div{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.versus .name{max-width:100%;overflow:hidden;font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis}.versus .big{font-size:var(--fs-versus-score);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.result>:not(.confetti){position:relative;z-index:1}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-24px;left:var(--x);opacity:0;animation:rain var(--fall) var(--delay) cubic-bezier(.3,.3,.55,1) forwards}.rank-hero{position:relative;display:flex;align-items:center;width:100%;min-height:clamp(120px,32vw,145px);margin:clamp(8px,2.5vw,12px) 0 3px;isolation:isolate;z-index:2}.rank-hero-card{position:relative;top:6px;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(6px,2vw,10px);width:calc(100% - clamp(62px,19%,88px) - 8px);min-height:clamp(99px,27vw,115px);padding:12px clamp(43px,13vw,68px) 12px 12px;color:var(--surface-raised);background:linear-gradient(155deg,#08788a,#06536a 58%,#033a50);border:3px solid #034657;border-radius:var(--r-xl);box-shadow:0 5px #023846,inset 0 2px #3c9aaa}.rank-hero-avatar{flex:none;box-shadow:0 2px #002c3a}.rank-hero-copy{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}.rank-hero-label{color:#e8fff8;font-size:var(--fs-rank-label);font-weight:800;line-height:1.1;letter-spacing:.4px;white-space:nowrap}.rank-hero-position{display:block;color:var(--white);font-size:var(--fs-rank-position);font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}.rank-hero-unranked{font-size:var(--fs-rank-unranked);line-height:1.2}.rank-hero-metric{min-width:0;max-width:75px;color:#fff;font-size:var(--fs-rank-metric);font-weight:800;line-height:1.1;text-align:right;overflow-wrap:anywhere}.rank-hero-mascot{position:absolute;z-index:2;right:-2px;bottom:-18px;width:clamp(124.74px,35.805%,159.39px);max-width:none;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 3px 2px #002c3b30)}@media(max-width:350px){.rank-hero-card{gap:5px;padding-right:40px;padding-left:8px;border-radius:var(--r-card)}.rank-hero-avatar{--s: 29px}.rank-hero-mascot{width:clamp(115.5px,35.805%,133.98px)}}.cup-empty-dock{gap:5px}.cup-empty-art{position:relative;z-index:2;min-height:130px;isolation:isolate}.cup-empty-speech{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:96px;margin:13px 0 0 clamp(143px,44%,195px);padding:12px 13px;color:var(--ink);background:var(--surface-raised);border:2px solid var(--outline-mint);border-radius:var(--r-md);box-shadow:0 4px #c4e8dc}.cup-empty-speech:before{position:absolute;top:55%;left:-11px;width:18px;height:18px;background:var(--surface-raised);border-bottom:2px solid var(--outline-mint);border-left:2px solid var(--outline-mint);transform:rotate(45deg);content:""}.cup-empty-speech b{font-size:var(--fs-cup-speech-title);font-weight:800;line-height:1.13}.cup-empty-speech p{color:var(--ink-2);font-size:var(--fs-cup-speech-copy);font-weight:600;line-height:1.26}.cup-empty-mascot{position:absolute;z-index:2;bottom:-72px;left:-7px;width:clamp(172.5px,50.6%,235.75px);height:auto;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 3px 3px #123f4530)}.cup-empty-cta{position:relative;min-height:64px;padding-right:10px;padding-left:clamp(131px,42%,188px);white-space:normal}@media(max-width:355px){.cup-empty-art{min-height:113px}.cup-empty-speech{min-height:88px;margin-left:133px;padding:9px 10px}.cup-empty-mascot{bottom:-67px;width:181.7px}.cup-empty-cta{min-height:61px;padding-left:128px;font-size:var(--fs-sm)}}@media(max-height:650px){.cup-empty-art{min-height:103px}.cup-empty-speech{min-height:77px;margin-top:6px;padding-top:8px;padding-bottom:8px}.cup-empty-mascot{bottom:-66px;width:clamp(163.3px,47.15%,200.1px)}.cup-empty-cta{min-height:56px}}.cup-head{display:flex;align-items:center;gap:var(--s3)}.cup-head>.fi{width:44px;height:44px}.countdown{font-size:var(--fs-display);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px}.seat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;font-size:var(--fs-xs);font-weight:700}.seat span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.seat.open .ghost{display:grid;place-items:center;width:48px;height:48px;color:var(--outline-calm);font-size:var(--fs-lg);border:2px dashed var(--outline-calm);border-radius:var(--r-circle)}.bracket{display:flex;flex-direction:column;gap:var(--s3)}.bouts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-top:4px}.bouts>:only-child{grid-column:1 / -1;justify-self:center;width:calc(50% - 4px)}.bout{overflow:hidden;font-size:var(--fs-sm);background:var(--card);border:2px solid var(--card-edge);border-radius:var(--r-sm);box-shadow:0 3px 0 var(--card-drop)}.bout.live{border-color:var(--action-bottom);box-shadow:0 3px #e8873e}.side{display:flex;align-items:center;gap:6px;min-height:32px;padding:3px 8px;font-weight:700}.side+.side{border-top:1.5px solid var(--divider)}.side .n{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.side.lost{opacity:.45}.side.you{background:#fff1c2}.side.tbd{color:var(--outline-calm)}.me{display:flex;align-items:center;gap:14px}.edit-avatar{position:relative;padding:0;background:none;border:0}.edit-avatar .li{position:absolute;right:-2px;bottom:0;width:24px;height:24px;padding:4px;background:var(--gold);border:2px solid var(--line);border-radius:var(--r-circle)}.name-edit{display:flex;gap:var(--s2)}.awards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.award-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;text-align:center;background:var(--card);border:2px solid var(--card-edge);border-radius:var(--r);box-shadow:0 3px 0 var(--card-drop)}.award-card .fi{width:34px;height:34px}.award-card b{font-size:var(--fs-sm)}.award-card small{color:var(--muted);font-size:var(--fs-2xs);line-height:1.2}.award-card.locked{opacity:.5;filter:grayscale(.7)}.studio{display:flex;flex-direction:column;align-items:center;gap:var(--s3)}.swatches{display:flex;justify-content:center;gap:10px}.swatch{width:34px;height:34px;border:3px solid #fff;border-radius:var(--r-circle);box-shadow:0 2px #5e988e88}.swatch[aria-checked=true]{outline:3px solid var(--line);outline-offset:1px}@keyframes pop{0%{transform:scale(.86)}60%{transform:scale(1.05)}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes rain{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:.9;transform:translate(var(--drift),110dvh) rotate(var(--spin))}}.scorecard{padding:0}.scorecard .stats{border-top:1.5px solid var(--divider)}.name-btn{display:flex;align-items:center;gap:6px;padding:0;color:var(--ink);font-size:var(--fs-lg);font-weight:700;text-align:left;background:none;border:0}.name-btn .li{width:16px;height:16px;color:var(--muted)}.strip{gap:10px;width:100%;padding-block:10px;text-align:left}.strip .fi{width:26px;height:26px}.strip .off{opacity:.4;filter:grayscale(.7)}.edit-avatar.picked .avatar{outline:3px solid var(--line);outline-offset:2px}.char-swipe{display:flex;gap:var(--s2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.char-swipe::-webkit-scrollbar{display:none}.char-swipe .edit-avatar{flex:0 0 auto;scroll-snap-align:start}.onboarding-page{position:fixed;z-index:20;inset:0;top:calc(0px - env(safe-area-inset-top,0px));bottom:calc(0px - env(safe-area-inset-bottom,0px));width:100%;max-width:480px;min-height:100dvh;height:auto;margin:0 auto;overflow:hidden;isolation:isolate;background-color:#dff8f1;background-position:center;background-repeat:no-repeat;background-size:cover}.onboarding-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none}.onboarding-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgb(0 32 48 / .18) 0%,rgb(0 32 48 / .06) 24%,transparent 48%),linear-gradient(to bottom,rgb(255 255 255 / .06) 0%,transparent 20%)}.onboarding-content{position:absolute;z-index:1;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:24px 20px calc(28px + env(safe-area-inset-bottom,0px) + env(safe-area-inset-bottom,0px));pointer-events:none}.onboarding-cta{position:relative;display:flex;align-items:center;justify-content:center;padding:0 66px;animation:onboarding-cta-pulse 2.6s ease-in-out infinite;width:100%;max-width:420px;min-height:60px;border:none;border-radius:var(--r-lg);cursor:pointer;pointer-events:auto;font:800 var(--fs-lg) / 1.2 var(--font);letter-spacing:.2px;color:var(--ink-navy);background:linear-gradient(180deg,#ffd36c,#f6a24f);box-shadow:0 10px 24px #00000029,inset 0 2px #ffffff73;-webkit-tap-highlight-color:transparent}.onboarding-cta-label{display:block;text-align:center;white-space:nowrap}.onboarding-cta-arrow{position:absolute;top:50%;right:10px;display:grid;place-items:center;width:44px;height:44px;border:1.5px solid rgb(17 56 77 / .19);border-radius:var(--r);background:#ffffff61;box-shadow:inset 0 1px #ffffff80;transform:translateY(-50%);color:var(--ink-navy)}.onboarding-cta-arrow svg{display:block;animation:onboarding-arrow-nudge 1.55s ease-in-out infinite}@keyframes onboarding-arrow-nudge{0%,to{transform:translate(-2px)}50%{transform:translate(4px)}}@keyframes onboarding-cta-pulse{0%,to{box-shadow:0 10px 24px #00000029,inset 0 2px #ffffff73}50%{box-shadow:0 14px 30px #00000038,0 0 0 3px #ffd36c38,inset 0 2px #ffffff8c}}.onboarding-cta:active{transform:translateY(1px) scale(.995)}.onboarding-cta:focus-visible{outline:3px solid var(--ink-navy);outline-offset:4px}@media(prefers-reduced-motion:reduce){.onboarding-video{display:none}.onboarding-cta,.onboarding-cta-arrow svg{animation:none}.onboarding-cta:active{transform:none}}.friend-setup-dock{position:relative;gap:5px;isolation:isolate}.friend-room-stage{--friend-art-width: clamp(187px, 62vw, 251px);--friend-art-left: -8px;--friend-shoe-overlap: 11px;position:relative;z-index:3;width:100%;height:clamp(188px,31dvh,274px);min-height:188px;overflow:visible;pointer-events:none}.friend-room-entry{position:absolute;z-index:3;bottom:calc(-1 * var(--friend-shoe-overlap));left:var(--friend-art-left);display:flex;align-items:center;gap:clamp(5px,1.6vw,9px);width:calc(100% - var(--friend-art-left));pointer-events:none}.friend-room-art{position:relative;flex:0 0 var(--friend-art-width);width:var(--friend-art-width);aspect-ratio:480 / 585;pointer-events:none;-webkit-user-select:none;user-select:none}.friend-room-mascot{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px #154a4030);-webkit-user-drag:none}.friend-room-code{position:absolute;z-index:4;top:50.3%;left:8%;width:84%;height:9.6%;min-height:24px;box-sizing:border-box;padding:0 3px;color:#173c42;font:800 var(--fs-room-code) / 1.1 var(--font);letter-spacing:clamp(1px,.6vw,2.5px);text-align:center;text-transform:uppercase;background:transparent;border:0;border-radius:var(--r-xs);outline:none;transform:translateY(-50%);pointer-events:auto;-webkit-user-select:text;user-select:text}.friend-room-code::placeholder{color:#698a88;opacity:.8}.friend-room-code:focus-visible{outline:2px solid #167f7f;outline-offset:-2px}.friend-room-join{position:relative;z-index:4;flex:0 0 auto;width:clamp(74px,23vw,108px);min-height:46px;padding:0 10px;font-size:var(--fs);border-radius:var(--r-field);border-color:#79c4b0;pointer-events:auto}.friend-room-speech{position:absolute;z-index:1;top:-60px;right:0;width:min(51%,185px);padding:12px 12px 11px;color:#143c43;background:var(--surface-speech);border:2px solid var(--outline-speech);border-radius:var(--r-md);box-shadow:0 4px 0 var(--shadow-speech)}.friend-room-speech:after{position:absolute;top:39px;left:-10px;width:15px;height:15px;background:var(--surface-speech);border-bottom:2px solid var(--outline-speech);border-left:2px solid var(--outline-speech);transform:rotate(45deg);content:""}.friend-room-speech b{display:block;font-size:var(--fs-friend-speech-title);font-weight:800;line-height:1.16}.friend-room-speech p{margin:5px 0 0;color:#345d62;font-size:var(--fs-friend-speech-copy);font-weight:600;line-height:1.3}.friend-create-room{position:relative;z-index:2;padding-left:clamp(95px,32%,155px);font-size:var(--fs-friend-cta)}@media(max-height:690px){.friend-room-stage{--friend-art-width: clamp(168px, 48vw, 196px);--friend-shoe-overlap: 10px;height:194px}.friend-room-speech{top:-36px;padding:9px}.friend-room-speech:after{top:26px}}@media(max-width:350px){.friend-room-stage{--friend-art-width: clamp(160px, 55vw, 187px);--friend-art-left: -10px}.friend-room-speech{width:48%;padding:8px}.friend-room-join{width:76px;min-height:44px}.friend-create-room{padding-left:105px}}@media(max-height:600px){.friend-room-stage{--friend-art-width: clamp(130px, 40vw, 146px);height:154px;min-height:154px}.friend-room-speech{top:-19px}.friend-room-speech:after{top:18px}}@media(prefers-reduced-motion:reduce){.friend-room-mascot{transition:none}}.history-stage{--history-companion-height: clamp(168px, 27dvh, 250px);--history-gap: 10px;position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;isolation:isolate}.history-filter-bar{position:relative;z-index:4;flex:none;padding:var(--s3) var(--s4) 0;background:transparent}.history-page{position:relative;z-index:1;padding-top:var(--history-gap);padding-bottom:0;gap:var(--history-gap)}.history-page>.history-scroll{flex:1 0 auto;min-height:0;overflow:visible;padding-bottom:calc(var(--history-companion-height) + 1rem)}.history-scroll>.list{overflow:hidden}.history-scroll>.btn{margin-top:12px}.history-stage>.history-companion{position:absolute;z-index:3;right:0;bottom:0;left:0;height:var(--history-companion-height);isolation:isolate;overflow:visible;pointer-events:none}.history-companion-mascot{position:absolute;z-index:3;right:-12px;bottom:-12px;display:block;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:right bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.history-speech{position:absolute;z-index:4;top:17px;left:clamp(69px,19vw,97px);width:min(51%,205px);padding:11px 12px;color:var(--ink);background:var(--surface-raised);border:2px solid var(--outline-mint);border-radius:var(--r);box-shadow:0 4px 0 var(--shadow-speech)}.history-speech:after{position:absolute;top:43px;right:-9px;width:14px;height:14px;background:var(--surface-raised);border-top:2px solid var(--outline-mint);border-right:2px solid var(--outline-mint);transform:rotate(45deg);border-radius:0 var(--r-micro) 0 0;box-shadow:2px -2px 0 -1px var(--surface-raised);content:""}.history-speech b{display:block;font-size:var(--fs-history-title);font-weight:800;line-height:1.16}.history-speech p{margin:5px 0 0;color:var(--ink-2);font-size:var(--fs-history-copy);font-weight:600;line-height:1.33}@media(max-height:640px){.history-stage{--history-companion-height: clamp(150px, 25dvh, 175px);--history-gap: 7px}.history-speech{padding:8px 10px;top:19px}.history-companion-mascot{bottom:-8px}}@media(max-width:350px){.history-speech{width:48%;padding:8px 9px}.history-speech b,.history-speech p{font-size:var(--fs-2xs)}}.history-stage .history-companion-mascot{pointer-events:none}@media(max-width:350px){.history-companion-mascot{right:-9px;bottom:-7px}.history-speech{left:43px}}.settings-volume-range{height:34px;min-width:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent}.settings-volume-range::-webkit-slider-runnable-track{height:7px;border-radius:var(--r-pill);background:var(--slider-track)}.settings-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;margin-top:-9px;background:var(--slider-thumb);border:3px solid var(--slider-outline);border-radius:var(--r-circle);box-shadow:0 2px #234d55}.settings-volume-range::-moz-range-track{height:7px;background:var(--slider-track);border-radius:var(--r-pill)}.settings-volume-range::-moz-range-thumb{width:22px;height:22px;background:var(--slider-thumb);border:3px solid var(--slider-outline);border-radius:var(--r-circle)}.battle-ai-setup-dock{position:relative;gap:0;isolation:isolate}.battle-ai-stage{position:relative;z-index:2;flex:none;width:100%;height:clamp(112px,min(46vw,25dvh),205px);pointer-events:none;-webkit-user-select:none;user-select:none}.battle-ai-artwork{position:absolute;left:50%;bottom:-10px;display:block;width:min(100%,450px);height:100%;max-width:none;object-fit:contain;object-position:center bottom;transform:translate(-50%);pointer-events:none;-webkit-user-drag:none}.battle-ai-start{position:relative;z-index:1;min-height:62px;font-size:var(--fs-battle-cta);border-radius:var(--r-card)}@media(max-height:590px){.battle-ai-stage{height:clamp(92px,min(40vw,21dvh),150px)}.battle-ai-start{min-height:55px}}@media(max-width:350px){.battle-ai-artwork{width:calc(100% + 6px)}.battle-ai-start{min-height:56px}}