@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}:root{--void: #12042a;--bg: #20083f;--bg-soft: rgba(255, 255, 255, .05);--surface: rgba(58, 20, 104, .62);--surface-2: rgba(255, 255, 255, .09);--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .24);--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(8, 2, 24, .55);--shadow-sm: 0 10px 22px rgba(8, 2, 24, .4);--pop: 0 4px 0 rgba(8, 2, 24, .45);--font-display: "Baloo 2", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;color-scheme:dark}*,*: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(900px 620px at 6% -12%,rgba(255,45,120,.5),transparent 62%),radial-gradient(820px 560px at 102% -4%,rgba(34,227,214,.34),transparent 60%),radial-gradient(940px 700px at 52% 118%,rgba(255,145,40,.34),transparent 62%),linear-gradient(168deg,#24093f,#33104f 42%,#450c4d 72%,#5b0d45);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:-35vmax;z-index:0;pointer-events:none;opacity:.6;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.05) 0deg 7deg,transparent 7deg 14deg);-webkit-mask-image:radial-gradient(closest-side,#000 10%,transparent 76%);mask-image:radial-gradient(closest-side,#000 10%,transparent 76%);animation:sunburst 120s linear infinite}h1,h2,h3{margin:0;line-height:1.15;font-family:var(--font-display);letter-spacing:-.01em}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:8px}@keyframes sunburst{to{transform:rotate(360deg)}}@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:0 16px}.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:16px 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:linear-gradient(150deg,var(--brand-strong),var(--sun) 92%);font-family:var(--font-display);font-weight:800;font-size:19px;color:#2b0320;transform:rotate(-6deg);box-shadow:0 6px 0 var(--brand-deep),0 12px 20px #ff2d7866}.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 24px;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,#ffffff1f,#ffffff05 46%),var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow),inset 0 1px #ffffff24;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,#ffffff21,#ffffff05 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;background:linear-gradient(94deg,var(--sun) 4%,#ff7ac2 48%,#7ef9ff 96%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;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:#12042ab8;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:#12042ae6;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(8,2,24,.3);background:linear-gradient(180deg,#5a2694,#40156f);font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.01em;cursor:pointer;box-shadow:0 5px #08021880,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:0 7px #08021880,0 16px 28px #08021866}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #08021880}.btn:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.6)}.btn--primary{background:linear-gradient(180deg,#ff5fa2,#e81f6d 52%,#b60c48);border-color:#48021e80;color:#fff;text-shadow:0 1px 0 rgba(97,0,38,.45);box-shadow:0 5px 0 var(--brand-deep),0 14px 26px #ff2d7866}.btn--primary:hover:not(:disabled){box-shadow:0 7px 0 var(--brand-deep),0 18px 32px #ff2d7880}.btn--cat{background:linear-gradient(180deg,var(--cat-from, #ff5fa2),var(--cat-to, #b60c48));border-color:#08021866;color:var(--cat-ink, #fff);text-shadow:none;box-shadow:0 5px #0802186b,0 14px 26px #08021859}.btn--cat:hover:not(:disabled){box-shadow:0 7px #0802186b,0 18px 32px #0802186b}.btn--accent{background:linear-gradient(180deg,#ffe07a,var(--sun) 54%,#f0a90a);border-color:#4d300073;color:#43220a;box-shadow:0 5px 0 var(--sun-deep),0 14px 26px #ffb21457}.btn--accent:hover:not(:disabled){box-shadow:0 7px 0 var(--sun-deep),0 18px 30px #ffb21470}.btn--ghost{background:#ffffff17;border-color:#ffffff57;color:#ece2fb;box-shadow:0 4px #08021859}.btn--ghost:hover:not(:disabled){color:var(--text);background:#ffffff1f}.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: #fff;position:relative;display:flex;flex-direction:column;height:100%;border:2px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff1f,#ffffff05 48%),var(--surface);box-shadow:var(--shadow),inset 0 1px #ffffff1f;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 #08021899,inset 0 1px #ffffff29}.cat-card--selected{border-color:transparent;box-shadow:0 0 0 3px var(--cat-from),0 26px 50px #08021899}.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:0 6px #08021859,0 12px 22px #08021859;margin-bottom:6px}.cat-card__name{font-family:var(--font-display);font-size:21px;font-weight:800}.cat-card__count{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__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:#08021859;color:var(--cat-ink);box-shadow:0 5px #0802186b,0 12px 22px #0802184d;text-shadow:0 1px 0 rgba(0,0,0,.18)}.cat-card__play:hover:not(:disabled){box-shadow:0 7px #0802186b,0 16px 26px #0802185c}.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}.tab{padding:7px 14px;border-radius:999px;border:2px solid var(--line);background:#ffffff0d;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:#fff;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:#3a2202;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:#12042a8c;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:#12042ab3;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:#ffffff12;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:#052b19;border-color:transparent;background:var(--good);box-shadow:0 3px 0 var(--good-deep);animation:pulse-ring 2s ease-out infinite}.pill--good{color:#042b18;border-color:transparent;background:var(--good);box-shadow:0 3px 0 var(--good-deep)}.pill--bad{color:#fff;border-color:transparent;background:var(--bad);box-shadow:0 3px 0 var(--bad-deep)}.notice{border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;border:2px solid var(--line-strong);background:#12042a99;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:#ffdfe3;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,#ffffff21,#ffffff05 50%),var(--surface);box-shadow:var(--shadow-sm),inset 0 1px #ffffff24;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(8,2,24,.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:#12042abf;border:2px solid var(--line);overflow:hidden}.timer__fill{height:100%;width:100%;border-radius:999px;transform-origin:left center;background:linear-gradient(90deg,#2ad0c4,var(--aqua));box-shadow:0 0 14px #22e3d68c;transition:background .26s ease}.timer__bar--warn .timer__fill{background:linear-gradient(90deg,#ffd166,#ffb23d);box-shadow:0 0 14px #ffb23d99}.timer__bar--urgent .timer__fill{background:linear-gradient(90deg,#ffab3d,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:#12042ad9;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:#ffb23d}.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 rgba(255,255,255,.32);background:linear-gradient(180deg,#ffffff1a,#ffffff05 55%),#180734bf;text-align:left;font-family:var(--font-display);font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 5px #08021866;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:0 8px #08021866,0 16px 26px #08021859}.option:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #08021866}.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:linear-gradient(180deg,#6bf0a1,var(--good) 55%,#24b562);color:#04240f;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:linear-gradient(180deg,#ff8b96,var(--bad) 55%,#d5202f);color:#fff;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:#ffffff1f;border:2px solid var(--line-strong);font-family:var(--font-display);font-size:15px;font-weight:800}.option:nth-child(1) .option__key{background:linear-gradient(150deg,#4be0ff,#1a9fd6);border-color:transparent;color:#032330}.option:nth-child(2) .option__key{background:linear-gradient(150deg,#ffd86b,#f0a90a);border-color:transparent;color:#3a2202}.option:nth-child(3) .option__key{background:linear-gradient(150deg,#ff9ec7,#ef3d84);border-color:transparent;color:#3d0420}.option:nth-child(4) .option__key{background:linear-gradient(150deg,#c79bff,#8b3ff0);border-color:transparent;color:#23033d}.option.option--correct .option__key,.option.option--wrong .option__key{background:#ffffffe6;border-color:#0000002e;color:#1b0630}.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:#04240f}.option__flag--bad{color:#fff}.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,#ff9ec7 99%,transparent 100%);background-size:104px 96px,132px 118px,118px 142px,156px 104px,96px 126px,142px 88px;background-repeat:repeat;animation:confetti-fall 3.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 5.2s 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:0 12px}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:0 3px #08021859}.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:#12042a80}.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:#12042a66}.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%}}
