@font-face{font-family:Fraunces;src:url('assets/display.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/body.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{--ink:#173f50;--ocean:#bedde0;--ocean-deep:#bedde0;--ocean-light:#d4e8e7;--paper:#f2f7f4;--paper-deep:#e3ecd9;--white:#fffdf6;--turf:#8da576;--turf-dark:#587653;--red:#b86251;--yellow:#f5ca72;--sky:#77a8af;--shadow:0 10px 32px #173f5010;font-family:Nunito,'Segoe UI',sans-serif;color-scheme:light}
html,body{background:var(--paper);color:var(--ink);font-family:Nunito,'Segoe UI',sans-serif;overscroll-behavior:auto}
body{min-width:320px;user-select:auto}
button,a,input,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9b573e;outline-offset:3px}
.app-bar{width:min(1320px,calc(100% - 48px));margin:auto;min-height:80px;padding:12px 0;background:transparent;color:var(--ink);border:0;box-shadow:none;grid-template-columns:44px 1fr 44px;gap:16px}
.icon-button{border:1px solid #cfdfd6;border-radius:50%;background:var(--white);color:var(--ink);width:44px;height:44px}
.brand{justify-self:start;color:var(--ink);gap:12px}.brand strong{font:650 1.4rem Fraunces,Georgia,serif;letter-spacing:-.025em}.brand small{color:#60796a;font-size:.57rem;letter-spacing:.13em;margin-top:5px}
.flag-mark{box-shadow:none}.globe-mark{border-color:var(--ink)}.globe-mark::before,.globe-mark::after,.globe-mark i,.globe-mark b{border-color:var(--ink)}
#app{width:min(1320px,calc(100% - 48px));margin:10px auto 35px}
.screen{min-height:0}
.menu-screen{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;background:transparent;min-height:0}
.menu-visual{position:relative;display:grid;place-items:center;min-height:0;height:620px;max-height:75vh;background:#bedde0;border-radius:45% 45% 28px 28px;overflow:hidden;box-shadow:none;padding:24px}
.menu-visual>img{display:none}.menu-grid-lines{opacity:.12}
.menu-visual::before,.menu-visual::after{content:'';position:absolute;width:500px;height:220px;border:1px solid #dbeceb;border-radius:50%;transform:rotate(-28deg);pointer-events:none}
.menu-visual::before{top:220px;left:-80px}.menu-visual::after{top:300px;left:90px}
#menuMap{position:relative;z-index:1;width:100%;height:100%;max-height:520px;filter:none;transform:none}
.menu-content{background:transparent;padding:20px 0;min-height:0;width:auto}
.menu-heading>p,.result-copy>p:first-child{color:#617c65;font-size:.65rem;letter-spacing:.14em;font-weight:900}
.menu-heading h1{font:600 clamp(2.5rem,4vw,3.7rem)/1.06 Fraunces,Georgia,serif;letter-spacing:-.05em;margin:14px 0 20px;max-width:14ch}
.menu-heading>.menu-description{font-size:.95rem;line-height:1.7;color:#607a80;margin:0 0 20px;max-width:46ch;letter-spacing:0;font-weight:500}
.progress-summary{gap:10px;flex-wrap:wrap;margin-top:20px}.progress-summary>span{border:1px solid #d6e2d9;border-radius:20px;background:#fffdf6;padding:9px 13px;font-size:.62rem;color:#5a756a}.progress-summary strong{font:700 .88rem Nunito,sans-serif;color:var(--ink);margin-right:5px}
.map-caption{position:absolute;bottom:24px;left:24px;right:24px;z-index:2;width:auto;text-align:center;background:#fffdf6e8;color:#557368;border:0;border-radius:14px;padding:12px;font-size:.62rem;letter-spacing:.09em}
.difficulty-control{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 10px}.difficulty-control>span{font-size:.6rem;letter-spacing:.1em;color:#60766c}
.segments{display:flex;flex-wrap:wrap;border:1px solid #c9dad1;border-radius:24px;padding:4px;gap:2px;background:#fffdf6}.segments button{border:0;border-radius:20px;padding:10px 16px;min-height:40px;background:transparent;font-size:.79rem}.segments button[aria-pressed=true]{background:var(--ink);color:var(--white)}
.difficulty-note{color:#607a80;line-height:1.5;font-size:.77rem;margin:0 0 22px}
.mode-grid{display:grid;gap:10px;margin-top:0}.mode-card{grid-template-columns:44px minmax(0,1fr) 18px;gap:14px;border:1px solid #d1e0d5!important;background:#fffdf6;border-radius:16px;box-shadow:0 3px 8px #173f5003;min-height:85px;padding:15px 18px;text-align:left;transition:transform .18s,background .18s}.mode-card:hover{background:#e9f0e2;transform:translateX(3px)}
.mode-number{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e7edd9;color:#587251;font:600 1.2rem Fraunces,serif}.mode-card:nth-child(2) .mode-number{background:#dcecee;color:#547d87}.mode-card:nth-child(3) .mode-number{background:#f4e9c8;color:#887049}.mode-card:nth-child(4) .mode-number{background:#e8dcd2;color:#987461}
.mode-card strong{font:600 1.08rem Fraunces,Georgia,serif}.mode-card small{font-size:.77rem;line-height:1.5;color:#617b80;margin-top:5px}.mode-card b{font-size:1.05rem}
.pace-control{display:flex;align-items:center;gap:10px;margin:20px 0 0;font-size:.78rem;color:#4f7078;line-height:1.5}.pace-control input{width:19px;height:19px;accent-color:#173f50;flex-shrink:0}
.school-note{font-size:.7rem;line-height:1.6;color:#6b7f74;margin:10px 0 0}
.menu-island,.result-map-island{fill:#8da576;stroke:#f7f3de;stroke-width:1.3;filter:drop-shadow(0 3px 0 #709284)}
.menu-dot{fill:#fff1bd;stroke:#789685}.preview-sphere,.result-sphere{fill:#bedde0}.preview-graticule{fill:none;stroke:#d7e9e6;stroke-width:.8;opacity:.8}.preview-country{stroke:#fff7e3;stroke-width:.5;filter:none}.preview-faroe{fill:#bb6b59;stroke:#fff0c9;stroke-width:3;animation:none}
.preview-country.color-1,.country.color-1{fill:#a5b78b}.preview-country.color-2,.country.color-2{fill:#dfca94}.preview-country.color-3,.country.color-3{fill:#89aaa0}.preview-country.color-4,.country.color-4{fill:#d7ac96}.preview-country.color-5,.country.color-5{fill:#a9b6c0}
.play-screen{height:auto;min-height:0;display:block;background:transparent}
.round-bar{background:transparent;border:0;color:var(--ink);padding:8px 0 19px;grid-template-columns:100px 1fr 65px;min-height:65px;box-shadow:none}.round-back{border:1px solid #cedfd5;border-radius:20px;color:var(--ink);background:var(--white);min-height:42px;font-size:.7rem}.round-progress>span{color:#53716d;font-size:.75rem}.round-progress>div{background:#dce7de;border-radius:6px;overflow:hidden}.round-progress i{background:#8ca779;border-radius:6px}.round-score{color:#647e72}.round-score strong{font:650 1.3rem Fraunces,serif;color:var(--ink)}
.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;grid-template-rows:auto 1fr;grid-template-areas:'map question' 'map answers';gap:0 24px;min-height:640px;height:auto}
.lesson-panel{display:contents;background:transparent;box-shadow:none;padding:0;min-height:0}
.question-card{grid-area:question;min-width:0;padding:24px 24px 16px;border:1px solid #d5e3d9;border-bottom:0;border-radius:22px 22px 0 0;background:var(--white)}
.answer-panel{grid-area:answers;min-width:0;padding:0 24px 24px;border:1px solid #d5e3d9;border-top:0;border-radius:0 0 22px 22px;background:var(--white);align-self:stretch;display:flex;flex-direction:column}
.question-progress{font-size:.64rem;letter-spacing:.06em;margin-bottom:20px;color:#668174}.question-progress>span:first-child{border-radius:15px;background:#e5eddf;color:#3f6059;padding:5px 9px}.question-progress>span:last-child{padding:5px 0}
#promptKicker{font-size:.6rem;color:#8e6840;letter-spacing:.12em;margin:0 0 9px}#promptTitle{font:600 1.9rem/1.15 Fraunces,Georgia,serif;letter-spacing:-.025em;overflow-wrap:normal}.question-region{font-size:.73rem;color:#65807c;line-height:1.5;margin:10px 0}
.map-instruction{font-size:.79rem;line-height:1.65;color:#5a777f;margin:14px 0 0}
.drag-chip{width:100%;border:1px solid #c8dbd4;background:#e8f0e3;border-radius:14px;box-shadow:none;padding:14px;margin:16px 0 0;min-height:64px;color:var(--ink)}.drag-chip strong{font:650 1.35rem Fraunces,serif}.drag-chip small{font-size:.55rem;color:#5a7569}.drag-chip>span{color:#6f8b72}.drag-chip[aria-pressed=true]{border-color:#5a8274;box-shadow:0 0 0 3px #d9e7d3}
.map-shell{grid-area:map;position:relative;min-width:0;min-height:640px;height:auto;border:1px solid #abc9c9;border-radius:24px;background:#bedde0;background-image:none;overflow:hidden;box-shadow:none}
#mapSvg{display:block;width:100%;height:100%;min-height:640px;touch-action:none;background:transparent}
.map-shell::before,.map-shell::after{display:none}.map-shell.is-locked{opacity:1}
.map-controls{top:16px;right:16px;border:1px solid #b0cbc5;border-radius:22px;box-shadow:0 3px 8px #173f5010}.map-controls button{width:44px;height:44px;background:#fffdf6;color:var(--ink);border-bottom-color:#dae4d8}
.north-mark{color:#597d83;text-shadow:none;font-size:.64rem;top:22px;left:22px}.north-mark i{border-bottom-color:#597d83}
.map-legend{border:0;background:#fffdf6e8;border-radius:15px;color:#57776f;bottom:14px;left:14px;font-size:.6rem;padding:8px 12px}.map-legend i{background:#799868}
.island{fill:#91a77b;stroke:#fff8e0;stroke-width:1.6;filter:drop-shadow(0 2px 0 #6b958a);vector-effect:non-scaling-stroke;transition:fill .18s}
.island.interactive:hover,.island.interactive:focus-visible{fill:#adc391;stroke:#456b60;outline:none}.island.solved{fill:#7f9e7a}.island.hinted{fill:#f5ca72;stroke:#8f753c}.island.correct{fill:#719972;stroke:#345f50;animation:none}.island.wrong{fill:#d4a293;animation:none}
.island-label,.village-label{fill:#355d62;stroke:#e5eee2;stroke-width:3px;paint-order:stroke;text-shadow:none;font-family:Nunito,sans-serif;font-weight:850}.island-label{letter-spacing:0;text-transform:none}
.village-dot{fill:#fff9e8;stroke:#537e83;stroke-width:2;filter:none}.village-node:hover .village-dot,.village-node:focus-visible .village-dot{fill:#f5ca72;stroke:#173f50}.village-node.question-target .village-dot{fill:#b86251;stroke:#fffdf6}.village-target-ring{fill:none;stroke:#b86251;stroke-width:2;opacity:.7;animation:none}.village-node.correct .village-dot,.village-node.solved .village-dot{fill:#6b946d;stroke:#fffdf6}.village-node.wrong .village-dot{fill:#bb705c}.village-number{pointer-events:none;fill:#173f50;font:850 9px Nunito,sans-serif;text-anchor:middle;dominant-baseline:central}.village-node.correct .village-number,.village-node.solved .village-number,.village-node.question-target .village-number{fill:#fffdf6}
.map-sphere{fill:#bedde0}.map-graticule{fill:none;stroke:#d5e8e5;stroke-width:.8;opacity:.8}.country{stroke:#fcf7e5;stroke-width:1;opacity:.52;vector-effect:non-scaling-stroke;transition:fill .18s}.country.in-region{opacity:1}.country.in-region:hover,.country.in-region:focus-visible{fill:#e7d39e;stroke:#40636b;stroke-width:2}.country.question-target{fill:#f2c46f;stroke:#7d602d;stroke-width:2.6;animation:none;opacity:1}.country.correct{fill:#719972;stroke:#345f50;stroke-width:2.4;animation:none;opacity:1}.country.wrong{fill:#d79988;animation:none}.marker-dot{fill:#567b82;stroke:#fffdf6;stroke-width:2}.marker-ring{stroke:#976d33;stroke-width:2;fill:#f5ca7280;animation:none}.target-pin{pointer-events:none}.target-pin circle{fill:#a85e48;stroke:#fffdf6;stroke-width:2}.target-pin text{fill:#fffdf6;font:850 13px Nunito,sans-serif;text-anchor:middle;dominant-baseline:central}.target-pin.correct circle{fill:#496f51}
.answer-choices,.country-choices{display:grid;grid-template-columns:1fr;gap:9px;margin:0 0 16px}.answer-choices button,.country-choices button{min-height:50px;text-align:left;padding:12px 15px;border:1px solid #ccddd1;border-radius:13px;font-size:.87rem;font-weight:800;background:#f6f8ef;color:var(--ink);line-height:1.4;box-shadow:none}.answer-choices button:hover,.country-choices button:hover{background:#e7efde;border-color:#849b76}.answer-choices button.correct-choice,.answer-choices button.selected,.country-choices button.correct-choice{background:#dfebd7;border-color:#718f61;color:#315a45}.answer-choices button.wrong-choice,.country-choices button.wrong-choice{color:#995842;background:#f3e0d5;border-color:#c69c84}
.silhouette-panel{display:block;margin:0}.silhouette-panel>svg{height:135px;width:100%;margin-bottom:15px;background:#e4efec;border-radius:15px;border:0}.silhouette-island{fill:#8ca678;stroke:#fff5d9;filter:drop-shadow(0 2px 0 #7d9c8d)}
.feedback{font-size:.83rem;line-height:1.6;border:0;border-radius:13px;min-height:0;margin:8px 0 16px;padding:13px 15px}.feedback:empty{display:none}.feedback.good{background:#e4eddc;color:#3a674c}.feedback.try-again{background:#f3e5d9;color:#805a43}.feedback.hint{background:#f6edd1;color:#766039}
.previous-answer{margin:0 0 15px;padding:0 0 13px;border-color:#dae4d6;font-size:.7rem;grid-template-columns:22px 1fr}.previous-answer strong{white-space:normal;font-size:.76rem}.previous-answer small{font-size:.53rem}.previous-answer-mark{width:21px;height:21px;background:#769263}
.lesson-actions{margin-top:auto;display:flex;flex-direction:column;gap:9px;padding-top:6px}.lesson-actions button,.result-actions button{min-height:46px;border-radius:24px;font-size:.8rem;border-color:#c8dacf;padding:11px 18px}.lesson-actions #nextButton,.result-actions button:first-child{background:#173f50;border-color:#173f50;color:#fffdf6}.lesson-actions #hintButton{background:#f3f5e9;color:#5b725b}
.result-screen{grid-template-columns:1fr 1fr;gap:30px;background:transparent;color:var(--ink)}.result-map{min-height:540px;background:#bedde0;background-image:none;border-radius:28px;padding:25px}.result-copy{padding:30px;background:transparent}.result-copy h1{font:600 3rem Fraunces,serif;letter-spacing:-.04em}.result-facts b{font-family:Fraunces,serif}.result-country{fill:#9fb28d;stroke:#f4f2db}.result-country.learned{fill:#d9b65e}#resultMap{filter:none}
dialog{background:#fffdf6;border-radius:24px;padding:32px;max-height:85dvh;overflow:auto;color:var(--ink);box-shadow:0 20px 60px #173f5030}dialog h2{font-family:Fraunces,serif}dialog li{font-size:.91rem;line-height:1.7}dialog::backdrop{background:#173f5070;backdrop-filter:blur(5px)}.dialog-close{border-radius:50%;width:40px;height:40px}.source-note{line-height:1.6;color:#6c827b}
@media(max-width:1050px){.menu-screen{gap:28px;grid-template-columns:.8fr 1fr}.menu-visual{height:550px}.play-layout{grid-template-columns:minmax(0,1fr) 310px;gap:0 16px}.question-card{padding:21px 20px 15px}.answer-panel{padding:0 20px 21px}.mode-card{padding:13px;gap:10px}.menu-heading h1{font-size:3rem}}
@media(max-width:720px){
 .app-bar{width:calc(100% - 28px);min-height:68px;gap:10px}.brand strong{font-size:1.12rem}.brand small{font-size:.5rem}.flag-mark{width:25px}.icon-button{width:42px;height:42px}.globe-mark{width:26px;height:26px}
 #app{width:calc(100% - 28px);margin:2px auto 24px}.menu-screen{display:flex;flex-direction:column;gap:0}.menu-content{order:0;padding:20px 0;width:100%}.menu-visual{order:1;height:300px;min-height:0;max-height:none;width:100%;border-radius:75px 75px 22px 22px;padding:5px 20px 45px;margin-top:8px}.menu-heading h1{font-size:2.55rem;max-width:15ch;margin:12px 0 16px}.menu-description{font-size:.88rem;margin-bottom:16px}.progress-summary{margin-top:12px}.map-caption{bottom:14px;left:14px;right:14px;padding:10px;font-size:.55rem}.difficulty-control{margin-top:23px;gap:8px;display:flex}.segments{width:auto;padding:3px}.segments button{padding:9px 13px;min-height:40px;font-size:.74rem}.difficulty-control>span{font-size:.53rem}.difficulty-note{font-size:.73rem}.mode-card{min-height:80px;grid-template-columns:39px 1fr 16px;border-radius:15px;padding:13px;gap:11px}.mode-number{width:38px;height:38px;font-size:1.1rem}.mode-card strong{font-size:1rem}.mode-card small{font-size:.72rem}.pace-control{font-size:.74rem}.school-note{font-size:.68rem}
 .round-bar{grid-template-columns:72px 1fr 43px;gap:10px;padding:5px 0 13px;min-height:58px}.round-back{font-size:.61rem;height:40px;padding:0 9px}.round-progress>span{font-size:.65rem}.round-score>span{font-size:.5rem}.round-score strong{font-size:1.15rem}
 .play-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:'question' 'map' 'answers';gap:0;min-height:0}.question-card{padding:15px 17px;border-radius:19px 19px 0 0;border-bottom:0}.question-progress{margin-bottom:10px;font-size:.57rem}#promptKicker{font-size:.54rem;margin-bottom:5px}#promptTitle{font-size:1.55rem;line-height:1.17}.map-instruction{font-size:.73rem;line-height:1.5;margin:8px 0 0}.question-region{margin:5px 0 0;font-size:.69rem}.drag-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:47px;padding:9px 12px;margin:10px 0 0}.drag-chip strong{font-size:1.16rem}.drag-chip small{font-size:.5rem}.drag-chip>span{font-size:1rem}
 .map-shell{height:clamp(310px,42dvh,400px);min-height:0;border-radius:0;border-top:0;border-bottom:0}.map-shell #mapSvg{min-height:0;height:100%}.map-controls{top:10px;right:10px}.map-controls button{width:42px;height:42px}.map-legend{font-size:.54rem;padding:7px 10px;bottom:10px;left:10px}.north-mark{top:16px;left:15px}
 .answer-panel{padding:15px 17px 18px;border-radius:0 0 19px 19px}.answer-choices,.country-choices{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.answer-choices button,.country-choices button{min-height:48px;font-size:.77rem;padding:10px 12px}.feedback{margin:8px 0;font-size:.77rem;padding:10px 12px}.lesson-actions{flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:10px}.lesson-actions button{font-size:.72rem;min-height:44px;padding:11px 15px}.lesson-actions #nextButton{margin-left:auto}.silhouette-panel>svg{height:110px}.previous-answer{display:none}.result-screen{display:flex;flex-direction:column;gap:18px}.result-copy{order:0;padding:25px 6px}.result-copy h1{font-size:2.7rem}.result-map{order:1;min-height:300px}.result-actions{flex-wrap:wrap}.result-actions button{margin:0}.menu-visual #menuMap{width:100%;height:100%;max-height:none}
}
@media(max-width:720px) and (orientation:landscape){.map-shell{height:440px}.play-screen{height:auto}.menu-visual{height:300px}.lesson-panel{display:contents}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.menu-visual{top:auto}.menu-visual::before,.menu-visual::after{background:none;inset:auto}.menu-visual::before{top:220px;left:-80px}.menu-visual::after{top:300px;left:90px}#menuMap{inset:auto}.menu-map-dot{fill:#fff1bd;stroke:#789685;animation:none}.island.hinted{animation:none}
.shape-preview{position:absolute;inset:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.shape-preview[hidden]{display:none}.shape-preview>span{font-size:.62rem;font-weight:850;letter-spacing:.1em;color:#4f757a}.shape-preview>svg{width:100%;height:calc(100% - 32px);max-height:440px}.map-shell.is-locked #mapSvg,.map-shell.is-locked .map-controls,.map-shell.is-locked .north-mark{visibility:hidden}
.shape-preview #silhouetteSvg{width:100%;height:calc(100% - 32px);max-height:440px;min-height:0;border:0;background:none;border-radius:0}