@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#253b35;background:#f7f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}header{height:91px;border-bottom:1px solid #e0e4db;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%}.brand{font-family:Manrope,sans-serif;font-size:36px;font-weight:800;text-decoration:none;color:#243f35;letter-spacing:-2px}.brand-icon{display:inline-block;background:#dce7a8;color:#365440;border-radius:12px;width:40px;height:40px;text-align:center;font-size:32px;margin-right:9px;vertical-align:3px;line-height:40px}.brand-dot{color:#8b9f55}.header-label,.edition{font-size:10px;font-weight:700;letter-spacing:1.8px}.edition span{margin-left:17px;color:#8a9a8b}main{max-width:1440px;margin:auto;padding:47px 5.2% 20px}.intro{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;display:flex;gap:8px;align-items:center}.eyebrow span,.green-dot{width:7px;height:7px;border-radius:50%;background:#86a276;display:inline-block}h1{font-family:Manrope,sans-serif;font-size:clamp(32px,3.6vw,51px);letter-spacing:-2px;line-height:1.2;margin:15px 0 12px;font-weight:800}h1>span{color:#94a85e}.intro p{color:#7d877c;font-size:14px;margin:0}.intro-note{font-size:12px;line-height:1.7;color:#7d877c;display:flex;align-items:center;gap:13px}.intro-note>span{font-size:39px;color:#94a568}.toolbar{margin-top:37px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;background:#eaece4;padding:5px;border-radius:11px;gap:4px}.tabs button{background:transparent;border:0;color:#788477;padding:11px 18px;font-size:12px;font-weight:600;border-radius:8px}.tabs .active{background:#fff;color:#2c493a;box-shadow:0 2px 5px #253b3510}.toolbar-note{font-size:11px;color:#7d877c;display:flex;align-items:center;gap:7px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 307px;gap:25px}.map-card{border:1px solid #dfe5dd;border-radius:18px;background:#eef3ee;overflow:hidden}.map-heading{display:flex;justify-content:space-between;padding:22px 25px 0;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#7e9083}.map-heading>span:last-child{letter-spacing:0;color:#3d5645}.map-wrap{position:relative}svg{display:block;width:100%;max-height:540px}.sea{font-size:9px;letter-spacing:3px;fill:#98aeaa}.country{font-size:9px;letter-spacing:3px;fill:#9ea99a}.inset{fill:#eef3ee;stroke:#cdd9cf;stroke-dasharray:4 4}.inset-label{font-size:9px;letter-spacing:1.5px;fill:#8d9e8f}.region{fill:#dedccf;stroke:#f9faf5;stroke-width:1.7;stroke-linejoin:round;cursor:pointer;transition:fill .18s,filter .18s;outline:none}.region:hover,.region:focus{fill:#b9b2d9;filter:drop-shadow(0 2px 3px #52445a30)}.region.correct{fill:#a9c893}.region.wrong{fill:#dba099}.region.hinted{fill:#c5bbdf;animation:pulse 1s infinite alternate}.region.selected{fill:#aea0cf}.map-label{font-size:10px;fill:#304b39;paint-order:stroke;stroke:#f4f4eb;stroke-width:3px;text-anchor:middle;font-weight:600}.map-footer{border-top:1px solid #dfe5dd;display:flex;align-items:center;gap:20px;padding:17px 23px;font-size:10px;color:#829080;background:#f3f5ee}.map-footer>span{display:flex;align-items:center;gap:6px}.legend{display:inline-block;width:8px;height:8px;background:#dedccf;border-radius:2px}.legend.done{background:#a9c893}.map-footer .map-tip{margin-left:auto;font-size:9px}.question-card{border-radius:17px;background:#f0ecf7;border:1px solid #e3ddee;padding:23px}.question-top{display:flex;align-items:center;justify-content:space-between;color:#8c7da2;font-size:9px;letter-spacing:1.4px;font-weight:700}.small-icon{font-size:20px}.question-prefix{font-size:17px;color:#82718f;margin:27px 0 8px}h2{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1px;line-height:1.23;margin:0 0 16px;color:#473859;min-height:70px}.question-help{font-size:12px;line-height:1.8;color:#8c8197;min-height:43px;margin-bottom:24px}.hint-button,.primary{width:100%;border:1px solid #d9cfe7;border-radius:9px;padding:12px;background:#f6f3fa;color:#756087;font-size:12px;font-weight:600}.primary{background:#685180;color:white;border-color:#685180}.question-bottom{border-top:1px solid #dfd7e9;margin-top:25px;padding-top:17px;color:#95879f;font-size:10px}.progress-track{height:5px;background:#e1dbe8;border-radius:9px;margin-top:11px;overflow:hidden}.progress-track>div{height:100%;background:#9b87b5;width:0;transition:width .3s}.stats-card{border:1px solid #e1e4d9;border-radius:15px;padding:20px;margin-top:17px;background:#fbfbf6}.stats-title{display:flex;justify-content:space-between;font-size:9px;color:#929787;font-weight:700;letter-spacing:1px}.stats{display:flex;justify-content:space-between;margin-top:22px}.stats>div{text-align:center;flex:1}.stats>div+div{border-left:1px solid #e7e8df}.stats strong{display:block;font-family:Manrope,sans-serif;font-size:25px;font-weight:700}.stats span{display:block;font-size:9px;color:#959c8e;margin-top:6px}.learning-note{display:flex;gap:11px;align-items:center;padding:10px 5px}.learning-note>span{color:#9d9b62;font-size:25px}.learning-note p{font-size:10px;line-height:1.9;color:#9b9f91}.learning-note strong{font-weight:500;color:#76816c}.restart{display:block;margin:0 auto;border:0;background:none;font-size:10px;color:#8a9381;padding:9px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e0e4db;margin-top:34px;padding-top:22px;font-size:9px;color:#929a8b}footer>span:last-child{font-size:8px;letter-spacing:1px}.source{font-size:9px;color:#a2a797;margin-top:20px}.source a{color:inherit}#feedback{font-size:12px;line-height:1.5;margin-bottom:13px;color:#685180}.tooltip{position:absolute;background:#344c3e;color:white;pointer-events:none;padding:7px 11px;border-radius:6px;font-size:11px;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap}[hidden]{display:none!important}@keyframes pulse{to{fill:#a796cb}}@media(min-width:1450px){main{padding-top:60px}}@media(max-width:950px){.game-layout{grid-template-columns:minmax(0,1fr) 270px;gap:15px}main{padding:30px 4%}.map-tip{display:none!important}.intro-note{display:none}h2{font-size:25px}.question-card{padding:19px}}@media(max-width:700px){header{height:72px;padding:0 5%}.header-label{display:none}.game-layout{display:flex;flex-direction:column}.intro h1{font-size:34px}.intro p{font-size:12px}.toolbar{margin-top:25px}.toolbar-note{display:none}.tabs{width:100%}.tabs button{flex:1}.map-card{order:1}aside{display:contents}.question-card{order:0;padding:17px 20px}.question-top{font-size:9px}.question-prefix{margin:9px 0 4px;font-size:13px}h2{min-height:0;font-size:26px;margin-bottom:5px}.question-help{min-height:0;margin:5px 0 12px;font-size:11px}.question-bottom{margin-top:12px;padding-top:10px}.stats-card{order:2;margin-top:0}.learning-note{order:3;justify-content:center}.restart{order:4}footer{flex-wrap:wrap;margin-top:24px;font-size:9px}.map-heading{padding:16px 17px 0}.map-footer{padding:13px 17px}.stats{margin-top:12px}.stats strong{font-size:22px}}
/* Learning phases and touch-friendly layouts */
button{min-height:44px}button:focus-visible,input:focus-visible{outline:3px solid #8873a3;outline-offset:3px}.main-tabs{flex-wrap:wrap}.main-tabs button{font-size:12px;padding:12px 18px}.restart{width:100%;margin:12px 0 0;background:#344f3e;color:white;border:1px solid #344f3e;border-radius:10px;padding:14px 18px;font-weight:700;font-size:13px;box-shadow:0 3px 7px #253b3515}.restart:hover{background:#243d2e}.study-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.study-toolbar p{font-size:13px;color:#7d877c}.province-layout{display:grid;grid-template-columns:minmax(0,1fr) 307px;gap:25px}.province-question{border-radius:18px;background:#f0ecf7;border:1px solid #e3ddee;padding:32px}.province-top{display:flex;justify-content:space-between;gap:15px;color:#8c7da2;font-size:11px;margin-top:22px}.province-question h2{font-size:39px;min-height:0}.province-question .question-prefix{font-size:16px}.province-question .question-help{min-height:0}.province-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.province-option{background:#fcfbfe;border:1px solid #d9cfe7;color:#594768;border-radius:12px;padding:18px;text-align:left;min-height:72px;line-height:1.5;font-weight:600}.province-option:hover:not(:disabled){background:#e4dcee;border-color:#9880b1}.province-option.right{background:#d9e8cf;border-color:#8dab79;color:#344f3e}.province-option.incorrect{background:#f0dcd9;border-color:#c38d86;color:#8c4c46}.province-option:disabled{cursor:default}.province-note{color:#7d877c;font-size:13px;line-height:1.8;padding:12px 3px}.province-side .stats-card{margin-top:0}#provinceFeedback{font-size:14px;color:#655076;line-height:1.7;min-height:24px;margin:20px 0}.province-question .primary{width:auto;min-width:230px}.province-question .progress-track{margin-top:24px}.province-study{margin-top:30px}.study-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.study-heading h2{font-size:27px;color:#344f3e;min-height:0;margin:12px 0}.province-study>p{font-size:13px;color:#7d877c;line-height:1.8}.study-search{font-size:11px;color:#7d877c;display:grid;gap:7px;min-width:285px}.study-search input{font:inherit;font-size:13px;min-height:46px;border-radius:9px;border:1px solid #d6dece;background:#fff;padding:12px;color:#344f3e;width:100%}.province-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.province-group{padding:23px;border:1px solid #dde3d6;border-radius:14px;background:#fbfcf7}.province-group h3{font-size:17px;margin:0 0 7px;line-height:1.5}.province-count{font-size:10px;color:#8a957f}.province-group ul{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:7px}.province-group li{background:#eaf0e0;color:#506246;font-size:12px;border-radius:6px;padding:7px 9px;line-height:1.5}
@media (max-width:1050px){.toolbar{align-items:stretch}.toolbar-note{display:none}.main-tabs{width:100%}.main-tabs button{flex:1}.province-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.province-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:701px) and (max-width:950px){.game-layout{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.map-footer{gap:12px}.province-question{padding:23px}.province-options{grid-template-columns:1fr}.province-option{min-height:54px;padding:13px 16px}.question-card h2{font-size:24px}}
@media (max-width:700px){.main-tabs{gap:3px;padding:4px}.main-tabs button{font-size:11px;padding:10px 6px;flex:1;min-width:0}.main-tabs button:first-child{flex:1.5}.province-layout{display:flex;flex-direction:column;gap:16px}.province-side{display:block}.province-question{padding:22px 18px}.province-question h2{font-size:31px;overflow-wrap:anywhere}.province-top{font-size:10px;margin-top:18px}.province-top span:last-child{display:none}.province-options{gap:9px}.province-option{padding:12px;font-size:12px;min-height:70px}.province-question .question-prefix{font-size:14px;margin-top:24px;line-height:1.6}.province-question .primary{width:100%;min-width:0}.province-groups{grid-template-columns:1fr}.study-heading{align-items:stretch;flex-direction:column;gap:12px}.study-search{min-width:0}.study-toolbar{flex-direction:column;align-items:stretch;gap:0}.study-toolbar p{font-size:12px}.study-toolbar .tabs button{padding:10px;font-size:11px}.province-study{margin-top:25px}.restart{min-height:50px;font-size:14px;margin-top:4px}.learning-note{padding:0}.game-layout{gap:16px}.intro h1{font-size:clamp(27px,7.8vw,34px);letter-spacing:-1.4px}.map-footer{font-size:10px}.map-label{font-size:11px}.source{line-height:1.7}.province-note{margin:10px 0;padding:0;font-size:12px}}
@media (max-width:360px){.province-options{grid-template-columns:1fr}.main-tabs button{font-size:10px}.brand{font-size:29px}.edition{font-size:9px}}
.selected-province-list{list-style:none;padding:0;margin:15px 0 5px;display:flex;flex-wrap:wrap;gap:7px}.selected-province-list li{background:#faf8fd;color:#655076;border:1px solid #dfd5e9;border-radius:7px;font-size:12px;line-height:1.5;padding:8px 11px}
/* Highlight only the study information panel. */
.study-map-panel .question-card{background:#dcebd3;border-color:#c3d6b8}.study-map-panel .question-top,.study-map-panel .question-prefix,.study-map-panel .question-help{color:#607854}.study-map-panel .question-card h2{color:#304c2b}.study-map-panel .selected-province-list li{background:#f3f8ed;color:#3d5b34;border-color:#c5d9b7}.study-map-panel .question-bottom{display:none}
.community-flag{width:48px;height:32px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 2px #253b3520);flex:none}.province-group h3{display:flex;align-items:center;gap:12px}.province-group h3 .community-flag{width:38px;height:26px}#communityFlag{margin:14px 0 4px}#communityFlag .community-flag{width:70px;height:46px}.selected-province-list li{padding:0!important;border:0!important;background:none!important}.selected-province-list button{border:1px solid #c5d9b7;border-radius:7px;background:#f3f8ed;color:#3d5b34;padding:9px 12px;font-size:12px;min-height:44px}.selected-province-list button.active{background:#355641;color:#fff;border-color:#355641}.province-boundary{fill:#d4e0be;stroke:#fffdf3;stroke-width:1.3;stroke-linejoin:round;cursor:pointer;outline:none;transition:fill .15s}.province-boundary:hover,.province-boundary:focus{fill:#afc493;stroke:#355641;stroke-width:2}.province-boundary.highlighted{fill:#6a8f54;stroke:#304c2b;stroke-width:2.2}.province-map-label{font-size:8px;stroke-width:2.2px;fill:#334f2d}.highlighted-label{font-weight:700;fill:#173715;stroke:#eff6e6;stroke-width:3px}.study-map-panel .question-card #feedback{color:#3d5b34}.study-map-panel .question-help{min-height:0}
.brand-icon{display:inline-block;width:40px;height:40px;background:none;border-radius:0;object-fit:contain;vertical-align:-5px;margin-right:9px}
/* Keep restart above the active question on every screen size. */
#restart{margin:0 0 14px}#provinceRestart{margin:0 0 24px;width:auto;display:block} @media(max-width:700px){#restart{order:-1;margin:0}#provinceRestart{width:100%;margin-bottom:20px}}
/* Study mode is for reference, without quiz statistics or encouragement. */
.study-map-panel #communityGame .stats-card,.study-map-panel #communityGame .learning-note{display:none}
.study-map-panel #restart{display:none}

#map{max-height:none}
/* Province quiz follows the same map-and-question layout as communities. */
#provinceQuizMap{max-height:none;width:100%;height:auto}#provinceGame .province-question{padding:23px}#provinceGame .province-question h2{font-size:29px;min-height:70px}#provinceGame .province-question .question-prefix{font-size:17px}#provinceGame .province-question .question-help{min-height:43px}#provinceGame .province-question .primary{width:100%;min-width:0}#provinceGame .province-side .stats-card{margin-top:17px}#provinceRestart{width:100%;margin:0 0 14px}#provinceFeedback{font-size:12px;margin:0 0 13px;min-height:0}.province-quiz-region{fill:#dedccf;stroke:#fafaf5;stroke-width:1;stroke-linejoin:round;cursor:pointer;outline:none;transition:fill .15s}.province-quiz-region:hover,.province-quiz-region:focus{fill:#b9b2d9;stroke:#827394;stroke-width:1.5}.province-quiz-region.correct{fill:#a9c893}.province-quiz-region.wrong{fill:#dba099}.province-community-outline{fill:none;stroke:#fafaf5;stroke-width:2.3;stroke-linejoin:round;pointer-events:none}.quiz-community-label{pointer-events:none;font-size:10px}#quiz-provinceBoundaries{pointer-events:none}
@media(min-width:701px) and (max-width:950px){#provinceGame .province-question h2{font-size:24px}}
@media(max-width:700px){#provinceGame .province-side{display:contents}#provinceGame #provinceRestart{order:-1;margin:0}#provinceGame .province-question{order:0;padding:17px 20px}#provinceGame>.map-card{order:1}#provinceGame .stats-card{order:2;margin-top:0!important}#provinceGame .province-question h2{font-size:26px;min-height:0}#provinceGame .province-question .question-help{min-height:0}#provinceGame .province-question .question-prefix{font-size:13px;margin-top:9px}}
.quiz-answer-label{font-size:10px;font-weight:700;pointer-events:none;stroke-width:3px}.right-label{fill:#25491f;stroke:#f3faec}.wrong-label{fill:#8a2821;stroke:#fff0ed}
/* Switch between the two atlases from either header. */
.atlas-switch{display:flex;align-items:center;gap:4px;padding:4px;background:#eaece4;border-radius:10px}.atlas-switch a{font-size:12px;font-weight:600;text-decoration:none;color:#76816c;padding:11px 16px;border-radius:7px;white-space:nowrap}.atlas-switch a.active{background:#fff;color:#304b3b;box-shadow:0 2px 5px #253b3510}.atlas-switch a:focus-visible{outline:3px solid #8873a3;outline-offset:2px}@media(max-width:700px){header{gap:8px;flex-wrap:wrap;height:auto;min-height:80px;padding-top:12px;padding-bottom:12px}.atlas-switch{margin-left:auto}.atlas-switch a{font-size:11px;padding:10px}.edition{display:none}}@media(max-width:370px){.atlas-switch a{font-size:10px;padding:9px 7px}}