@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{--paper:#f6f5ed;--ink:#263b2d;--muted:#7b8176;--line:#dfe1d5;--accent:#d8ee91;--green:#3c6046}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,select,input{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #94aa56;outline-offset:4px}[hidden]{display:none!important}.site-header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:relative;z-index:2}#brand{font:800 25px Manrope,sans-serif;color:var(--ink);text-decoration:none;letter-spacing:-1px}.brand-icon{font-size:36px;font-weight:400;vertical-align:middle;margin-right:9px}.header-note{font-size:10px;letter-spacing:2px;color:var(--muted)}.text-button{border:0;background:none;color:var(--ink);font-size:12px;padding:10px 0}.text-button span{margin-left:18px}.menu{position:relative;max-width:1600px;min-height:735px;margin:auto;padding:72px 7% 0;overflow:hidden}.intro{position:relative;z-index:1;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:#5a7745;border-radius:50%}h1{font:700 clamp(40px,4.1vw,64px)/1.14 Manrope,sans-serif;letter-spacing:-3px;margin:26px 0 22px}h1 em{font-style:normal;color:#7c8768;font-weight:400}.intro p{color:#7a8074;font-size:14px;line-height:1.9;margin:0}.play-card{position:absolute;right:7%;top:74px;width:350px;padding:27px;background:#fffef8;border:1px solid #e0e2d4;border-radius:15px;box-shadow:0 16px 45px #263b2d09;z-index:2}.card-heading{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:1.3px;color:#7a8371}.mini-globe{font-size:21px;color:var(--ink)}.card-num{margin-left:auto;color:#a0a592;font-size:9px;letter-spacing:.6px}.play-card h2{font:700 23px Manrope,sans-serif;letter-spacing:-.8px;margin:25px 0 10px}.play-card p{font-size:12px;line-height:1.7;color:#7a8074;min-height:40px;margin:0 0 24px}.primary{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--accent);border:0;border-radius:7px;color:#2b3d25;padding:17px 21px;font-weight:700;font-size:14px;width:100%;transition:background .2s,transform .2s}.primary:hover{background:#c6e774;transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:wait}.select-label{display:block;font-size:9px;letter-spacing:1.6px;font-weight:700;margin:24px 0 11px;color:#878e7f}.select-wrap{display:flex;align-items:center;border:1px solid #dce0d2;border-radius:6px;padding:0 13px;background:#fafbf5}.select-wrap>span{font-size:20px}select{width:100%;padding:14px 10px;background:transparent;border:0;color:var(--ink);font-size:13px;cursor:pointer}.mode-meta{display:flex;justify-content:space-between;font-size:10px;color:#919784;padding-top:15px}#data-note{font-size:10px;line-height:1.6;color:#7c8473;margin-top:12px}#data-note:empty{display:none}.menu-map{position:relative;width:calc(100% + 100px);margin-left:-45px;margin-top:-68px;height:370px;pointer-events:none}#preview-map{width:100%;height:100%;overflow:visible}#preview-map path{fill:#dce2cc;stroke:var(--paper);stroke-width:.6}.map-tag{position:absolute;font-size:9px;letter-spacing:1px;color:#7c886d}.tag-one{left:49%;top:51%;padding:9px;border-left:1px solid #8c9f6e}.tag-one span{display:block;font-weight:700;color:#4b6541;margin-top:7px}.tag-two{left:10%;bottom:18px;display:flex;gap:8px;align-items:center;background:var(--paper);padding:9px;letter-spacing:.3px}.pulse-dot{height:6px;width:6px;background:#8aa35e;border-radius:50%}.menu-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0;font-size:9px;letter-spacing:1px;color:#929784;position:relative;margin-top:6px}.menu-bottom>div{display:flex;gap:28px}.menu-bottom b{margin-left:9px;color:#5c6957;font-weight:500;letter-spacing:0;font-size:11px}#site-footer{border-top:1px solid var(--line);padding:18px 5.5%;font-size:10px;color:#89917d;display:flex;justify-content:space-between;align-items:center}.footer-dot{font-size:5px;margin:0 9px}#site-footer button{font-size:10px;color:#7b8371}.game-toolbar{background:#283e32;color:#fff;min-height:94px;display:flex;align-items:center;justify-content:space-between;padding:16px 30px;gap:20px}.score-block{display:grid;grid-template-columns:auto auto;gap:4px 15px}.score-block strong{font-size:17px;grid-row:span 2;align-self:center;padding-right:15px;border-right:1px solid #ffffff30}.score-block>span{font-size:21px;font-weight:700}.score-block small{font-size:7px;letter-spacing:1px;color:#b7c5b0}.prompt{display:flex;align-items:center;gap:13px;flex-wrap:wrap;justify-content:center}#prompt-label{font-size:13px;color:#c2ccbb}.prompt strong{font:700 23px Manrope,sans-serif}.prompt #year{font-size:11px;color:#d8ee91}.game-right{display:flex;align-items:center;gap:20px}#flag{font-size:43px;line-height:1}#timer{font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}#exit{font-size:33px;background:none;border:0;color:#c4cfbe;padding:0 5px}#map-area{background:#b8d9dc;position:relative;overflow:hidden;height:calc(100dvh - 250px);min-height:390px}#map{width:100%;height:100%;display:block;touch-action:none}.country{fill:#43835d;stroke:#c2dbcc;stroke-width:.5;vector-effect:non-scaling-stroke}.country.playable{cursor:pointer}.country.playable:hover:not(.correct):not(.second):not(.third):not(.failed):not(.reveal):not(.highlight){fill:#619c6c}.country.inactive{fill:#a7bbb0;stroke:#c2d5c9}.marker{fill:#fffef5;stroke:#355d4b;stroke-width:1;vector-effect:non-scaling-stroke;cursor:pointer}.marker:hover{stroke:#172b1e;stroke-width:3}.country.correct,.marker.correct{fill:#fffef5}.country.second,.marker.second{fill:#f7e69b}.country.third,.marker.third{fill:#eab94d}.country.failed,.marker.failed{fill:#df8378}.country.highlight,.marker.highlight{fill:#b5ce8e;stroke:#2f4c2f;stroke-width:2}.reveal{animation:blink .48s infinite}.country.reveal,.marker.reveal{fill:#e95e50;stroke:#ad2e26;stroke-width:2}@keyframes blink{50%{fill:#fff;stroke:#eb4336;stroke-width:4}}.map-controls{position:absolute;top:20px;left:22px;display:flex;flex-direction:column;background:#fffef5;border-radius:7px;box-shadow:0 2px 12px #213c2a22;overflow:hidden}.map-controls button{width:35px;height:35px;border:0;border-bottom:1px solid #e2e6db;background:transparent;color:var(--ink);font-size:22px}.map-controls button:last-child{font-size:19px;border:0}.map-caption{position:absolute;left:22px;bottom:17px;font-size:10px;color:#46686a;pointer-events:none}#feedback{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:#fffef7f2;color:#2d442e;border-radius:8px;padding:11px 18px;font-size:13px;box-shadow:0 3px 15px #1232;text-align:center;max-width:70%;pointer-events:none}#feedback:empty{display:none}#answer-form{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:min(540px,90%);padding:18px 20px;background:#fffef8;border:1px solid #e1e6d8;border-radius:12px;box-shadow:0 8px 30px #183b2726}#answer-form label{font-size:12px;font-weight:600;display:block;margin-bottom:10px}#answer-form>div{display:flex;gap:9px;align-items:center}#answer{min-width:0;width:100%;padding:12px;border:1px solid #ced6c4;border-radius:5px;color:var(--ink);background:#fafbf6}#unit{white-space:nowrap;font-size:11px;color:#79836e}#answer-form .primary{width:auto;white-space:nowrap;padding:13px 18px}#answer-form small{display:block;font-size:10px;color:#8a917f;margin-top:10px}.game-footer{display:flex;justify-content:space-between;gap:15px;padding:20px 30px;font-size:11px;align-items:center}.legend{display:flex;gap:20px}.legend span{display:flex;gap:6px;align-items:center;color:#74806b}.legend i{display:inline-block;border:1px solid #b5bba7;border-radius:3px;width:12px;height:12px}.white{background:#fffef5}.light{background:#f7e69b}.dark{background:#eab94d}.red{background:#df8378}#attempt{color:#89917d}#results{min-height:100dvh;padding:70px 20px;background:radial-gradient(ellipse at 50% 20%,#e8edda,transparent 70%)}.result-card{max-width:480px;margin:auto;text-align:center}.result-card .eyebrow{justify-content:center}.result-icon{font-size:70px;display:block;margin:20px 0;color:#8aa56a}.result-card h1{font-size:50px;margin:0 0 15px}.result-card p{color:#7a856f;font-size:13px}.result-stats{display:flex;justify-content:center;gap:70px;margin:35px 0}.result-stats strong{display:block;font:700 42px Manrope,sans-serif;letter-spacing:-2px}.result-stats span{font-size:9px;letter-spacing:1.5px;color:#879077}.result-card .primary{margin-top:30px}dialog{max-width:580px;width:calc(100% - 36px);border:1px solid #d6decc;border-radius:15px;background:#fffef6;color:var(--ink);padding:35px;box-shadow:0 30px 100px #142c3344}dialog::backdrop{background:#233b2d77;backdrop-filter:blur(4px)}dialog h2{font:700 25px Manrope,sans-serif}dialog p,dialog li{font-size:13px;line-height:1.9;color:#6e7966}dialog a{color:#466c39}.close-dialog{float:right;border:0;background:none;font-size:25px;color:#687460}#load-error{padding:20px;background:#f6d8cd;text-align:center}
@media(min-width:1500px){.menu{min-height:810px}.menu-map{height:440px}}@media(max-width:1000px){.header-note{display:none}.menu{padding:50px 5% 0}.intro h1{font-size:42px;letter-spacing:-2px}.play-card{right:5%;width:310px;top:52px;padding:24px}.intro p{font-size:12px}.menu-map{margin-top:-20px}.menu-bottom>span{display:none}.menu-bottom>div{width:100%;justify-content:space-between}.game-toolbar{padding:15px;gap:10px}.prompt strong{font-size:19px}.game-right{gap:10px}.legend{gap:10px}}
@media(max-width:700px){.site-header{height:76px;padding:0 6%}#brand{font-size:22px}.brand-icon{font-size:29px}.menu{padding:36px 6% 0;min-height:0;display:flex;flex-direction:column}.intro h1{font-size:37px;letter-spacing:-1.8px;margin-top:20px}.intro p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.3px}.play-card{position:relative;top:auto;right:auto;width:100%;margin-top:30px;order:1}.menu-map{height:200px;margin:0 0 -10px;width:100%;order:2}.tag-one{display:none}.tag-two{left:0;bottom:0;font-size:8px}.menu-bottom{order:3;padding:23px 0}.menu-bottom>div{gap:8px}.menu-bottom b{font-size:9px;margin-left:4px}.menu-bottom>div>span{font-size:8px}#site-footer{padding:12px 6%;font-size:8px}.game-toolbar{flex-wrap:wrap;min-height:112px}.score-block{order:1}.game-right{order:2;margin-left:auto}.prompt{order:3;width:100%;gap:8px}.prompt strong{font-size:18px}#flag{font-size:30px}#timer{font-size:16px}#map-area{height:calc(100dvh - 260px);min-height:360px}.game-footer{padding:15px;flex-wrap:wrap;font-size:10px}.legend{order:3;width:100%;justify-content:space-between;font-size:9px}#attempt{margin-left:auto}.map-caption{font-size:8px;bottom:8px}.map-controls{top:12px;left:12px}#answer-form{bottom:25px;padding:12px}#answer-form .primary{padding:13px 10px;font-size:12px}#unit{font-size:9px}#answer-form small{font-size:9px}#feedback{max-width:85%;width:max-content;font-size:11px}.result-stats{gap:40px}#results{padding-top:40px}.result-stats strong{font-size:36px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{animation-duration:1s}}

.wrong-country-label{pointer-events:none;animation:country-name-fade 3s linear forwards}.wrong-country-label rect{fill:#fffef8;stroke:#839786;stroke-width:.6;filter:drop-shadow(0 2px 3px #18342625)}.wrong-country-label text{fill:#263b2d;font:600 12px 'DM Sans',sans-serif}@keyframes country-name-fade{from{opacity:1}to{opacity:0}}

#sound-toggle{width:32px;height:32px;flex-shrink:0;border:1px solid #ffffff30;border-radius:6px;background:#ffffff09;color:#d8ee91;font-size:19px;line-height:1;transition:background .15s}#sound-toggle:hover{background:#ffffff20}#sound-toggle[aria-pressed="false"]{color:#b6c1b0;font-size:14px}.score-block>span{display:inline-block;transform-origin:left center}

/* A centered start menu, with the mode selector below Play. */
.simple-menu{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:32px}
.simple-menu .intro{text-align:center;max-width:100%}
.simple-menu .intro h1{font-size:clamp(46px,8vw,96px);line-height:1.1;letter-spacing:-.045em;margin:0 0 22px;overflow-wrap:anywhere}
.simple-menu .intro p{font-size:clamp(13px,2.5vw,18px);line-height:1.6;color:var(--muted)}
.simple-menu .play-card{position:static;width:min(100%,360px);margin:0;padding:24px}
.simple-menu .play-card p{min-height:0;margin:16px 0 0}
.simple-menu .mode-meta{justify-content:center}
@media(max-width:700px){.simple-menu{min-height:100dvh;padding:44px 24px;gap:28px}}

.simple-menu{max-width:none;isolation:isolate}
.menu-background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center}
.menu-background #preview-map{width:max(100%,1100px);height:100%;flex-shrink:0;opacity:.85}
.menu-background #preview-map path{fill:#cad6b7;stroke:var(--paper);stroke-width:.8}
.simple-menu .intro{text-shadow:0 2px 18px var(--paper),0 0 35px var(--paper)}
.simple-menu .intro p{color:#526348}
#map-area{height:calc(100dvh - 150px)}
@media(max-width:700px){.menu-background #preview-map{width:900px}#map-area{height:calc(100dvh - 184px)}}

#answer-form{width:min(640px,92%)}
.answer-entry{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.guess-hint{flex-shrink:0;min-width:110px;text-align:center;color:var(--ink);padding:4px 8px;border-left:1px solid var(--line)}
#guess-arrow{display:block;font-size:30px;font-weight:700;line-height:1.1}
#guess-distance{display:block;font-size:10px;line-height:1.35;margin-top:4px}
#unit.answer-unit{display:block;margin-top:7px;font-size:10px}
@media(max-width:700px){.answer-entry{gap:6px}.guess-hint{min-width:90px;padding:2px 5px}#guess-arrow{font-size:26px}#guess-distance{font-size:9px}#answer{padding:12px 8px}}

#answer-form .gdp-answer{margin:10px 0 0;padding:9px 11px;border-radius:6px;background:#edf3dc;color:var(--ink);font-size:12px;font-weight:600}