:root{--bg:#f6f6f3;--surface:#fff;--surface-2:#f0f0ec;--border:#e4e4df;--text:#17181b;--muted:#6b6d74;--accent:#3b5bdb;--accent-soft:#eaeefd;--accent-text:#fff;--ok:#1f8a4c;--ok-soft:#e3f4ea;--bad:#c92a2a;--bad-soft:#fbe9e9;--hook:#fff7e0;--hook-border:#f1e2b0;--hook-ink:#a86a00;--learned:#3b5bdb;--learning:#a9b8f2;--flag-edge:#0000001a;--shadow:0 1px 2px #14141e0a, 0 4px 16px #14141e0d;--radius:18px;--radius-sm:12px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dyslexic{--font:"OpenDyslexic", ui-sans-serif, system-ui, sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121316;--surface:#1b1c20;--surface-2:#24252a;--border:#2e3036;--text:#ececef;--muted:#9a9ca5;--accent:#7b93f5;--accent-soft:#232a46;--accent-text:#0f1220;--ok:#4cc27f;--ok-soft:#173325;--bad:#f07272;--bad-soft:#3a1d1f;--hook:#2a2617;--hook-border:#463e22;--hook-ink:#e8b84a;--learned:#7b93f5;--learning:#3d4777;--flag-edge:#ffffff1f;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121316;--surface:#1b1c20;--surface-2:#24252a;--border:#2e3036;--text:#ececef;--muted:#9a9ca5;--accent:#7b93f5;--accent-soft:#232a46;--accent-text:#0f1220;--ok:#4cc27f;--ok-soft:#173325;--bad:#f07272;--bad-soft:#3a1d1f;--hook:#2a2617;--hook-border:#463e22;--hook-ink:#e8b84a;--learned:#7b93f5;--learning:#3d4777;--flag-edge:#ffffff1f;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:1rem / 1.55 var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;display:flex}h1,h2,h3{letter-spacing:-.015em;margin:0 0 .5em;line-height:1.2}h1{letter-spacing:-.025em;font-size:clamp(1.7rem,4vw,2.3rem)}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .8em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.small{font-size:.875rem}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:980px;margin:0 auto;padding:0 16px}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:12px;height:60px;display:flex}.logo{color:var(--text);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:flex}.logo:hover{text-decoration:none}.nav{align-items:center;gap:2px;display:flex}.nav a{color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:7px 12px;font-size:.94rem;font-weight:500;display:flex}.nav a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.nav a.active{color:var(--text);background:var(--surface-2)}body[data-route=study] .site-header{display:none}#app{flex:1;padding-top:32px;padding-bottom:88px}.corner{z-index:40;position:fixed;bottom:16px}.corner-left{left:16px}.corner-right{right:16px}.corner-btn{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:40px;height:40px;box-shadow:var(--shadow);color:var(--muted);font:700 1.1rem/1 var(--font);cursor:pointer;border-radius:12px;place-items:center;transition:color .15s,border-color .15s;display:grid}.corner-btn:hover,.corner-btn[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.corner-btn .icon{width:18px;height:18px}.corner-pop{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--shadow), 0 12px 32px #14141e1f;padding:16px 20px;animation:.16s ease-out pop-in;position:absolute;bottom:52px}.corner-left .corner-pop{left:0}.corner-right .corner-pop{text-align:right;right:0}.corner-pop p{margin:0;padding:4px 0}.made-by{color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;display:flex}.made-by img{width:auto;height:1.9em}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)}}.corner-left .corner-pop{flex-direction:column;gap:14px;display:flex}.gear-row{justify-content:space-between;align-items:center;gap:16px;font-size:.95rem;display:flex}.segmented{background:var(--surface-2);border-radius:10px;gap:2px;padding:3px;display:flex}.segmented button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:5px 10px;font-size:.85rem;font-weight:500}.segmented button:hover{color:var(--text)}.segmented button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}.switch{width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:0;font-size:.95rem;display:flex}.switch-track{background:var(--border);border-radius:10px;width:36px;height:20px;transition:background .15s;position:relative}.switch-track:after{content:"";background:var(--surface);border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch[aria-checked=true] .switch-track{background:var(--accent)}.switch[aria-checked=true] .switch-track:after{left:19px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:24px}.card>h2:first-child{margin-bottom:14px}.page-head{margin-bottom:20px}.page-head p{max-width:620px;margin:0}.label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.75rem;font-weight:700;display:block}.pill{letter-spacing:.04em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-bottom:16px;padding:4px 11px;font-size:.75rem;font-weight:700;display:inline-block}.tag{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:4px 11px;font-size:.8rem;font-weight:500;display:inline-block}.tag-learned{background:var(--accent-soft);color:var(--accent);font-weight:600}.tag-learning{background:color-mix(in srgb, var(--learning) 30%, transparent);color:var(--text);font-weight:600}.icon{flex-shrink:0;width:20px;height:20px}.icon-sm{width:16px;height:16px}kbd{opacity:.5;border:1px solid;border-radius:5px;padding:3px 5px;font:600 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;color:var(--text);background:var(--surface-2);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:var(--accent-text)}.btn.primary:hover{background:color-mix(in srgb, var(--accent) 88%, var(--text))}.btn.ghost{background:var(--surface);border-color:var(--border)}.btn.ghost:hover{background:var(--surface-2)}.btn.quiet{color:var(--muted);background:0 0;padding-inline:12px}.btn.quiet:hover{color:var(--text);background:var(--surface-2)}.btn.danger{color:var(--bad)}.btn.big{border-radius:14px;padding:14px 24px;font-size:1.05rem}.btn kbd{opacity:.6}.btn:focus-visible,.option:focus-visible,.flag-option:focus-visible,.chip:focus-visible,.tile:focus-visible,.wall-flag:focus-visible,.pair:focus-visible,.thumb-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn{width:38px;height:38px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.actions.left{justify-content:flex-start}.actions:empty{display:none}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:500}.chip:hover{color:var(--text)}.chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}.fade-in{animation:.18s ease-out fade}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.fade-in{animation:none}}.inline-flag{vertical-align:-.04em;width:auto;height:.8em;box-shadow:0 0 0 1px var(--flag-edge);border-radius:2px;margin:0 .15em 0 .3em;display:inline-block}.note{text-align:left;border-radius:var(--radius-sm);align-items:flex-start;gap:12px;margin:16px 0 0;padding:14px 16px;display:flex}.note .icon{margin-top:1px}.note .note-label{letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700;display:block}.note p{margin:2px 0 0}.note-hook{background:var(--hook);border:1px solid var(--hook-border)}.note-hook .icon,.note-hook .note-label{color:var(--hook-ink)}.note-tell{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent)}.note-tell .icon,.note-tell .note-label{color:var(--accent)}.flag{height:auto;box-shadow:0 0 0 1px var(--flag-edge);background:var(--surface-2);-webkit-user-select:none;user-select:none;border-radius:4px;display:block}.flag.flag-shaped{box-shadow:none;filter:drop-shadow(0 0 .6px var(--flag-edge)) drop-shadow(0 0 .6px var(--flag-edge));background:0 0;border-radius:0}.flag-lg{width:min(100%, calc(240px * var(--ratio)), 440px);max-height:240px}.flag-md{object-fit:contain;width:100%;max-height:100%}.flag-sm{width:100%}.flag-stage{place-items:center;height:240px;margin:0 0 22px;display:grid}.thumb{aspect-ratio:3/2;flex-shrink:0;display:block;position:relative}.thumb .flag{width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;position:absolute;inset:0}.thumb-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:16px 14px;display:grid}.thumb-link{color:var(--text);flex-direction:column;gap:6px;font-size:.85rem;line-height:1.3;display:flex}.thumb-link:hover{color:var(--accent);text-decoration:none}.pairs{text-align:left;margin:0;padding:0;list-style:none}.pairs li+li{border-top:1px solid var(--border)}.pair{color:var(--text);grid-template-columns:76px 1fr;align-items:center;gap:14px;padding:12px 0;display:grid}.pairs li:first-child .pair{padding-top:4px}.pairs li:last-child .pair{padding-bottom:0}.pair strong{font-size:.95rem;display:block}.pair-text{color:var(--muted);font-size:.9rem;line-height:1.5;display:block}a.pair:hover{text-decoration:none}a.pair:hover strong{color:var(--accent)}.map{border-radius:var(--radius-sm);width:100%;height:auto;box-shadow:0 0 0 1px var(--border);-webkit-user-select:none;user-select:none;background:#b5d7ef;display:block}.map-md{max-width:440px;margin:20px auto 0}.map-sm{max-width:270px;margin:0 auto 20px}.map-xs{border-radius:6px;flex-shrink:0;width:96px}.name-link{color:inherit;-webkit-text-decoration:underline dotted color-mix(in srgb, currentColor 35%, transparent);text-decoration:underline dotted color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:.18em;text-decoration-thickness:.06em}.name-link:hover{color:var(--accent);text-decoration:underline;text-decoration-thickness:.06em}.name-link .ext{vertical-align:.35em;opacity:.45;width:.55em;height:.55em;margin-left:.18em}.name-link:hover .ext{opacity:1}.stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{flex-direction:column;display:flex}.stat strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1.15}.stat span{color:var(--muted);font-size:.85rem}.meter{background:var(--surface-2);border-radius:99px;gap:2px;height:10px;display:flex;overflow:hidden}.seg{height:100%}.seg-learned{background:var(--learned)}.seg-learning{background:var(--learning)}.seg-empty{background:var(--surface-2)}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:.85rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:10px;height:10px}.legend i.seg-empty{box-shadow:inset 0 0 0 1px var(--border)}.info{vertical-align:middle;display:inline-block;position:relative}.info summary{border:1px solid var(--border);background:var(--surface-2);width:17px;height:17px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;list-style:none;display:inline-grid}.info summary::-webkit-details-marker{display:none}.info[open] summary{color:var(--accent);border-color:var(--accent)}.info-pop,.tip{background:var(--text);color:var(--bg);border-radius:10px;margin:0;padding:10px 12px;font-size:.82rem;line-height:1.45;box-shadow:0 6px 24px #0000002e}.info-pop{z-index:5;width:240px;font-weight:400;position:absolute;top:24px;left:-10px}.tip{z-index:50;pointer-events:none;flex-direction:column;min-width:170px;max-width:240px;display:flex;position:fixed}.tip span{opacity:.75}.tip-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:2px;display:flex}.tip-head strong{font-size:.9rem}.tip .tip-status{opacity:1;white-space:nowrap;align-items:center;gap:5px;font-size:.75rem;font-weight:600;display:inline-flex}.tip-status:before{content:"";background:color-mix(in srgb, var(--bg) 35%, transparent);border-radius:50%;width:8px;height:8px}.tip-status.is-learned:before{background:var(--learned)}.tip-status.is-learning:before{background:var(--learning)}.home-title{margin:8px 0 18px;font-size:clamp(1.7rem,4vw,2.4rem)}.modes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px;display:grid}.modes .card{margin:0}.mode{flex-direction:column;gap:12px;min-width:0;padding:22px;display:flex}.mode-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.mode-head h2{margin:0;font-size:1.3rem}.mode-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}a.mode-meta:hover{color:var(--text)}.mode .meter{height:6px}.mode-status{margin:4px 0 0;font-size:1.1rem;font-weight:600}.mode-actions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px;display:flex}.up-next{flex-direction:column;gap:8px;display:flex}.strip-wrap{position:relative}.strip-more{color:var(--text);pointer-events:none;place-items:center;font-size:.95rem;font-weight:700;display:grid;position:absolute}.strip-more[hidden]{display:none}.flag-strip{--w:48px;--gap:8px;gap:var(--gap);max-height:calc(2 * var(--w) / 1.5 + var(--gap));flex-wrap:wrap;display:flex;overflow:hidden}.flag-strip .thumb{width:var(--w)}.quiz-flags{--w:44px}.flag-strip.clipped{-webkit-mask-image:linear-gradient(#000, #000), linear-gradient(to right, #000 calc(var(--fade-end) - 2 * var(--w)), #00000014 calc(var(--fade-end) - var(--w) / 2));mask-image:linear-gradient(#000, #000), linear-gradient(to right, #000 calc(var(--fade-end) - 2 * var(--w)), #00000014 calc(var(--fade-end) - var(--w) / 2));-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-size:100% 50%;mask-size:100% 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.trivia-card{color:var(--text);align-items:center;gap:22px;display:flex}.trivia-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));text-decoration:none}.trivia-card .thumb{width:120px}.trivia-card p{margin:0 0 6px}.trivia-card .label{margin-bottom:4px}.more{color:var(--accent);align-items:center;gap:4px;font-size:.9rem;font-weight:600;display:inline-flex}.picker{padding:20px 22px}.picker>.label{margin:0 0 12px}.picker-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.picker-head h2{margin:0;font-size:1.05rem}.quiz-cta{align-items:center;gap:10px;display:flex}.btn.small{min-height:0;padding:7px 14px;font-size:.88rem}.sets{flex-direction:column;gap:10px;display:flex}.set-main{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.set-others{flex-wrap:wrap;gap:8px;display:flex}.set-option{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:.9rem;display:inline-flex}.set-option:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.set-option[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.set-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.set-name{font-weight:550}.set-cover{aspect-ratio:3/2;width:36px;box-shadow:0 0 0 1px var(--flag-edge);border-radius:4px;flex-shrink:0;overflow:hidden}.set-cover .flag{object-fit:cover;width:100%;height:100%;box-shadow:none;border-radius:0}.set-icon{color:#fff;place-items:center;display:grid}.set-icon svg{width:17px;height:17px}.icon-globe{background:#2f6fd6}.icon-island{background:#0f9488}.icon-contested{background:#d9622b}.icon-hourglass{background:#8a6a3a}.tip-target{border-radius:4px;display:inline-block}.tip-target:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.set-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.continents{border-left:2px solid var(--accent);flex-wrap:wrap;gap:6px;padding-left:12px;display:flex}.chip-sm{padding:4px 10px;font-size:.82rem}.chip-divider{background:color-mix(in srgb, var(--muted) 45%, transparent);align-self:stretch;width:1px;margin:4px 8px}@media (width<=640px){.continents{flex-basis:100%;margin-left:4px}}body[data-route=study] #app{padding-top:clamp(28px,7vh,64px)}.session{max-width:620px;margin:0 auto}.session-bar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.progress{background:var(--surface-2);border-radius:99px;flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:99px;width:0;height:100%;transition:width .3s}.session-count{text-align:right;font-variant-numeric:tabular-nums;min-width:48px;font-size:.85rem}.stage{padding:28px}.stage .pane-main{text-align:center}.stage .pane-side{margin-top:22px}.quiz .pane-side{margin-top:0}.prompt{margin:0 0 16px;font-size:1.1rem;font-weight:600}.intro-name{letter-spacing:-.025em;margin-bottom:4px;font-size:2.1rem}.quiz-name{letter-spacing:-.025em;margin:-6px 0 16px;font-size:2rem}.official-name,.endonym{white-space:pre-wrap;margin:0 0 2px;font-size:1.1rem}.name-label{color:var(--muted);margin-right:4px;font-size:.8rem}.intro-meta{margin:0;font-size:.95rem}.intro-desc{margin:0;font-size:1.02rem}.lookalikes{margin-top:24px}.stage .actions{z-index:2;padding:14px 0 max(14px, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);margin-top:20px;margin-bottom:-14px;position:sticky;bottom:0}.options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.option{text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;min-height:58px;padding:14px 16px;font-weight:500;transition:border-color .12s,background .12s;display:flex}@media (hover:hover){.option:hover:not([disabled]),.flag-option:hover:not([disabled]){border-color:var(--accent);background:var(--accent-soft)}}@media (hover:none){kbd{display:none}}.option[disabled]{cursor:default}.option[disabled]:not(.is-correct):not(.is-wrong){opacity:.5}.option kbd{flex-shrink:0}.flag-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.flag-option{font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;grid-template-rows:130px auto;place-items:center;padding:14px;transition:border-color .12s,background .12s;display:grid;position:relative}.flag-option .flag{width:auto;max-width:100%;max-height:120px}.flag-option kbd{position:absolute;bottom:10px;left:10px}.flag-option[disabled]{cursor:default}.flag-option[disabled]:not(.is-correct):not(.is-wrong) .flag{opacity:.5}.flag-option[disabled]:not(.is-correct):not(.is-wrong) .flag-option-name{color:var(--muted);font-weight:500}.flag-option-name{min-height:1.3em;margin-top:6px;font-size:.85rem;font-weight:600}.is-correct{border-color:var(--ok)!important;background:var(--ok-soft)!important}.is-wrong{border-color:var(--bad)!important;background:var(--bad-soft)!important}.type-form{gap:10px;display:flex}.type-input{min-width:0;font:inherit;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--text);outline:none;flex:1;padding:12px 16px;font-size:1.1rem}.type-input:focus{border-color:var(--accent)}.feedback-slot{text-align:left;margin-top:16px}.feedback-slot:empty{display:none}.result{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 14px;display:flex}.result p{flex:1;margin:0}.result>.icon{color:#fff;stroke-width:3px;border-radius:50%;width:26px;height:26px;padding:5px}.result.ok{background:var(--ok-soft)}.result.ok>.icon{background:var(--ok)}.result.ok strong{color:var(--ok)}.result.bad{background:var(--bad-soft)}.result.bad>.icon{background:var(--bad)}.result.bad strong{color:var(--bad)}.versus{gap:14px;margin-top:14px;display:flex}.versus figure{width:130px;margin:0}.versus figcaption{color:var(--muted);margin-top:6px;font-size:.85rem}.versus .is-answer figcaption{color:var(--text);font-weight:600}.fb-map .map-md{max-width:none;margin:14px 0 0}.answer-map{display:none}.done{text-align:center;max-width:640px;margin:0 auto}.done h2{margin-bottom:20px;font-size:2.1rem}.stats-inline{border-block:1px solid var(--border);grid-template-columns:repeat(4,1fr);padding:16px 0}.done-group{text-align:left;margin-top:26px}.done .actions{border:0;justify-content:center;position:static;margin:24px 0 0!important;padding:0!important}.kinds{flex-direction:column;gap:10px;display:flex}.kind{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font:inherit;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:14px 16px;display:flex}.kind:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--surface));text-decoration:none}.kind:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kind strong{font-size:1.02rem}.kind .muted{font-size:.9rem}.kind-best{color:var(--accent);margin-top:4px;font-size:.8rem;font-weight:600}.kind[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface));box-shadow:inset 0 0 0 1px var(--accent)}.btn-icon{color:var(--muted);padding:11px;flex:none!important}.btn-icon:hover{color:var(--text)}.btn-icon .icon{width:20px;height:20px}.options-modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(460px,100vw - 32px);color:var(--text);padding:22px 24px 24px;box-shadow:0 24px 64px #00000040}.options-modal[open]{animation:.16s ease-out pop-in}.options-modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a0f73}.options-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.options-head h2{margin:0;font-size:1.2rem}.options-modal .icon-btn{cursor:pointer;background:0 0;border:0;margin:-8px -10px -8px 0}.option-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:6px 0;display:flex}.option-label{font-weight:500}.quiz-result h2{margin-bottom:8px}.score{justify-content:center;align-items:baseline;gap:10px;margin:0 0 8px;display:flex}.score-meta{margin:0 0 6px}.score strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:3.4rem;line-height:1}.score span{color:var(--muted);font-size:1.05rem}.filters{z-index:5;background:var(--bg);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:12px 0;display:flex;position:sticky;top:60px}.search{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none;width:280px;max-width:100%;padding:10px 16px}.search:focus{border-color:var(--accent)}.filters .chips{flex-basis:100%}.continent-chips[hidden]{display:none}.browse-set+.browse-set h2{margin-top:34px}.browse-set h2{margin:6px 0 14px;font-size:1.15rem}@media (width<=640px){.filters .chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto}.filters .chips::-webkit-scrollbar{display:none}.filters .chip{flex-shrink:0}}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 18px;display:grid}.tile{color:var(--text);flex-direction:column;gap:8px;display:flex}.tile:hover{text-decoration:none}.tile-flag{aspect-ratio:3/2;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s,transform .15s;position:relative}.tile:hover .tile-flag{border-color:var(--accent)}.tile-flag .flag{width:auto;max-width:calc(100% - 28px);height:auto;max-height:calc(100% - 28px);margin:auto;position:absolute;inset:0}.tile-name{font-size:.9rem;font-weight:500;line-height:1.3}.tile:hover .tile-name{color:var(--accent)}.dot{vertical-align:.12em;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.dot-learning{background:var(--learning)}.dot-known,.dot-mastered{background:var(--learned)}.empty{text-align:center;padding:40px 0}.back{margin-bottom:16px;font-size:.92rem;display:inline-block}.country-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px;padding:20px;display:grid}.country-flag{border-radius:var(--radius-sm);background:var(--surface-2);place-items:center;min-height:280px;padding:28px;display:grid}.country-flag .flag-lg{width:min(100%, calc(230px * var(--ratio)), 420px);max-height:230px}.country-id{padding-right:12px}.country-id h1{margin-bottom:6px;font-size:clamp(2rem,5vw,2.8rem)}.country-id p{margin:0 0 2px}.tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.country-body{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:16px;display:grid}.map-card{padding:10px}.map-card .map{border-radius:10px}.flag-meta{flex-wrap:wrap;align-items:center;gap:18px;font-size:.92rem;display:flex}.swatches{gap:6px;display:inline-flex}.swatches i{width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--flag-edge);border-radius:50%}.trivia{margin:0;padding-left:20px}.trivia li{margin-bottom:8px}.trivia li:last-child{margin-bottom:0}.trivia li::marker{color:var(--muted)}.facts{flex-direction:column;gap:12px;margin:0;display:flex}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{margin:0;font-weight:500}.empty-state{text-align:center;padding:48px 24px}.empty-state p{max-width:400px;margin:0 auto 20px}.overview{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;padding:28px;display:grid}.big-number{align-items:baseline;gap:10px;margin:0 0 14px;display:flex}.big-number strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:3rem;line-height:1}.big-number span{color:var(--muted)}.overview .stats{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.overview-regions{flex-direction:column;gap:12px;display:flex}.overview-regions .label{margin-bottom:2px}.region-row{grid-template-columns:136px 1fr 56px;align-items:center;gap:12px;display:grid}.region-name{font-size:.92rem;font-weight:500}.region-count{text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-head h2{margin:0}.wall-toolbar{margin:32px 0 14px}.wall-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.wall-head h2,.wall-head h3{margin:0}.wall-head h3{font-size:.95rem;font-weight:600}.wall-group{margin-top:22px}.wall-group .wall-head{margin-bottom:10px}.flag-wall{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:10px 8px;display:grid}.wall-flag{aspect-ratio:3/2;border-radius:4px;display:block;position:relative}.wall-flag .flag{width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;transition:transform .12s,filter .12s,opacity .12s;position:absolute;inset:0}.wall-flag:hover .flag,.wall-flag:focus-visible .flag{transform:scale(1.15)}.wall-flag.is-new .flag{filter:grayscale();opacity:.22}.wall-flag.is-new:hover .flag{opacity:.6}.wall-flag.is-learning .flag{opacity:.8}.wall-flag.is-learned:after,.wall-flag.is-learning:after,.status-mark{content:"";box-sizing:border-box;width:15px;height:15px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;bottom:-5px;right:-5px}.wall-flag.is-learned:after,.status-mark.is-learned{background:var(--learned) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 10px no-repeat}.wall-flag.is-learning:after,.status-mark.is-learning{border:2px solid var(--learned);background:conic-gradient(var(--learned) 0 50%, var(--surface) 0)}.status-mark{vertical-align:-2px;box-shadow:none;margin-right:6px;display:inline-block;position:static}.status-mark.is-new{border:2px dashed var(--muted)}.status-mark.is-all{display:none}.progress-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:16px;display:grid}.progress-cols.single{grid-template-columns:1fr}.history{margin:0 0 8px;padding:0;list-style:none}.history-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:12px 0;display:flex}.history-row:first-child{padding-top:0}.history-row:last-child{border-bottom:0}.history-main{flex-direction:column;display:flex}.history-main strong{font-size:.95rem}.history-main span{font-size:.85rem}.history-flags{align-items:center;gap:6px;display:flex}.history-flags a{width:30px;display:block}.history-flags .flag{width:100%}.group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:28px 0 10px 4px;font-size:.75rem;font-weight:700}.page-head+.group-title{margin-top:0}.notice:empty{display:none}.notice{margin:12px 0 0}body[data-route=settings] #app{max-width:720px}@media (width>=1000px){.session{max-width:1080px}.stage.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;padding:32px 36px;display:grid}.split .pane-main{position:sticky;top:16px}.split .pane-side{margin-top:0}.split.intro .pane-side{padding-top:44px}.split.quiz .pane-side{padding-top:43px}.split .flag-stage{height:260px;margin-bottom:18px}.split .flag-lg{width:min(100%, calc(260px * var(--ratio)), 460px);max-height:260px}.split .map-md,.split .map-sm{max-width:100%;margin:20px 0 0}.split .options{grid-template-columns:1fr}.split .result .map,.split .fb-map{display:none}.split .answer-map{display:block}.stage .actions{margin-bottom:-32px;padding-bottom:32px}}@media (width<=860px){.country-hero{grid-template-columns:1fr;gap:20px}.country-id{padding:0 8px 8px}.country-flag{min-height:0}.country-body{flex-direction:column;align-items:stretch;gap:0;display:flex}.country-main,.country-side{display:contents}.country-side .map-card{order:-1}.overview{grid-template-columns:1fr;gap:28px}.progress-cols{grid-template-columns:1fr;gap:0}}@media (width<=720px){.modes{grid-template-columns:minmax(0,1fr)}.mode-actions .btn{flex:auto}.trivia-card{align-items:flex-start;gap:16px;padding:18px}.trivia-card .thumb{width:72px}.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:18px 12px}.stats-inline{grid-template-columns:repeat(2,1fr);row-gap:16px}}@media (width<=520px){.logo span{display:none}.nav a{padding:7px 10px}.dyslexic .nav a{padding:7px 6px}#app{padding-top:24px}.card{padding:20px}.stage{padding:20px 16px}.flag-stage{height:180px}.flag-lg{width:min(100%, calc(180px * var(--ratio)));max-height:180px}.intro-name{font-size:1.8rem}.options{grid-template-columns:1fr}.flag-option{grid-template-rows:90px auto;padding:10px}.flag-option .flag{max-height:84px}.stage .actions .btn{flex:auto}.versus figure{width:120px}.pair{grid-template-columns:64px 1fr;gap:12px}.search{width:100%}.filters{padding-top:8px}.country-flag{padding:20px}.country-flag .flag-lg{max-height:180px}.big-number strong{font-size:2.6rem}}.js .prerendered{display:none}.prerendered .flag{max-width:100%;height:auto;display:block}.prerendered .map{width:100%;height:auto;display:block}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:20px 8px;margin-top:16px;display:grid}.badge{border-radius:var(--radius-sm);text-align:center;cursor:default;flex-direction:column;align-items:center;gap:8px;padding:4px 2px;display:flex}.badge:focus{outline:none}.badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge-name{font-size:.78rem;font-weight:600;line-height:1.25}.badge.locked .badge-art{filter:grayscale();opacity:.3}.badge.locked .badge-name{color:var(--muted);font-weight:500}.badge-art{flex:none;width:76px;height:76px;display:block;position:relative}.badge-streak,.badge-flag{filter:drop-shadow(0 2px 3px #0000002e);overflow:visible}.badge-streak text,.badge-flag text{font-family:var(--font)}.badge-streak.tier-9,.badge-flag.tier-9{filter:drop-shadow(0 0 6px #a06eff8c)drop-shadow(0 2px 3px #0003)}.badge-sheen{mix-blend-mode:overlay;animation:3.2s cubic-bezier(.45,0,.25,1) infinite badge-sheen}@keyframes badge-sheen{0%,30%{opacity:0;transform:translate(-40px)}42%,88%{opacity:1}to{opacity:0;transform:translate(110px)}}.badge-art>*,.badge-decor{position:absolute}.badge-decor{width:100%;height:100%;inset:0;overflow:visible}.badge-learn,.badge-quiz{filter:drop-shadow(0 2px 3px #0000002e)}.badge-every{filter:drop-shadow(0 0 6px #f0b41999)drop-shadow(0 2px 3px #0000002e)}.badge-learn .badge-mosaic{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:60.62%;height:70%;top:15%;left:19.69%}.badge-quiz .badge-mosaic{border-radius:50%;inset:16.5%}.badge-rays{transform-origin:50px 50px;animation:40s linear infinite badge-spin}@keyframes badge-spin{to{transform:rotate(360deg)}}.badge-twinkle{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite badge-twinkle}.badge-twinkle:nth-child(2){animation-delay:-.7s}.badge-twinkle:nth-child(3){animation-delay:-1.4s}.badge-twinkle:nth-child(4){animation-delay:-2s}@keyframes badge-twinkle{0%,to{opacity:.35;transform:scale(.35)}50%{opacity:1;transform:scale(1)}}.badge.locked .badge-rays,.badge.locked .badge-twinkle{animation:none}.badge-mosaic{background:#fff;grid-template-columns:1fr 1fr;gap:1px;display:grid;position:absolute;overflow:hidden}.badge-mosaic img{object-fit:cover;width:100%;height:100%}.badge-mosaic:after{content:"";background:linear-gradient(160deg,#fff6,#0000 45%);position:absolute;inset:0}.tip .tip-goal{opacity:1}.badge-news{border:1px solid var(--hook-border);border-radius:var(--radius-sm);background:var(--hook);text-align:left;gap:14px;margin-top:24px;padding:16px 18px;display:grid}.badge-news .label{color:var(--hook-ink)}.badge-won{align-items:center;gap:16px;display:flex}.badge-won .badge-art{width:64px;height:64px;animation:.7s cubic-bezier(.2,1.5,.4,1) .2s both badge-pop}.badge-won p{flex-direction:column;margin:0;display:flex}.badge-won strong{font-size:1.05rem}@keyframes badge-pop{0%{opacity:0;transform:scale(.3)rotate(-12deg)}}.badge-glint{background:linear-gradient(110deg,#0000 15%,#ffffff40 40%,#ffffffd9 50%,#ffffff40 60%,#0000 85%);width:70%;animation-name:badge-glint;position:absolute;inset:0 auto 0 0}@keyframes badge-glint{0%,30%{opacity:0;transform:translate(-110%)}42%,88%{opacity:1}to{opacity:0;transform:translate(160%)}}.badge:nth-child(4n+2) .badge-sheen{animation-delay:-.75s}.badge:nth-child(4n+3) .badge-sheen{animation-delay:-1.5s}.badge:nth-child(4n) .badge-sheen{animation-delay:-2.25s}.badge.locked .badge-sheen{display:none}.badge-hint{margin:6px 0 0}