@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;--r-sm: 12px;--r: 16px;--r-lg: 22px;--fs-xs: 11px;--fs-sm: 13px;--fs: 15px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 27px;--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 var(--fs) / 1.35 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:34px;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(58px + var(--safe-t));padding:calc(8px + 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 #e7eee5}.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:#fffdf7f2;border-top:2px solid #e7eee5}.tabs button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:50px;padding:5px 0 3px;color:var(--ink-2);font-size:var(--fs-xs);font-weight:700;letter-spacing:.3px;background:none;border:0;border-radius:14px;transition:background .18s}.tabs .fi{width:25px;height:25px}.tabs [aria-current=page]{color:#104d50;background:#c4f0dd}.tabs .dot{position:absolute;top:4px;right:calc(50% - 20px);width:9px;height:9px;background:#ff7a45;border:2px solid #fffdf7;border-radius:50%}@media(display-mode:standalone){html,body{background:var(--bar-solid)}.bar{min-height:calc(66px + var(--safe-t));padding-top:calc(16px + 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(#fffef8,#f1f5e7);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(#ffcf68,#ff9f52 80%);border:3px solid var(--line);box-shadow:0 5px #b86638,inset 0 3px #ffe9a2}.btn.primary:not(:disabled):active{box-shadow:0 2px #b86638,inset 0 3px #ffe9a2}.btn.lg{min-height:56px;font-size:var(--fs-md);border-radius:18px}.btn.sm{min-height:36px;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:20px;background:#ffffffc0;border:2px solid #fff8e6;border-radius:13px;box-shadow:0 3px #5e988e55}.icon-btn:active{transform:translateY(2px)}.input{width:100%;height:46px;padding:0 14px;color:var(--ink);font-size:16px;font-weight:700;background:#fffef7;border:2px solid #85aaa5;border-radius:13px;outline:none}.input:focus{border-color:var(--line)}.input.code{font-size:20px;letter-spacing:6px;text-align:center;text-transform:uppercase}.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:999px;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:99px;transition:background .18s}.switch:after{content:"";display:block;width:20px;height:20px;background:#fff;border-radius:50%;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:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.progress{height:8px;overflow:hidden;background:#ffffffd9;border-radius:99px;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:50%;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:21px;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:25px;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:#ffffffc0;border:2px solid #fff;border-radius:99px;box-shadow:0 2px #5e988e55}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.6px;white-space:nowrap;text-transform:uppercase;background:var(--deep);border-radius:99px}.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:50%;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 #ffffff;border-top-color:var(--teal);border-radius:50%;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:26px 26px 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)}.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}.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:19px;font-weight:700;background:linear-gradient(#ffe16b,#ffb23e);border:3px solid #fffaf0;border-radius:50%;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:20px;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:20px;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:18px;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:21px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.hearts{display:flex;gap:1px;font-size:12px}.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:50%;box-shadow:0 3px #468a8e78}.clock b{font-size:21px;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:clamp(30px,min(10vw,6dvh),54px);background:linear-gradient(#fffefa,#fff8e7);border-radius:20px;box-shadow:0 7px #427c7c,inset 0 -7px #f2e8ca}.num-tile.long{font-size:clamp(20px,6vw,30px)}.op-tile{flex:none;width:56px;height:clamp(54px,9dvh,72px);font-size:32px;background:linear-gradient(#fff2ae,#ffd57b);border-radius:14px;box-shadow:0 5px #4b8b87}.equation.pop>*{animation:pop .26s var(--spring)}.feedback{min-height:22px;font-weight:700;text-align:center}.answers{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.6dvh,14px)}.choice{height:clamp(62px,11.5dvh,100px);font-size:clamp(26px,8vw,34px);font-weight:700;font-variant-numeric:tabular-nums;background:linear-gradient(#fffefa,#fff5e1);border:3px solid #335f67;border-radius:20px;box-shadow:0 5px #3c7d7d,inset 0 -4px #e8e1cd;transition:transform .1s}.choice:not(:disabled):active{transform:translateY(3px)}.choice.good{background:#a2f0bc;animation:pop .32s var(--spring)}.choice.bad{background:#ffb19e;animation:shake .32s}.choice:disabled{opacity:.8}.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:50%;-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:10px;letter-spacing:1.4px;white-space:nowrap;background:linear-gradient(#ffec9c,#ffc360);border:2px solid #27535c;border-radius:8px;box-shadow:0 3px #376c6b;transform:rotate(-4deg)}.wordmark{padding:4px 6px 8px;color:#ffdf65;font-size:clamp(30px,9.5vw,46px);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:clamp(22px,7vw,34px)}.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:clamp(30px,9vw,40px);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}.cup-head{display:flex;align-items:center;gap:var(--s3)}.cup-head>.fi{width:44px;height:44px}.countdown{font-size:34px;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:#8fb3ae;font-size:20px;border:2px dashed #8fb3ae;border-radius:50%}.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:#ff9f52;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:#8fb3ae}.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:50%}.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:10.5px;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:50%;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:22px;cursor:pointer;pointer-events:auto;font:800 20px / 1.2 var(--font);letter-spacing:.2px;color:#11384d;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:15px;background:#ffffff61;box-shadow:inset 0 1px #ffffff80;transform:translateY(-50%);color:#11384d}.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 #11384d;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}}