:root{--ease:cubic-bezier(.32, .72, 0, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--spring-big:cubic-bezier(.34, 1.8, .64, 1);--dur-fast:.16s;--dur:.24s;--dur-slow:.42s}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.45}}@keyframes live{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--up) 55%, transparent)}70%,to{box-shadow:0 0 0 8px color-mix(in srgb, var(--up) 0%, transparent)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fff;--fg:#0a0a0b;--muted:#0a0a0b75;--faint:#0a0a0b12;--pill:#0a0a0b0e;--accent:#007aff;--up:#1f8f45;--down:#d92d20;--star:#f2b100;--bar:#eb4bc2;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;--display:-apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, system-ui, sans-serif;--gutter:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0a0a0b;--fg:#f5f5f7;--muted:#f5f5f775;--faint:#f5f5f712;--pill:#f5f5f714;--accent:#0a84ff;--up:#30d158;--down:#ff453a;--star:#ffd60a}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;margin:0}:root{--sheet:#fff;--tile:#0a0a0b0d;--face-bg:#e6e6eb;--ring:#0a0a0b12;--scrim:#00000047;--line:#0a0a0b1a}@media (prefers-color-scheme:dark){:root{--sheet:#161618;--tile:#f5f5f70f;--face-bg:#2c2c2e;--ring:#ffffff14;--scrim:#0009;--line:#ffffff1c}}:root{--gold:#b98700;--gold-bg:#fc03;--amber:#c26b00;--warm:#f26a12;--medal-1:#c8900a;--medal-2:#8e939b;--medal-3:#a8642f;--up-vivid:#30d158;--down-vivid:#ff453a;--brand:#1f7cff;--brand-gradient:linear-gradient(115deg, #1552f0 0%, #1f7cff 50%, #5cd0ff 100%);--rainbow:#0a84ff, #30d158, #ffd60a, #ff6b9a, #0a84ff}@media (prefers-color-scheme:dark){:root{--gold:#ffd60a;--gold-bg:#ffd60a29;--amber:#ffb340;--warm:#ff7a1a;--medal-1:#f2c14e;--medal-2:#c7cbd1;--medal-3:#d9935c}}:root{--fs-micro:11px;--fs-caption:12px;--fs-meta:13px;--fs-small:14px;--fs-body:15px;--fs-row:16px;--fs-lead:17px;--fs-card:18px;--fs-stat:20px;--fs-title:24px;--fs-stat-lg:30px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-card:18px;--r-lg:22px;--r-sheet:28px;--r-pill:999px;--hairline:inset 0 0 0 1px var(--ring);--shadow-pop:0 0 0 1px var(--ring), 0 24px 56px -12px #00000042, 0 6px 16px -6px #0000001a;--shadow-sheet:0 -20px 60px #00000038;--shadow-dialog:0 30px 80px #00000059;--shadow-lift:0 16px 40px #0000002e;--z-sticky:10;--z-nav:40;--z-popover:45;--z-toast:50;--z-sheet:55;--z-dialog:60}@media (prefers-color-scheme:dark){:root{--shadow-pop:0 0 0 1px var(--ring), 0 26px 60px -12px #000000b3, 0 6px 16px -6px #0006;--shadow-sheet:0 -20px 60px #00000080;--shadow-dialog:0 30px 80px #0009;--shadow-lift:0 16px 40px #00000073}}img[src*=UnavailableImage]{object-position:-99999px 0}.btn{height:44px;color:var(--fg);font:600 15px/1 var(--font);letter-spacing:-.01em;cursor:pointer;transition:transform .2s var(--ease), background-color .2s var(--ease), color .2s var(--ease), opacity .2s var(--ease);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.96)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.4;cursor:default}.btn.lg svg{width:17px;height:17px}.btn[hidden]{display:none}.btn.primary{background:var(--fg);color:var(--bg)}.btn.secondary{color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);background:0 0}@media (hover:hover) and (pointer:fine){.btn.secondary:hover:not(:disabled){background:var(--pill)}}.btn.ghost{color:var(--muted);background:0 0}@media (hover:hover) and (pointer:fine){.btn.ghost:hover:not(:disabled){color:var(--fg)}}.btn.icon{width:44px;padding:0}.btn.sm{height:34px;padding:0 13px;font-size:14px}.btn.sm.icon{width:34px;padding:0}.btn.lg{height:52px;padding:0 24px;font-size:16px}.btn.lg.icon{width:52px;padding:0}.btn.icon.close-btn{aspect-ratio:1;flex:none;width:38px;height:38px;padding:0}.btn.icon.close-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.btn.danger{color:var(--down)}@media (hover:hover) and (pointer:fine){.btn.danger:hover:not(:disabled){color:var(--down)}}.btn svg{fill:currentColor;flex:none;width:16px;height:16px}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{flex-direction:column;height:100dvh;display:flex}.hl{flex:1;min-height:0;position:relative}.hl-start{transition:opacity .42s var(--ease), transform .52s var(--ease);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.hl-start.leaving{opacity:0;pointer-events:none;transform:scale(1.04)}.collage{opacity:.32;grid-template-columns:repeat(auto-fill,minmax(clamp(84px,11vw,132px),1fr));gap:clamp(12px,1.6vw,20px);animation:60s linear infinite drift;display:grid;position:absolute;inset:-20%;transform:rotate(-12deg);-webkit-mask-image:radial-gradient(60% 55%,#0000 20%,#000 75%);mask-image:radial-gradient(60% 55%,#0000 20%,#000 75%)}.collage img{aspect-ratio:1;object-fit:cover;border-radius:24%;width:100%}@keyframes drift{to{transform:rotate(-12deg)translateY(-18%)}}.start-inner{text-align:center;justify-items:center;padding:24px;display:grid;position:relative}.kicker{background:var(--pill);font:600 13px/1 var(--font);color:var(--muted);border-radius:999px;margin:0 0 18px;padding:7px 12px}.kicker.challenge{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.start-inner h1{font:700 clamp(60px, 14vw, 120px) / .92 var(--display);letter-spacing:-.05em;margin:0}.lede{font:500 clamp(16px, 2.2vw, 19px) / 1.4 var(--font);color:var(--muted);margin:18px 0 30px}#play{min-width:220px}.best-line{min-height:20px;font:500 14px/20px var(--font);color:var(--muted);font-variant-numeric:tabular-nums;margin:16px 0 0}.hl-game{padding:0 12px max(12px, env(safe-area-inset-bottom));animation:hl-fade-in .5s var(--ease);position:absolute;inset:0}.hl-game[hidden]{display:none}@keyframes hl-fade-in{0%{opacity:0;transform:scale(.985)}}.stage{isolation:isolate;background:#0b0b0c;border-radius:28px;height:100%;position:relative;overflow:hidden}.track{will-change:transform;width:150%;height:100%;display:flex}.track.slide{transition:transform .72s cubic-bezier(.65,0,.35,1);transform:translate(-33.3333%)}.card{color:#fff;flex:0 0 33.3333%;place-items:center;display:grid;position:relative;overflow:hidden}.card-bg{filter:blur(48px)saturate(1.5)brightness(.62);background-position:50%;background-size:cover;position:absolute;inset:-60px;transform:scale(1.15)}.card:after{content:"";background:radial-gradient(#0000 30%,#00000073 100%);position:absolute;inset:0}.card+.card{box-shadow:inset 1px 0 #ffffff14}.card-body{z-index:1;text-align:center;justify-items:center;max-width:520px;padding:72px 28px 40px;display:grid;position:relative}.card-icon{aspect-ratio:1;object-fit:cover;border-radius:24%;width:clamp(88px,12vw,132px);margin-bottom:20px;box-shadow:0 24px 60px #00000073,inset 0 0 0 1px #ffffff1f}.card-name{font:700 clamp(22px, 2.8vw, 34px) / 1.12 var(--display);letter-spacing:-.025em;-webkit-line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.card-has,.card-unit{font:500 15px/20px var(--font);color:#ffffffb8;margin:10px 0 0}.card-unit b{color:#fff;font-weight:600}.card-count{min-height:1.05em;font:700 clamp(40px, 5.4vw, 66px) / 1.05 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:6px 0 0}.card-count number-flow{--number-flow-mask-height:.2em}.guesses{gap:10px;width:min(260px,70vw);margin-top:18px;display:grid}.guess{-webkit-backdrop-filter:blur(20px)saturate(1.4);color:#fff;height:54px;font:700 17px/1 var(--font);letter-spacing:-.01em;cursor:pointer;transition:background-color .18s var(--ease), transform .18s var(--ease), opacity .3s var(--ease);background:#ffffff29;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:inset 0 0 0 1px #fff3}@media (hover:hover) and (pointer:fine){.guess:hover{background:#ffffff42}}.guess:active{transform:scale(.96)}.guess:focus-visible{outline-offset:2px;outline:2px solid #fff}.guess svg{fill:currentColor;width:13px;height:13px}.card.answered .guesses{display:none}.card.shake .card-body{animation:.52s cubic-bezier(.36,.07,.19,.97) hl-shake}@keyframes hl-shake{15%,85%{transform:translate(-3px)}30%,70%{transform:translate(6px)}45%,55%{transform:translate(-9px)}50%{transform:translate(9px)}}.vs{z-index:3;color:#0a0a0b;width:64px;height:64px;font:800 16px/1 var(--font);letter-spacing:.02em;transition:background-color .26s var(--ease), color .26s var(--ease), transform .26s var(--ease);background:#fff;border-radius:50%;place-items:center;margin:-32px 0 0 -32px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 12px 40px #0006}.vs svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.vs.right{background:var(--up-vivid);color:#fff;animation:.52s cubic-bezier(.34,1.56,.64,1) bounce}.vs.wrong{background:var(--down-vivid);color:#fff;animation:.52s cubic-bezier(.34,1.56,.64,1) bounce}@keyframes bounce{0%{transform:scale(.6)}}.hud{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:14px;left:14px;right:14px}.hud-pill{-webkit-backdrop-filter:blur(16px);color:#ffffffbf;font:600 14px/1 var(--font);font-variant-numeric:tabular-nums;background:#00000052;border-radius:999px;padding:9px 14px}.hud-pill b{color:#fff;margin-left:4px}.hud-pill.bump b{animation:.42s cubic-bezier(.34,1.56,.64,1) hl-bump;display:inline-block}@keyframes hl-bump{40%{transform:scale(1.35)}}.over-root{z-index:60;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.over-root[hidden]{display:none}.over-scrim{-webkit-backdrop-filter:blur(6px);animation:fade .3s var(--ease);background:#0000008c;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.over{background:var(--sheet);text-align:center;border-radius:28px;width:min(380px,100%);padding:30px 26px 24px;animation:.52s cubic-bezier(.34,1.4,.64,1) over-in;position:relative;overflow:hidden;box-shadow:0 40px 100px #00000080}@keyframes over-in{0%{opacity:0;transform:translateY(24px)scale(.94)}}.over-kicker{background:var(--pill);font:600 13px/1 var(--font);color:var(--muted);border-radius:999px;margin:0;padding:7px 12px;display:inline-block}.over-kicker.best{color:#e6b800;background:#ffd43b38}.over-score{font:700 104px/.9 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:18px 0 0}.over-sub{font:500 16px/22px var(--font);color:var(--muted);margin:10px 0 0}.over-actions{gap:10px;margin-top:26px;display:flex}.over-actions .primary{flex:1}.hl-confetti{pointer-events:none;position:absolute;inset:0}.hl-confetti i{opacity:0;border-radius:2px;width:8px;height:12px;animation:1.4s cubic-bezier(.2,.7,.3,1) forwards confetti;position:absolute;top:38%;left:50%}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--r))}}@media (width<=760px),(aspect-ratio<=4/5){.track{flex-direction:column;width:100%;height:150%}.track.slide{transform:translateY(-33.3333%)}.card{flex-basis:33.3333%}.card+.card{box-shadow:inset 0 1px #ffffff14}.card-body{padding:22px}.card-icon{width:clamp(64px,11svh,96px);margin-bottom:12px}.card-name{font-size:clamp(19px,2.8svh,26px)}.card-count{font-size:clamp(34px,5.4svh,52px)}.card-has,.card-unit{margin-top:6px;font-size:14px}.guesses{grid-template-columns:1fr 1fr;width:min(320px,80vw);margin-top:12px}.guess{height:48px;font-size:16px}.vs{width:56px;height:56px;margin:-28px 0 0 -28px;font-size:14px}.hl-game{padding:0 8px max(8px, env(safe-area-inset-bottom))}.stage{border-radius:24px}}@media (prefers-reduced-motion:reduce){.collage,.card.shake .card-body,.vs.right,.vs.wrong,.over,.hud-pill.bump b{animation:none}.track.slide{transition:none}}
