:root{--sea:#dbeafe;--land:#fff;--border:#1f2937;--ink:#0f172a;--ink-soft:#64748b;--panel:#fff;--panel-edge:#0f172a14;--accent:#22c55e;--accent-ink:#052e16;--select:#38bdf8;--wrong:#ef4444;--shadow:0 6px 20px #0f172a1f;--radius:16px;--pad:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--sea:#0b1220;--land:#e2e8f0;--border:#0f172a;--ink:#e2e8f0;--ink-soft:#94a3b8;--panel:#16202f;--panel-edge:#e2e8f01a;--shadow:0 6px 20px #0006}}*{box-sizing:border-box}body{background:var(--sea);overscroll-behavior:none;margin:0}#root{block-size:100dvh;display:grid}.map{background:var(--sea);position:absolute;inset:0}.map__svg{touch-action:none;cursor:grab;display:block}.map__svg--locked{cursor:default}.region{fill:var(--land);stroke:var(--border);stroke-linejoin:round;transition:fill .14s}.map__svg:not(.map__svg--locked) .region{cursor:pointer}@media (hover:hover){.map__svg:not(.map__svg--locked) .region--idle:hover{fill:#e0f2fe}}.region--selected{fill:var(--select)}.region--correct{fill:var(--accent)}.region--wrong{fill:var(--wrong)}.centre-dot{fill:#334155;stroke:#fff;pointer-events:none}.marker{fill:none;stroke:#16a34a;transform-box:fill-box;transform-origin:50%;animation:.7s ease-out 2 ping}@keyframes ping{0%{opacity:1;scale:.6}to{opacity:0;scale:1.6}}.game{position:relative;overflow:hidden}.hud{align-items:center;gap:var(--pad);padding:var(--pad);pointer-events:none;display:flex;position:absolute;inset-inline:0}.hud>*{pointer-events:auto}.hud--top{padding-block-start:max(var(--pad), env(safe-area-inset-top));inset-block-start:0}.hud--bottom{flex-wrap:wrap;padding-block-end:max(var(--pad), env(safe-area-inset-bottom));inset-block-end:0}.pill{background:var(--panel);box-shadow:var(--shadow);font-variant-numeric:tabular-nums;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:800;display:inline-flex}.coin{background:radial-gradient(circle at 35% 30%,#fde68a,#f59e0b);border-radius:50%;block-size:18px;inline-size:18px;box-shadow:inset 0 0 0 2px #d97706}.prompt{background:var(--panel);min-inline-size:0;max-inline-size:520px;box-shadow:var(--shadow);text-align:center;border-radius:999px;flex:1;margin-inline:auto;padding:8px 16px;position:relative;overflow:hidden}.prompt__timer{background:color-mix(in srgb, var(--accent) 45%, transparent);transition:width .12s linear;position:absolute;inset-block:0;inset-inline-start:0}.prompt__timer[data-low]{background:color-mix(in srgb, var(--wrong) 40%, transparent)}.prompt__text{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;max-inline-size:100%;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.prompt__text .flag{block-size:24px;inline-size:34px;box-shadow:0 0 0 1px var(--panel-edge);border-radius:3px}.icon-button{background:var(--panel);block-size:44px;inline-size:44px;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;border:0;border-radius:50%;font-size:14px}.confirm,.ghost,.secondary,.mode,.option{font:inherit;cursor:pointer;border-radius:var(--radius);border:0;font-weight:800;transition:transform 80ms,filter .12s}.confirm{background:var(--accent);min-inline-size:180px;color:var(--accent-ink);box-shadow:var(--shadow);flex:1;padding:16px 24px;font-size:1.05rem}.confirm:disabled{background:color-mix(in srgb, var(--accent) 28%, var(--panel));color:var(--ink-soft);cursor:not-allowed}.confirm:not(:disabled):active{transform:translateY(2px)}.ghost{color:var(--ink-soft);background:0 0;padding:12px 20px}.secondary{background:color-mix(in srgb, var(--select) 20%, var(--panel));inline-size:100%;color:var(--ink);margin-block-start:8px;padding:12px 20px}.confirm--compact{flex:none;min-inline-size:0;padding:12px 18px;font-size:.95rem}.pill--button{font:inherit;cursor:pointer;border:0;font-weight:800}.card__note{color:var(--ink-soft);margin:4px 0 0;font-size:.9rem}.options{flex-basis:100%;order:-1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.option{background:var(--panel);color:var(--ink);box-shadow:var(--shadow);padding:14px 12px}.option.selected{outline:3px solid var(--select)}.option.correct{background:var(--accent);color:var(--accent-ink)}.option.wrong{background:var(--wrong);color:#fff}.verdict{pointer-events:none;justify-content:center;display:flex;position:absolute;inset-block-start:calc(max(var(--pad), env(safe-area-inset-top)) + 56px);inset-inline:0}.verdict>span{color:#fff;box-shadow:var(--shadow);border-radius:999px;padding:8px 18px;font-weight:800;animation:.22s ease-out pop}.verdict--ok>span{background:#16a34a}.verdict--no>span{background:#dc2626}@keyframes pop{0%{opacity:0;scale:.9}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.modal{background:var(--panel);max-inline-size:min(440px,92vw);color:var(--ink);box-shadow:var(--shadow);text-align:center;border:0;border-radius:24px;padding:24px}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73}.modal h2{margin:0 0 12px;font-size:1.6rem}.modal .confirm{inline-size:100%;margin-block-start:12px}.modal .ghost{inline-size:100%}.card__coins{color:#d97706;justify-content:center;align-items:center;gap:8px;margin:0;font-weight:800;display:flex}.review{text-align:start;max-block-size:40dvh;margin:16px 0 0;padding:0;font-size:.95rem;list-style:none;overflow-y:auto}.review li{border-radius:8px;justify-content:space-between;gap:12px;padding:6px 8px;display:flex}.review__ok{background:color-mix(in srgb, var(--accent) 18%, transparent)}.review__no{background:color-mix(in srgb, var(--wrong) 15%, transparent)}.review__picked{color:var(--ink-soft);text-align:end;font-size:.85rem}.menu{padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));inline-size:100%;max-inline-size:720px;margin-inline:auto;overflow-y:auto}.menu__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu__head-right{align-items:center;gap:10px;display:flex}.mode--off{background:var(--panel);color:var(--ink-soft)}.menu__head h1{letter-spacing:-.02em;margin:0;font-size:2rem}.menu__sub{color:var(--ink-soft);margin:2px 0 0;font-weight:700}.menu__group{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:28px 0 10px;font-size:.85rem}.sets{gap:10px;margin:0;padding:0;list-style:none;display:grid}.set{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.set__info{gap:2px;min-inline-size:0;display:grid}.set__title{font-weight:800}.set__meta{color:var(--ink-soft);font-size:.85rem}.set__modes{gap:8px;display:flex}.mode{background:color-mix(in srgb, var(--accent) 18%, var(--panel));color:var(--ink);border-radius:999px;padding:10px 16px}.mode:active{transform:translateY(1px)}.mode--learn{background:color-mix(in srgb, var(--select) 26%, var(--panel))}.mode--review{background:color-mix(in srgb, var(--wrong) 20%, var(--panel))}.menu__foot{color:var(--ink-soft);margin-block:32px 8px;font-size:.8rem;line-height:1.5}.notice{color:var(--ink-soft);place-self:center;padding:24px;font-weight:700}.notice--error{color:var(--wrong)}.learn{grid-template-columns:1fr minmax(240px,300px);min-block-size:0;display:grid;overflow:hidden}.learn__map{position:relative;overflow:hidden}.prompt--static{background:var(--panel)}.learn__list{min-block-size:0;padding:max(var(--pad), env(safe-area-inset-top)) var(--pad) max(var(--pad), env(safe-area-inset-bottom));background:var(--panel);box-shadow:var(--shadow);flex-direction:column;gap:8px;display:flex}.learn__list ul{overscroll-behavior:contain;margin:0;padding:0;list-style:none;overflow-y:auto}.search{font:inherit;border:1px solid var(--panel-edge);color:var(--ink);background:0 0;border-radius:999px;padding:10px 14px}.search:focus-visible{outline:2px solid var(--select);outline-offset:1px}.region-row{inline-size:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.region-row:hover{background:color-mix(in srgb, var(--select) 12%, transparent)}.region-row--active{background:color-mix(in srgb, var(--select) 28%, transparent);font-weight:800}.region-row__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.region-row__sub{text-overflow:ellipsis;min-inline-size:0;max-inline-size:45%;color:var(--ink-soft);white-space:nowrap;flex:0 auto;font-size:.8rem;overflow:hidden}.flag--small{box-shadow:0 0 0 1px var(--panel-edge);border-radius:2px}@media (width<=720px){.learn{grid-template-rows:55dvh 1fr;grid-template-columns:1fr}.learn__list{box-shadow:0 -6px 20px #0f172a1f}}.update{z-index:10;background:var(--ink);color:var(--sea);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:12px;padding:10px 12px 10px 18px;font-size:.9rem;font-weight:700;display:flex;position:fixed;inset-block-end:max(var(--pad), env(safe-area-inset-bottom));inset-inline-start:50%;translate:-50%}.update__button{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;padding:8px 16px;font-weight:800}