:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f4ee;--bg-accent:#ece6ff;--surface:#fff;--surface-2:#f3efe8;--text:#1b2130;--muted:#667085;--border:#e6e0d6;--primary:#5b4bdb;--primary-strong:#4a3bc4;--primary-soft:#ece9ff;--on-primary:#fff;--accent:#ff7a45;--ok:#16a34a;--ok-soft:#dcfce7;--ko:#dc2626;--ko-soft:#fee2e2;--select:#f59e0b;--timeout:#64748b;--ocean:#cfe7f6;--ocean-deep:#b7dbf1;--graticule:#ffffff8c;--land:#fffaf1;--land-hover:#f3e6cf;--land-stroke:#b8a78d;--land-inert:#e4ddd1;--map-ok:#22c55e;--map-ko:#ef4444;--cat-animals:#16a34a;--cat-food:#ea580c;--cat-movies:#7c3aed;--cat-music:#db2777;--cat-inventions:#0284c7;--cat-traditions:#ca8a04;--radius:18px;--radius-sm:12px;--shadow:0 10px 30px #1b21301a;--shadow-sheet:0 -8px 30px #1b21302e;--font:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1422;--bg-accent:#1b1a3a;--surface:#171d2e;--surface-2:#20283c;--text:#eef1f8;--muted:#9aa4b8;--border:#2a334a;--primary:#8b7dff;--primary-strong:#a397ff;--primary-soft:#262447;--on-primary:#0f1422;--ok-soft:#10331f;--ko-soft:#3a1618;--ocean:#0d2238;--ocean-deep:#0a1b2d;--graticule:#8cb4dc1f;--land:#2c3650;--land-hover:#3a4666;--land-stroke:#56627f;--land-inert:#252d42;--shadow:0 10px 30px #00000059;--shadow-sheet:0 -8px 30px #00000073}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1422;--bg-accent:#1b1a3a;--surface:#171d2e;--surface-2:#20283c;--text:#eef1f8;--muted:#9aa4b8;--border:#2a334a;--primary:#8b7dff;--primary-strong:#a397ff;--primary-soft:#262447;--on-primary:#0f1422;--ok-soft:#10331f;--ko-soft:#3a1618;--ocean:#0d2238;--ocean-deep:#0a1b2d;--graticule:#8cb4dc1f;--land:#2c3650;--land-hover:#3a4666;--land-stroke:#56627f;--land-inert:#252d42;--shadow:0 10px 30px #00000059;--shadow-sheet:0 -8px 30px #00000073}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:16px;line-height:1.45}button,input{font:inherit;color:inherit}[hidden]{display:none!important}h1,h2,h3,p{margin:0}#app{height:100dvh;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;animation:.28s ease-out screen-in;position:absolute;inset:0;overflow-y:auto}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.btn{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:14px;justify-content:center;align-items:center;gap:.45em;min-height:48px;padding:.7em 1.2em;font-weight:700;transition:transform .12s,background-color .2s,box-shadow .2s,opacity .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,.icon-btn:focus-visible,.level:focus-visible,.segmented button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 16px color-mix(in srgb, var(--primary) 35%, transparent)}.btn--primary:hover{background:var(--primary-strong)}.btn--secondary{background:var(--primary-soft);color:var(--primary-strong)}.btn--ghost{color:var(--muted);background:0 0}.btn--ghost:hover{background:var(--surface-2)}.btn--danger{background:var(--ko);color:#fff}.btn--xl{border-radius:18px;min-height:58px;font-size:1.15rem}.btn--small{min-height:40px;padding:.5em .9em;font-size:.9rem}.btn--block{width:100%}.icon-btn{background:var(--surface-2);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.15rem;font-weight:700;display:grid}.icon-btn:active{transform:scale(.94)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card__title{margin-bottom:12px;font-size:1.05rem}.screen--home{background:radial-gradient(120% 60% at 50% 0%, var(--bg-accent), var(--bg) 70%)}.home{max-width:520px;padding:calc(28px + var(--safe-top)) 16px calc(28px + var(--safe-bottom));gap:16px;margin:0 auto;display:grid}.lang-picker{top:calc(12px + var(--safe-top));z-index:1;background:var(--surface);min-height:40px;box-shadow:var(--shadow);color:var(--text);border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-size:.9rem;font-weight:800;display:inline-flex;position:absolute;right:12px}.lang-picker__icon{color:var(--primary)}.lang-picker__chevron{color:var(--muted)}.lang-picker__select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.lang-picker:focus-within{outline:3px solid var(--primary);outline-offset:2px}@media (width<=360px){.home{padding-top:calc(60px + var(--safe-top))}}.hero{text-align:center;padding:8px 0 4px}.hero__globe{font-size:64px;line-height:1;animation:6s ease-in-out infinite spin-float;display:inline-block}@keyframes spin-float{50%{transform:translateY(-6px)rotate(-8deg)}}.hero__title{letter-spacing:-.02em;background:linear-gradient(90deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,9vw,2.6rem);font-weight:900}.hero__tagline{color:var(--muted);font-weight:600}.levels{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.level{border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:center;touch-action:manipulation;border-radius:16px;justify-items:center;gap:2px;padding:12px 6px;transition:border-color .2s,background-color .2s,transform .12s;display:grid}.level:active{transform:scale(.97)}.level__emoji{font-size:1.7rem}.level__name{font-weight:800}.level__desc{color:var(--muted);font-size:.75rem;line-height:1.25}.level__record{color:var(--primary-strong);margin-top:4px;font-size:.72rem;font-weight:700}.level[aria-checked=true]{border-color:var(--primary);background:var(--primary-soft)}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.switch-row__text{display:grid}.switch-row small{color:var(--muted);font-size:.82rem;line-height:1.3}.switch{appearance:none;background:var(--border);cursor:pointer;border-radius:99px;flex:none;width:52px;height:32px;margin:0;transition:background-color .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003}.switch:checked{background:var(--primary)}.switch:checked:after{transform:translate(20px)}.switch:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.card--play .btn--xl{margin-top:6px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 12px}.stat__value{font-size:1.35rem;font-weight:800;display:block}.stat__label{color:var(--muted);font-size:.8rem}.category-stats{margin-top:12px}.category-stats summary{cursor:pointer;color:var(--primary-strong);padding:6px 0;font-weight:700}.cat-row{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;margin-top:8px;font-size:.9rem;display:grid}.cat-row__bar{background:var(--surface-2);border-radius:99px;grid-column:1/-1;height:8px;overflow:hidden}.cat-row__bar span{border-radius:inherit;background:var(--cat,var(--primary));height:100%;display:block}.muted{color:var(--muted);font-size:.9rem}.setting{justify-content:space-between;align-items:center;gap:12px;padding:6px 0 10px;display:flex}.segmented{background:var(--surface-2);border-radius:12px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 12px;font-size:.88rem;font-weight:700}.segmented button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000001f}.install{margin:8px 0}.install__ios{color:var(--muted);background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 12px;font-size:.85rem}#btn-reset-stats{margin-top:4px}.screen--game{background:var(--bg);touch-action:pan-y;flex-direction:column;display:flex;overflow:hidden}.game-top{padding:calc(8px + var(--safe-top)) 12px 6px;align-items:center;gap:10px;display:flex}.progress{flex:1;justify-items:center;gap:4px;display:grid}.progress__dots{gap:4px;display:flex}.progress__dot{background:var(--border);border-radius:50%;width:10px;height:10px;transition:background-color .3s,transform .3s}.progress__dot.is-current{background:var(--primary);transform:scale(1.25)}.progress__dot.is-correct{background:var(--ok)}.progress__dot.is-wrong{background:var(--ko)}.progress__dot.is-timeout{background:var(--timeout)}.progress__text{color:var(--muted);font-size:.78rem;font-weight:700}.score-pill{background:var(--surface);min-width:64px;box-shadow:var(--shadow);border-radius:14px;justify-items:end;padding:4px 12px;display:grid}.score-pill__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.65rem;font-weight:700}.score-pill__value{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:900}.score-pill.bump{animation:.45s bump}@keyframes bump{40%{transform:scale(1.15)}}.timer{background:var(--surface-2);border-radius:99px;height:8px;margin:2px 12px 0;position:relative;overflow:hidden}.timer__bar{border-radius:inherit;background:linear-gradient(90deg, var(--ok), #84cc16);transform-origin:0;width:100%;height:100%}.timer.is-low .timer__bar{background:linear-gradient(90deg, var(--ko), var(--select))}.timer__label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.question{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border-left:6px solid var(--cat,var(--primary));margin:10px 12px;padding:14px 16px}.question.enter{animation:.35s cubic-bezier(.2,.9,.3,1.2) question-in}@keyframes question-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}}.chip{background:color-mix(in srgb, var(--cat,var(--primary)) 14%, transparent);color:var(--cat,var(--primary));border-radius:99px;padding:2px 10px;font-size:.75rem;font-weight:800;display:inline-block}.question__text{margin-top:6px;font-size:clamp(1.05rem,4.6vw,1.3rem);font-weight:800;line-height:1.3}.map-area{background:var(--ocean-deep);flex:1;min-height:0;position:relative;overflow:hidden}.map{position:absolute;inset:0}.world-map__svg{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;display:block}.world-map__svg:active{cursor:grabbing}.sphere{fill:var(--ocean);stroke:none}.graticule{fill:none;stroke:var(--graticule);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.country{fill:var(--land);stroke:var(--land-stroke);stroke-width:.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .25s}.country--inert{fill:var(--land-inert);pointer-events:none}@media (hover:hover){.world-map:not(.world-map--locked) .country:not(.country--inert):hover{fill:var(--land-hover)}}.country.is-candidate{fill:color-mix(in srgb, var(--select) 35%, var(--land))}.country.is-selected,.world-map:not(.world-map--locked) .country.is-selected:hover{fill:var(--select);stroke:#b45309;stroke-width:1.5px}.country.is-correct{fill:var(--map-ok);stroke:#166534;stroke-width:1.5px;animation:1.4s ease-in-out infinite pulse-stroke}.country.is-wrong{fill:var(--map-ko);stroke:#991b1b;stroke-width:1.5px;animation:.5s 2 flash}@keyframes pulse-stroke{50%{stroke-width:4px}}@keyframes flash{50%{fill-opacity:.35}}.marker{fill:var(--land);stroke:var(--land-stroke);stroke-width:1.2px;vector-effect:non-scaling-stroke;pointer-events:none}.marker--hidden{display:none}.marker.is-candidate{fill:color-mix(in srgb, var(--select) 45%, var(--land))}.marker.is-selected{fill:var(--select);stroke:#b45309;stroke-width:2px}.marker.is-correct{fill:var(--map-ok);stroke:#166534;stroke-width:2px;animation:1.4s ease-in-out infinite pulse-stroke}.marker.is-wrong{fill:var(--map-ko);stroke:#991b1b;stroke-width:2px}.world-map__labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.map-label{white-space:nowrap;color:#fff;border-radius:99px;padding:3px 9px;font-size:.8rem;font-weight:800;animation:.35s ease-out label-in;position:absolute;top:0;left:0;box-shadow:0 3px 10px #00000040}.map-label--correct{background:var(--ok)}.map-label--wrong{background:var(--ko)}@keyframes label-in{0%{opacity:0}}.map-controls{gap:8px;display:grid;position:absolute;top:10px;right:10px}.icon-btn--map{background:var(--surface);box-shadow:var(--shadow);color:var(--text)}.btn--float{background:var(--surface);min-height:44px;color:var(--text);box-shadow:var(--shadow);padding:.5em .95em;font-size:.9rem;position:absolute;top:10px;left:10px}.map-hint{left:12px;right:12px;bottom:calc(14px + var(--safe-bottom));background:color-mix(in srgb, var(--surface) 88%, transparent);width:fit-content;box-shadow:var(--shadow);color:var(--muted);text-align:center;pointer-events:none;border-radius:99px;margin:0 auto;padding:6px 14px;font-size:.82rem;font-weight:700;transition:opacity .3s;position:absolute}.map-loading{background:var(--ocean);color:var(--muted);place-content:center;justify-items:center;gap:12px;font-weight:700;display:grid;position:absolute;inset:0}.spinner{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sheet{left:8px;right:8px;bottom:calc(8px + var(--safe-bottom));background:var(--surface);max-width:560px;box-shadow:var(--shadow-sheet);z-index:2;border-radius:22px;margin:0 auto;padding:16px;animation:.32s cubic-bezier(.2,.9,.3,1.1) sheet-in;position:absolute}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}.sheet__title{margin-bottom:10px;font-weight:800}.sheet--confirm{justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 18px;display:flex}.confirm__info{min-width:0;display:grid}.confirm__info small{color:var(--muted);font-size:.75rem;font-weight:700}.confirm__info strong{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;overflow:hidden}.chooser__list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.chooser__item{background:var(--surface-2);min-height:48px;color:var(--text);text-align:left;justify-content:flex-start;padding:.6em .9em;font-weight:700}.chooser__actions{justify-content:space-between;margin-top:8px;display:flex}.sheet--feedback{gap:10px;max-height:70%;display:grid;overflow-y:auto}.sheet--feedback #btn-next{position:sticky;bottom:0}.feedback__head{align-items:center;gap:12px;display:flex}.feedback__icon{border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:1.6rem;animation:.45s cubic-bezier(.2,.9,.3,1.5) pop;display:grid}.sheet--feedback.is-correct .feedback__icon{background:var(--ok-soft)}.sheet--feedback.is-wrong .feedback__icon{background:var(--ko-soft);animation:.45s shake}.sheet--feedback.is-timeout .feedback__icon{background:var(--surface-2);animation:.45s shake}.feedback__titles{flex:1;min-width:0}.feedback__title{font-size:1.25rem;font-weight:900}.is-correct .feedback__title{color:var(--ok)}.is-wrong .feedback__title{color:var(--ko)}.feedback__answer{font-weight:700}.feedback__picked{color:var(--muted);font-size:.9rem}.feedback__points{text-align:right;color:var(--ok);flex:none;font-size:1.2rem;font-weight:900;animation:.7s ease-out float-up}.feedback__points small{color:var(--muted);font-size:.7rem;font-weight:700;display:block}@keyframes pop{0%{transform:scale(.3)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes float-up{0%{opacity:0;transform:translateY(14px)scale(.8)}}.fact{border-radius:var(--radius-sm);background:var(--surface-2);padding:12px 14px}.fact__title{font-size:.85rem}.fact__text{margin-top:4px;font-size:.95rem}.screen--end{background:radial-gradient(120% 50% at 50% 0%, var(--bg-accent), var(--bg) 70%)}.end{max-width:520px;padding:calc(24px + var(--safe-top)) 16px calc(28px + var(--safe-bottom));gap:16px;margin:0 auto;display:grid;position:relative}.end__hero{text-align:center;justify-items:center;gap:4px;display:grid}.end__level{color:var(--muted);font-weight:800}.end__title{font-size:1.8rem;font-weight:900}.end__score{color:var(--primary-strong);font-variant-numeric:tabular-nums;font-size:3.4rem;font-weight:900;line-height:1.1}.end__score small{color:var(--muted);font-size:1rem}.end__correct{font-weight:700}.end__record{color:var(--muted);font-size:.85rem}.end__rating{margin-top:6px;font-weight:600}.badge--record{color:#7c2d12;background:linear-gradient(90deg,#fde68a,#fdba74);border-radius:99px;padding:6px 14px;font-weight:900;animation:.5s cubic-bezier(.2,.9,.3,1.6) pop}.share-text{border-radius:var(--radius-sm);background:var(--surface-2);white-space:pre-wrap;-webkit-user-select:all;user-select:all;text-align:center;margin:0 0 12px;padding:14px;font-family:inherit;font-size:1rem;line-height:1.5}.share-actions{grid-template-columns:1fr auto;gap:10px;display:grid}.share-actions .btn{white-space:nowrap}.btn--square{width:52px;padding:0;font-size:1.2rem}.mistakes{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mistake{border-radius:var(--radius-sm);background:var(--surface-2);border-left:4px solid var(--cat,var(--primary));padding:12px 14px}.mistake__q{font-weight:800}.mistake__a{flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:.9rem;display:flex}.mistake__a .ko{color:var(--ko)}.mistake__a .ok{color:var(--ok);font-weight:700}.mistake__fact{color:var(--muted);margin-top:6px;font-size:.85rem}.end__actions{gap:6px;display:grid}.confetti{pointer-events:none;height:0;position:absolute;inset:0 0 auto}.confetti i{opacity:0;border-radius:2px;width:9px;height:14px;animation:2.6s ease-in forwards confetti-fall;position:absolute;top:-12px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(85vh)rotate(720deg)}}.dialog{background:var(--surface);color:var(--text);box-shadow:var(--shadow);border:0;border-radius:22px;width:min(92vw,440px);padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e1973}.dialog__inner{gap:12px;padding:18px;display:grid}.dialog__head{justify-content:space-between;align-items:center;display:flex}.dialog__head h2{font-size:1.15rem}.dialog__text{font-weight:700}.dialog__actions{justify-content:flex-end;gap:8px;display:flex}.dialog--search{margin-top:calc(12px + var(--safe-top));max-height:calc(100dvh - 24px - var(--safe-top))}.dialog--search .dialog__inner{max-height:calc(100dvh - 24px - var(--safe-top));grid-template-rows:auto auto 1fr}.search-input{border:2px solid var(--border);background:var(--surface-2);border-radius:14px;width:100%;min-height:48px;padding:0 14px;font-size:1rem}.search-input:focus{border-color:var(--primary);outline:none}.search-list{min-height:120px;max-height:55dvh;margin:0;padding:0;list-style:none;overflow-y:auto}.search-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 10px;display:flex}.search-list button:hover,.search-list button:focus-visible{background:var(--surface-2);outline:none}.search-list .empty{color:var(--muted);padding:12px}.toast{left:50%;bottom:calc(24px + var(--safe-bottom));background:var(--text);color:var(--bg);opacity:0;pointer-events:none;z-index:10;border-radius:99px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:.9rem;font-weight:700;transition:opacity .25s,transform .25s;display:flex;position:fixed;transform:translate(-50%,20px)}.toast.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast button{background:var(--primary);color:var(--on-primary);cursor:pointer;border:0;border-radius:99px;padding:4px 12px;font-weight:800}@media (width>=720px){.question{width:min(720px,100% - 24px);margin:10px auto}.game-top{width:min(760px,100%);margin:0 auto}.timer{width:min(720px,100% - 24px);margin:2px auto 0}}@media (orientation:landscape) and (height<=540px){.game-top{padding-top:calc(4px + var(--safe-top));padding-bottom:2px}.question{margin:6px 12px;padding:8px 14px}.question__text{font-size:1rem}.sheet{left:auto;right:calc(8px + env(safe-area-inset-right,0px));width:min(380px,46%);margin:0}.sheet--feedback,.sheet--chooser{max-height:none;top:8px;overflow-y:auto}.chooser__list{grid-template-columns:1fr}.map-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
