@font-face{font-family:Fraunces;src:url(/assets/fraunces-latin-DihXLNYH.woff2) format("woff2-variations");font-weight:300 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";src:url(/assets/baloo2-latin-B_TVFhwJ.woff2) format("woff2-variations");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;src:url(/assets/nunito-latin-BzFMHfZw.woff2) format("woff2-variations");font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(/assets/inter-latin-Dx4kXJAl.woff2) format("woff2-variations");font-weight:300 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=noir]{--void: #060609;--bg: #0b0a10;--bg-soft: var(--bg-soft);--surface: rgba(22, 21, 28, .86);--surface-2: var(--bg-soft);--line: var(--surface-2);--line-strong: var(--line-strong);--text: #f4f1ea;--text-dim: #b7b2a6;--text-mute: #8b8578;--brand: #d9a441;--brand-strong: #e9be6a;--brand-soft: rgba(217, 164, 65, .14);--brand-deep: #8a6420;--good: #5cbf7a;--good-soft: rgba(92, 191, 122, .14);--good-deep: #2c6b42;--bad: #d95c5c;--bad-soft: rgba(217, 92, 92, .14);--bad-deep: #7d2727;--warn: #d9a441;--radius: 14px;--radius-sm: 8px;--shadow: 0 18px 50px rgba(0, 0, 0, .55);--shadow-sm: 0 8px 24px rgba(0, 0, 0, .45);--pop: none;--glow-a: rgba(217, 164, 65, .09);--glow-b: rgba(120, 90, 200, .05);--vignette: rgba(0, 0, 0, .5);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;--sun: var(--brand);--sun-deep: var(--brand-deep);--aqua: var(--brand);--grape: var(--brand);color-scheme:dark}[data-theme=arcade]{--void: #12042a;--bg: #20083f;--bg-soft: var(--bg-soft);--surface: rgba(58, 20, 104, .62);--surface-2: var(--surface-2);--line: var(--line);--line-strong: var(--line-strong);--text: #fdf7ff;--text-dim: #d5c4ee;--text-mute: #bda9dd;--brand: #ff2d78;--brand-strong: #ff5a9e;--brand-soft: rgba(255, 45, 120, .18);--brand-deep: #a30a45;--sun: #ffd23f;--sun-deep: #b87c02;--aqua: #22e3d6;--grape: #a855f7;--good: #3ce07c;--good-soft: rgba(60, 224, 124, .18);--good-deep: #12813f;--bad: #ff4d5e;--bad-soft: rgba(255, 77, 94, .2);--bad-deep: #9c1220;--warn: #ffc046;--radius: 24px;--radius-sm: 16px;--shadow: 0 24px 48px rgba(0, 0, 0, .55);--shadow-sm: 0 10px 22px rgba(0, 0, 0, .4);--pop: 0 4px 0 rgba(0, 0, 0, .45);--glow-a: rgba(255, 45, 120, .5);--glow-b: rgba(34, 227, 214, .34);--vignette: rgba(0, 0, 0, 0);--font-display: "Baloo 2", "Nunito", system-ui, sans-serif;--font: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:dark}[data-theme=paper]{--void: #e8e2d6;--bg: #f3eee3;--bg-soft: rgba(20, 17, 10, .04);--surface: rgba(255, 253, 247, .92);--surface-2: rgba(20, 17, 10, .05);--line: rgba(20, 17, 10, .14);--line-strong: rgba(20, 17, 10, .3);--text: #17140e;--text-dim: #4c463a;--text-mute: #6f6858;--brand: #8a6420;--brand-strong: #a97f2f;--brand-soft: rgba(138, 100, 32, .12);--brand-deep: #5c430f;--good: #2c6b42;--good-soft: rgba(44, 107, 66, .12);--good-deep: #1d4a2d;--bad: #a03535;--bad-soft: rgba(160, 53, 53, .12);--bad-deep: #7d2020;--warn: #8a6420;--radius: 12px;--radius-sm: 6px;--shadow: 0 14px 40px rgba(30, 25, 12, .18);--shadow-sm: 0 6px 18px rgba(30, 25, 12, .12);--pop: none;--glow-a: rgba(138, 100, 32, .07);--glow-b: rgba(120, 90, 200, .03);--vignette: rgba(58, 48, 24, .08);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;--sun: var(--brand);--sun-deep: var(--brand-deep);--aqua: var(--good);--grape: var(--brand);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;background-color:var(--bg);background-image:radial-gradient(1100px 700px at 50% -18%,var(--glow-a),transparent 60%),radial-gradient(900px 620px at 100% 112%,var(--glow-b),transparent 62%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%,transparent 55%,var(--vignette) 100%)}h1,h2,h3{margin:0;line-height:1.12;font-family:var(--font-display);font-weight:600;letter-spacing:0}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:8px}@keyframes fade-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes shake{10%,90%{transform:translate(-3px)}25%,75%{transform:translate(5px)}50%{transform:translate(-2px)}}@keyframes pop{0%{transform:scale(.86)}55%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes pulse-ring{0%,to{box-shadow:0 0 #ffd23f8c}60%{box-shadow:0 0 0 12px #ffd23f00}}@keyframes confetti-fall{0%{background-position:0 -160px,24px -220px,52px -190px,78px -250px,104px -200px,34px -230px}to{background-position:34px 260px,62px 230px,18px 280px,108px 240px,76px 300px,74px 250px}}.app{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100dvh;padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(16px,env(safe-area-inset-left,0px))}.main{flex:1 1 auto;width:100%;max-width:1080px;margin:0 auto;padding:8px 0 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1080px;width:100%;margin:0 auto;padding:calc(16px + env(safe-area-inset-top,0px)) 0 6px}.brand{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:4px 6px;cursor:pointer;border-radius:14px;transition:background .14s ease,transform .14s ease}.brand:disabled{cursor:default}.brand:not(:disabled):hover{background:var(--surface-2);transform:translateY(-1px)}.brand__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--brand);font-family:var(--font-display);font-weight:800;font-size:19px;color:var(--brand-deep);transform:rotate(-6deg);box-shadow:var(--shadow-sm)}.brand__text{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;font-size:19px}.topbar__right{display:flex;align-items:center;gap:10px}.who{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:2px solid var(--line);border-radius:999px;background:var(--surface);backdrop-filter:blur(10px) saturate(150%);font-size:14px;font-weight:700;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who__dot{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px var(--good-soft);animation:pulse-ring 2.4s ease-out infinite}.sitefoot{max-width:1080px;width:100%;margin:0 auto;padding:12px 0 calc(24px + env(safe-area-inset-bottom,0px));text-align:center;color:var(--text-dim)}.screen{display:flex;flex-direction:column;gap:20px;animation:fade-in .26s ease both}.screen--center{align-items:center;justify-content:center;min-height:62vh}.screen--home{gap:24px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;flex-wrap:wrap;gap:10px}.row--center{justify-content:center}.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--text-dim)}.small{font-size:13px}.text-good{color:var(--good)}.text-bad{color:var(--bad)}.label{font-family:var(--font-display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);margin-bottom:8px;font-weight:700}.card{position:relative;background:linear-gradient(180deg,var(--line),var(--bg-soft) 46%),var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow),inset 0 1px 0 var(--line);backdrop-filter:blur(16px) saturate(150%);overflow:hidden}.card--panel{width:100%;max-width:640px;animation:rise .3s ease both}.card--hero{overflow:visible;background:radial-gradient(680px 340px at 4% -50%,rgba(255,45,120,.42),transparent 66%),radial-gradient(520px 300px at 104% 0%,rgba(34,227,214,.28),transparent 62%),linear-gradient(180deg,var(--surface-2),var(--bg-soft) 50%),var(--surface)}.card--hero:before,.card--hero:after{position:absolute;font-size:2.6rem;line-height:1;pointer-events:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}.card--hero:before{content:"🧠";top:-16px;right:20px;font-size:2.2rem;animation:bob 5.5s ease-in-out infinite}.card--hero:after{content:"⚡";right:84px;bottom:12px;font-size:1.7rem;opacity:.9;animation:bob 7s ease-in-out infinite reverse}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card__title{font-size:19px;font-weight:700}.card__foot{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.hero__title{font-size:clamp(2.5rem,9vw,3.8rem);font-weight:800;letter-spacing:-.02em;color:var(--text);padding-right:.1em}.hero__dot{-webkit-text-fill-color:var(--brand);color:var(--brand)}.hero__sub{color:var(--text-dim);margin-top:8px;max-width:46ch;font-size:16.5px}.name-form{display:flex;gap:12px;align-items:flex-end;margin-top:22px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;flex:1 1 220px;min-width:0}.field__label{font-family:var(--font-display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);font-weight:700}.input{width:100%;padding:13px 16px;background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-display);font-size:18px;font-weight:600;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.input::placeholder{color:var(--text-mute);font-weight:500}.input:hover{border-color:var(--brand-strong)}.input:focus{outline:none;background:var(--surface);border-color:var(--sun);box-shadow:0 0 0 5px #ffd23f33}.input[aria-invalid=true]{border-color:var(--bad)}.hero__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.counter{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.counter--bad{color:var(--bad)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:18px;border:2px solid rgba(0,0,0,.3);background:var(--surface);font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.01em;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform 90ms ease,box-shadow 90ms ease,filter .15s ease}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.09);box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.6)}.btn--primary{background:var(--brand);border-color:var(--brand-deep);color:var(--brand-deep);text-shadow:none;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow)}.btn--cat{background:linear-gradient(180deg,var(--cat-from, var(--brand)),var(--cat-to, var(--brand-deep)));border-color:#0006;color:var(--cat-ink, #fff);text-shadow:none;box-shadow:var(--shadow-sm)}.btn--cat:hover:not(:disabled){box-shadow:var(--shadow-sm)}.btn--accent{background:var(--brand);border-color:var(--brand-deep);color:var(--brand-deep);box-shadow:var(--shadow-sm)}.btn--accent:hover:not(:disabled){box-shadow:var(--shadow)}.btn--ghost{background:var(--surface-2);border-color:var(--line-strong);color:var(--text);box-shadow:var(--shadow-sm)}.btn--ghost:hover:not(:disabled){color:var(--text);background:var(--bg-soft)}.btn--lg{padding:15px 32px;font-size:18px}.link{background:none;border:0;padding:0;color:var(--sun);cursor:pointer;text-decoration:underline;font-size:inherit;font-weight:700}.categories__head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.categories__head h2{font-size:22px;font-weight:700}.categories__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:16px}.cat-card{--cat-from: var(--brand);--cat-to: var(--grape);--cat-ink: var(--text);position:relative;display:flex;flex-direction:column;height:100%;border:2px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--line),var(--bg-soft) 48%),var(--surface);box-shadow:var(--shadow),inset 0 1px 0 var(--line);backdrop-filter:blur(14px) saturate(150%);padding:18px;gap:12px;overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;animation:rise .34s ease both}.cat-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--cat-from),var(--cat-to))}.cat-card:nth-child(1){animation-delay:40ms}.cat-card:nth-child(2){animation-delay:90ms}.cat-card:nth-child(3){animation-delay:.14s}.cat-card:hover{border-color:var(--line-strong);transform:translateY(-4px) rotate(-.4deg);box-shadow:0 28px 54px #0009,inset 0 1px 0 var(--surface-2)}.cat-card--selected{border-color:transparent;box-shadow:0 0 0 3px var(--cat-from),0 26px 50px #0009}.cat-card__select{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:0;text-align:left;cursor:pointer;flex:1 1 auto;color:inherit}.cat-card__badge{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;font-size:27px;line-height:1;background:linear-gradient(150deg,var(--cat-from),var(--cat-to));box-shadow:var(--shadow-sm);margin-bottom:6px}.cat-card__name{font-family:var(--font-display);font-size:21px;font-weight:800}.cat-card__meta{display:flex;flex-wrap:wrap;gap:6px}.cat-card__pill{align-self:flex-start;font-family:var(--font-display);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--cat-ink);background:linear-gradient(120deg,var(--cat-from),var(--cat-to));border-radius:999px;padding:3px 11px}.cat-card__pill--quiet{background:var(--bg-soft);color:var(--text-dim);border:1px solid var(--line)}.cat-card__pill--virtual{background:var(--surface-2);color:var(--text);border:1px dashed var(--line)}.cat-card--virtual .cat-card__badge{box-shadow:inset 0 0 0 1px var(--line-strong)}.cat-card__desc{color:var(--text-dim);font-size:14px}.cat-card__play{width:100%;background:linear-gradient(180deg,var(--cat-from),var(--cat-to));border-color:#00000059;color:var(--cat-ink);box-shadow:var(--shadow-sm);text-shadow:0 1px 0 rgba(0,0,0,.18)}.cat-card__play:hover:not(:disabled){box-shadow:var(--shadow)}.home__body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}.home__main,.home__side{min-width:0}.leaderboard .card__head{margin-bottom:10px}.leaderboard{animation:rise .38s ease both}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.tabs--scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.tabs--scroll .tab{flex:0 0 auto}.tab{min-height:44px;display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;border:2px solid var(--line);background:var(--bg-soft);color:var(--text-dim);font-family:var(--font-display);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.tab:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.tab--active{background:linear-gradient(180deg,var(--brand-strong),var(--brand));border-color:transparent;color:var(--text);box-shadow:0 3px 0 var(--brand-deep)}.lb{display:flex;flex-direction:column}.lb__head{display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;gap:10px;padding:0 8px 6px;font-family:var(--font-display);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-mute);border-bottom:2px solid var(--line);margin-bottom:4px}.lb__row{display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 8px;border-radius:12px;border-bottom:1px solid var(--line);font-size:14px}.lb__row:last-child{border-bottom:0}.lb__row--me{background:var(--brand-soft);border-bottom-color:transparent;box-shadow:inset 0 0 0 2px #ff2d7873}.lb__rank{font-family:var(--font-display);color:var(--sun);font-size:14px;font-weight:800;text-align:center}.lb__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px;font-weight:700}.lb__you{font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:.1em;background:var(--sun);color:var(--text);border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:middle;font-weight:800}.lb__score{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums}.spinner{display:flex;align-items:center;gap:12px;padding:6px 0 12px}.spinner__dots{display:inline-flex;gap:6px;flex:none}.spinner__dots span{width:11px;height:11px;border-radius:50%;animation:bob 1.05s ease-in-out infinite}.spinner__dots span:nth-child(1){background:var(--brand)}.spinner__dots span:nth-child(2){background:var(--sun);animation-delay:.16s}.spinner__dots span:nth-child(3){background:var(--aqua);animation-delay:.32s}.spinner__label{color:var(--text-dim)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(124px,1fr));gap:12px;margin:0}.stats__item{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-sm);padding:11px 14px}.stats__item dt{font-family:var(--font-display);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);font-weight:700}.stats__item dd{margin:4px 0 0;font-family:var(--font-display);font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.progress{height:10px;border-radius:999px;background:var(--surface);overflow:hidden;border:2px solid var(--line)}.progress__bar{height:100%;background:linear-gradient(90deg,var(--aqua),var(--sun),var(--brand));transition:width .32s ease}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:2px solid var(--line-strong);background:var(--surface-2);font-size:14px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip--me{border-color:var(--sun);background:#ffd23f29;font-weight:800}.chip--dim{color:var(--text-dim)}.chip--score{border-style:dashed;color:var(--text-mute)}.pill{font-family:var(--font-display);font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;padding:5px 11px;border-radius:999px;border:2px solid var(--line-strong);color:var(--text-dim)}.pill--live{color:var(--good-deep);border-color:transparent;background:var(--good);box-shadow:0 3px 0 var(--good-deep);animation:pulse-ring 2s ease-out infinite}.pill--good{color:var(--good-deep);border-color:transparent;background:var(--good);box-shadow:0 3px 0 var(--good-deep)}.pill--bad{color:var(--surface);border-color:transparent;background:var(--bad)}.notice{border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;border:2px solid var(--line-strong);background:var(--surface);color:var(--text-dim)}.notice--info{border-color:#ff2d7899;background:var(--brand-soft);color:var(--text)}.notice--warn{border-color:#ffc04699;color:var(--warn)}.notice--error{border-color:transparent;background:var(--bad-soft);color:var(--bad-soft);box-shadow:inset 0 0 0 2px #ff4d5e8c}.game-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 18px;border:2px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-2),var(--bg-soft) 50%),var(--surface);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--line);backdrop-filter:blur(14px) saturate(150%)}.game-head__label{font-family:var(--font-display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);margin-right:8px;font-weight:700}.game-head__score{font-family:var(--font-display);font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--sun);text-shadow:0 2px 0 rgba(0,0,0,.45);animation:pop .38s ease both}.game-head__right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.q__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.q__index{font-family:var(--font-display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sun);font-weight:800}.q__score{font-size:14px;color:var(--text-dim)}.q__score strong{font-family:var(--font-display);color:var(--text);font-weight:800}.timer{margin-bottom:20px}.timer__bar{height:12px;border-radius:999px;background:var(--surface);border:2px solid var(--line);overflow:hidden}.timer__fill{height:100%;width:100%;border-radius:999px;transform-origin:left center;background:linear-gradient(90deg,var(--good-soft),var(--good));box-shadow:0 0 14px #22e3d68c;transition:background .26s ease}.timer__bar--warn .timer__fill{background:linear-gradient(90deg,var(--brand-soft),var(--warn));box-shadow:0 0 14px #ffb23d99}.timer__bar--urgent .timer__fill{background:linear-gradient(90deg,var(--bad-soft),var(--bad));box-shadow:0 0 16px #ff4d5eb3}.timer__label{display:block;font-family:var(--font-display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--text-mute);margin-bottom:6px}.timer__value{display:flex;align-items:center;gap:10px;margin-top:9px}.timer__seconds{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.timer__seconds--urgent{color:var(--bad);font-weight:800;animation:pop .4s ease both}.ring{width:34px;height:34px;transform:rotate(-90deg);flex:none}.ring__track{fill:none;stroke:var(--surface);stroke-width:4.5}.ring__value{fill:none;stroke:var(--aqua);stroke-width:4.5;stroke-linecap:round;transition:stroke .26s ease}.ring--urgent .ring__value{stroke:var(--bad)}.ring--warn .ring__value{stroke:var(--brand)}.q__prompt{font-size:clamp(1.35rem,4vw,1.85rem);font-weight:700;margin-bottom:20px;line-height:1.25}.q__prompt--result{font-size:clamp(1.05rem,3vw,1.3rem);color:var(--text-dim);margin-bottom:14px}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:20px;border:2px solid var(--line-strong);background:linear-gradient(180deg,var(--surface-2),var(--bg-soft) 55%),#180734bf;text-align:left;font-family:var(--font-display);font-size:17px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .11s ease,box-shadow .11s ease,border-color .14s ease,background .14s ease;animation:rise .26s ease both}.option:nth-child(2){animation-delay:45ms}.option:nth-child(3){animation-delay:90ms}.option:nth-child(4){animation-delay:135ms}.option:hover:not(:disabled){border-color:var(--sun);transform:translateY(-3px);box-shadow:var(--shadow-sm)}.option:active:not(:disabled){transform:translateY(2px);box-shadow:var(--shadow-sm)}.option:disabled{cursor:default;opacity:.72}.option--picked{border-color:var(--sun);background:#ffd23f2e;opacity:1;animation:pulse-ring 1.6s ease-out infinite}.option--static{cursor:default}.option--correct{border-color:transparent;background:var(--good);color:var(--good-deep);opacity:1;box-shadow:0 5px 0 var(--good-deep),0 14px 26px #3ce07c66;animation:pop .42s ease both}.option--wrong{border-color:transparent;background:var(--bad);color:var(--text);opacity:1;box-shadow:0 5px 0 var(--bad-deep);animation:shake .42s ease both}.option__key{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:12px;background:var(--bg-soft);border:2px solid var(--line-strong);font-family:var(--font-display);font-size:15px;font-weight:800}.option:nth-child(1) .option__key{background:var(--surface-2);border-color:transparent;color:var(--text)}.option:nth-child(2) .option__key{background:var(--brand-soft);border-color:transparent;color:var(--text)}.option:nth-child(3) .option__key{background:var(--surface-2);border-color:transparent;color:var(--text)}.option:nth-child(4) .option__key{background:var(--brand-soft);border-color:transparent;color:var(--text)}.option.option--correct .option__key,.option.option--wrong .option__key{background:var(--surface);border-color:#0000002e;color:var(--text)}.option__text{flex:1 1 auto;min-width:0}.option__flag{font-family:var(--font-display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--text-dim);flex:none}.option__flag--good{color:var(--good-deep)}.option__flag--bad{color:var(--text)}.q__foot{display:flex;flex-direction:column;gap:14px;margin-top:20px}.result__fact{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px 16px 52px;border-radius:20px;border:2px solid var(--line);background:linear-gradient(180deg,rgba(255,210,63,.12),transparent 70%),#180734b3;margin:6px 0 18px}.result__fact:before{content:"💡";position:absolute;left:16px;top:15px;font-size:20px}.result__answer{color:var(--good);font-weight:800}.result__wrong{color:var(--bad);font-weight:800}.result__text{color:var(--text)}.result__source{font-style:italic;color:var(--text-mute)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-family:var(--font-display);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);padding:9px 10px;border-bottom:2px solid var(--line-strong);font-weight:700}.table td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.row--me{background:var(--brand-soft)}.row--good td{background:var(--good-soft)}.table-wrap{overflow-x:auto}.banner{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:6px 0 20px}.banner--flat{padding-bottom:16px}.banner__crest{font-size:56px;line-height:1;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4));animation:bob 3.6s ease-in-out infinite}.banner__title{font-size:clamp(1.7rem,6vw,2.4rem);font-weight:800;letter-spacing:-.01em}.banner__sub{color:var(--text-dim)}.gameover--win:before,.gameover--win:after{content:"";position:absolute;inset:-20% 0 0;pointer-events:none;background-image:radial-gradient(ellipse 5px 2.5px at 14px 16px,var(--sun) 99%,transparent 100%),radial-gradient(ellipse 2.5px 5px at 62px 44px,var(--brand-strong) 99%,transparent 100%),radial-gradient(circle 3.2px at 34px 78px,var(--aqua) 99%,transparent 100%),radial-gradient(ellipse 6px 2px at 88px 22px,#ffffff 99%,transparent 100%),radial-gradient(circle 2.4px at 52px 8px,var(--grape) 99%,transparent 100%),radial-gradient(ellipse 2px 4.5px at 6px 58px,var(--brand-strong) 99%,transparent 100%);background-size:104px 96px,132px 118px,118px 142px,156px 104px,96px 126px,142px 88px;background-repeat:repeat;animation:confetti-fall 6s linear infinite;opacity:.95;-webkit-mask-image:radial-gradient(115% 78% at 50% 46%,transparent 30%,#000 76%);mask-image:radial-gradient(115% 78% at 50% 46%,transparent 30%,#000 76%)}.gameover--win:after{animation-duration:5.6s;animation-delay:-2.1s;opacity:.65}body:has(.gameover--win):after{content:"";position:fixed;inset:-20% 0 0;z-index:0;pointer-events:none;background-image:radial-gradient(ellipse 5px 2.5px at 14px 16px,var(--sun) 99%,transparent 100%),radial-gradient(circle 3px at 44px 58px,var(--aqua) 99%,transparent 100%),radial-gradient(ellipse 2.5px 5px at 78px 30px,var(--brand-strong) 99%,transparent 100%),radial-gradient(ellipse 6px 2px at 26px 84px,#ffffff 99%,transparent 100%);background-size:120px 108px,146px 132px,168px 118px,132px 156px;animation:confetti-fall 8s linear infinite;opacity:.55}.gameover--win .standings,.gameover--win .banner,.gameover--win .row,.gameover--practice .standings,.gameover--practice .banner,.gameover--practice .row{position:relative;z-index:1}.standings{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.standings__row{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--line);border-radius:20px;background:#180734b3;animation:rise .3s ease both}.standings__row:nth-child(2){animation-delay:60ms}.standings__row:nth-child(3){animation-delay:.12s}.standings__row:nth-child(4){animation-delay:.18s}.standings__row--me{border-color:var(--sun);background:linear-gradient(180deg,#ffd23f29,#180734b3)}.standings__rank{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--text-dim);text-align:center}.standings__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.standings__score{font-family:var(--font-display);font-weight:800;font-size:21px;font-variant-numeric:tabular-nums;color:var(--sun)}@media(max-width:820px){.home__body{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.app{padding-right:max(12px,env(safe-area-inset-right,0px));padding-left:max(12px,env(safe-area-inset-left,0px))}body{font-size:15px}.card{padding:16px;border-radius:20px}.card--hero:after{display:none}.card--hero:before{display:none}.btn{padding:12px 18px}.btn--lg{padding:14px 24px;font-size:17px}.name-form{flex-direction:column;align-items:stretch}.name-form .row{display:grid;grid-template-columns:1fr}.stats{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.lb__row,.lb__head{grid-template-columns:22px minmax(0,1fr) auto}.lb__games{display:none}.lb__head span:nth-child(3){display:none}.table th:nth-child(3),.table td:nth-child(3){display:none}.standings__row{grid-template-columns:40px minmax(0,1fr) auto}.standings__detail{display:none}.who{max-width:38vw}.game-head__score{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.gameover--win:before,.gameover--win:after{display:none}}.btn--sm{padding:9px 16px;font-size:14px;border-radius:14px;box-shadow:var(--shadow-sm)}.account{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding:14px 16px;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.account__line{font-family:var(--font-display);font-size:15px;color:var(--text-dim);overflow-wrap:anywhere}.account__line strong{color:var(--text)}.auth__providers{display:flex;flex-direction:column;gap:10px}.auth__providers .btn{width:100%}.auth__test{padding:12px 14px;border:2px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface)}.auth__test>summary{cursor:pointer;font-family:var(--font-display);font-weight:700;color:var(--text-dim);list-style:none}.auth__test>summary::-webkit-details-marker{display:none}.auth__test>summary:before{content:"+ ";color:var(--sun)}.auth__test[open]>summary{margin-bottom:12px;color:var(--text)}.auth__test .stack{gap:12px}@media(max-width:480px){.account .row{display:grid;grid-template-columns:minmax(0,1fr)}.account .row .btn{width:100%}}.install{position:fixed;z-index:40;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(620px,calc(100vw - 24px));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px 14px 14px;border-radius:22px;border:2px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(14px);animation:install-in .34s cubic-bezier(.2,.9,.3,1.35)}@keyframes install-in{0%{opacity:0;transform:translate(-50%,18px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.install__icon{width:52px;height:52px;border-radius:14px;box-shadow:0 6px 14px #00000080}.install__text{min-width:0;display:grid;gap:3px;padding-right:24px}.install__title{margin:0;font-family:var(--font-display);font-weight:800;font-size:17px;line-height:1.2;color:var(--text)}.install__body{margin:0;font-size:13.5px;line-height:1.35;color:var(--text-dim)}.install__hint{margin:2px 0 0;display:flex;align-items:baseline;gap:6px;font-size:12.5px;line-height:1.3;color:var(--sun)}.install__glyph{font-size:15px;line-height:1}.install__go{white-space:nowrap}.install__close{position:absolute;top:8px;right:10px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text-mute);font-size:21px;line-height:1;cursor:pointer;transition:color .14s ease,background .14s ease}.install__close:hover{color:var(--text);background:var(--surface-2)}@media(max-width:560px){.install{grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:12px 14px}.install__go{grid-column:1 / -1;width:100%;min-height:46px}.install__text{padding-right:20px}.install__icon{width:44px;height:44px;border-radius:12px}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior-y:none}button,.btn,.option,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn,.option,.brand,.install,.install__close,.timer{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(orientation:landscape)and (max-height:540px){.main{padding:2px 0 10px}.screen{gap:10px}.topbar{padding-top:calc(6px + env(safe-area-inset-top,0px));padding-bottom:4px}.game-head{padding:8px 12px;gap:10px}.card--question{padding:12px}.timer{display:flex;align-items:center;gap:10px;margin-bottom:8px}.timer__label{display:none}.timer__bar{flex:1 1 auto;height:10px}.timer__value{margin-top:0}.timer__seconds{font-size:15px}.ring{width:26px;height:26px}.q__prompt{font-size:1.15rem;margin-bottom:10px}.options{grid-template-columns:1fr 1fr;gap:8px}.option{padding:9px 12px;gap:10px;font-size:14.5px;border-radius:14px}.option__key{width:26px;height:26px;border-radius:9px;font-size:13px}.sitefoot{display:none}}.installcta{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border:2px solid var(--brand);border-radius:999px;background:var(--brand-soft);backdrop-filter:blur(10px) saturate(150%);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.installcta:hover{transform:translateY(-1px);box-shadow:0 8px 18px #ff2d7852}.installcta:active{transform:translateY(0)}.installcta:focus-visible{outline:3px solid var(--brand-strong);outline-offset:2px}.installcta__icon{display:block;border-radius:5px;flex:none}@media(max-width:379px){.installcta{padding:7px}.installcta__label{display:none}}@media(display-mode:standalone){.install,.installcta{display:none}}.btn--friends{background:var(--surface-2);border-color:var(--line-strong);color:var(--text);box-shadow:var(--shadow-sm)}.btn--friends:hover:not(:disabled){box-shadow:var(--shadow)}.friendcta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:7px 14px;border:2px solid var(--aqua);border-radius:999px;background:#22e3d629;backdrop-filter:blur(10px) saturate(150%);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.friendcta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #22e3d647}.friendcta:active:not(:disabled){transform:translateY(0)}.friendcta:focus-visible{outline:3px solid var(--aqua);outline-offset:2px}.friendcta__icon{font-size:17px;line-height:1}.friendcta__badge{position:absolute;top:-7px;right:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--brand);color:var(--text);font-size:11px;font-weight:800;box-shadow:0 3px 8px #00000080}.hero__friends{margin-top:12px}.invites{display:grid;gap:12px}.invites__item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--aqua);border-radius:var(--radius-sm);background:linear-gradient(180deg,rgba(34,227,214,.18),var(--surface));box-shadow:var(--shadow-sm);animation:rise .3s ease both}.invites__text{min-width:0;overflow-wrap:anywhere;font-size:15px}.invites__crest{font-size:18px}.invites__actions{display:flex;flex-wrap:wrap;gap:8px}.friends{max-width:720px}.friends__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.linkbox,.roombox,.pushbox{padding:14px 16px;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.linkbox__url{font-family:var(--mono);font-size:14px;padding:11px 13px}.linkbox__actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 8px}.linkbox__actions .btn,.invites__actions .btn,.friends__actions .btn,.friends__head .btn,.roombox .btn,.invitelist__row .btn,.invitelist__head .btn{min-height:44px}.roombox__open,.roombox__closed{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.roombox__open p,.roombox__closed p{flex:1 1 240px;min-width:0}.roombox__code{font-family:var(--mono);letter-spacing:.06em;color:var(--sun)}.friends__empty{padding:16px;border:2px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-dim);font-size:14.5px}.friends__list{display:grid;gap:10px}.friends__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:12px 14px;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.friends__who{display:grid;gap:2px;min-width:0}.friends__name{font-family:var(--font-display);font-weight:800;font-size:16px;overflow-wrap:anywhere}.friends__actions{display:flex;flex-wrap:wrap;gap:8px}.friends__hint{grid-column:1 / -1}.room{max-width:720px}.room__code{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.room__codevalue{font-family:var(--mono);font-size:26px;letter-spacing:.14em;color:var(--sun);overflow-wrap:anywhere}.room__start{display:grid;gap:8px;justify-items:start}.invitelist__head{display:flex;align-items:baseline;gap:12px}.invitelist__list{display:grid;gap:8px}.invitelist__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.invitelist__name{font-weight:700;overflow-wrap:anywhere}.gameover__note{margin-top:14px;text-align:center}@media(max-width:560px){.friendcta{padding:7px;min-width:44px}.friendcta__label{display:none}}@media(max-width:480px){.invites__item,.friends__row{grid-template-columns:minmax(0,1fr)}.invites__actions,.friends__actions{width:100%}.invites__actions .btn,.friends__actions .btn,.linkbox__actions .btn{flex:1 1 auto}.room__codevalue{font-size:22px}}.topbar__right,.who{min-width:0}@media(max-width:380px){.topbar,.topbar__right{gap:8px}}.pushbox{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.pushbox .btn{min-height:44px}.pushbox .label{margin-bottom:0}.sitefoot__links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:8px}.auth__consent{margin:0;text-align:center}.legal{max-width:760px;margin:0 auto}.legal__panel{padding:24px 26px 20px;text-align:left}.legal__head{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:4px}.legal__title{margin:0 0 4px;font-size:1.6rem}.legal__body h3{margin:22px 0 8px;font-size:1rem;color:var(--sun)}.legal__body p,.legal__body li{color:var(--text-dim);font-size:14.5px;line-height:1.6}.legal__body p{margin:0 0 10px}.legal__body ul{margin:0 0 10px;padding-left:20px}.legal__body li{margin-bottom:6px}.legal__foot{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}