:root{font-family:system-ui,-apple-system,sans-serif;color:#122b45;background:#eef4fa;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:82px;max-width:1440px;margin:auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#183a62;font-size:22px;letter-spacing:2px}.brand b{color:#087d90;letter-spacing:0}nav{display:flex;gap:8px}button,select,input{font:inherit}button{min-height:46px;border:1px solid #bfd0df;border-radius:12px;background:white;color:#173951;padding:10px 16px;cursor:pointer;touch-action:manipulation}button:hover{background:#e1edf5}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #faad22;outline-offset:3px}nav button.active,#next,#download{background:#174b80;color:white;border-color:#174b80}main{max-width:1440px;margin:auto;padding:12px 32px 28px;display:grid;grid-template-columns:350px 1fr;gap:28px}.control{padding:16px 0}.eyebrow{font-size:14px;font-weight:750;color:#087486;letter-spacing:2px}h1{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:14px 0}.intro{color:#536a80;line-height:1.6}.settings{display:grid;gap:14px;margin:24px 0}label{display:block;font-size:14px;font-weight:650}select,input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #becfdc;border-radius:10px;color:#173951;background:white;min-height:48px}.request{background:#173951;color:white;border-radius:20px;padding:24px;margin:20px 0 16px}.request>span{font-size:14px;color:#b7d5eb}h2{font-size:30px;margin:10px 0 6px;line-height:1.2}.request small{font-size:14px;color:#b7d5eb}#feedback{min-height:52px;line-height:1.5;font-weight:550}.stats{display:flex;gap:30px;margin:18px 0}.stats strong{display:block;font-size:24px}.stats span{font-size:14px;color:#536a80}progress{width:100%;height:8px;accent-color:#098391}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.help{font-size:14px;color:#536a80;line-height:1.6}.mapcard{background:#dcedf4;border:1px solid #c2d7e4;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.maptools{padding:16px 20px;background:#ffffffc9;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:650}.maptools>div{display:flex;gap:6px}.maptools button{padding:6px 12px}.maptools button:not(:last-child){font-size:24px}svg{width:100%;height:min(74vh,790px);min-height:490px;touch-action:none;user-select:none}path{fill:#fcfdff;stroke:#507995;stroke-width:1;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .15s}path:hover,path:focus{fill:#c7e0ea;outline:none}path.found{fill:#4db0b1}path.wrong{fill:#f29277}path.hinted{fill:#ffd061;stroke:#8b5500;stroke-width:3}text{fill:#193852;font-size:13px;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.legend{display:flex;gap:24px;padding:14px 20px;font-size:14px;background:#ffffffa8}.legend i{display:inline-block;width:12px;height:12px;background:#fff;border:1px solid #507995;border-radius:3px;margin-right:5px}.legend i.done{background:#4db0b1}footer{max-width:1440px;padding:0 32px 28px;margin:auto;color:#536a80;font-size:14px;line-height:1.6}footer a{color:#176185}summary{cursor:pointer}#result{background:white;border:1px solid #b8d3df;padding:20px;border-radius:16px;margin-top:20px}#download{margin-top:12px}[hidden]{display:none!important}@media(max-width:850px){header{padding:16px;height:76px}.brand{font-size:18px}main{padding:0 16px 20px;grid-template-columns:1fr;gap:18px}.control{display:contents}.eyebrow,h1,.intro,.help{display:none}.settings{margin:0;grid-template-columns:1fr 1fr;gap:10px}.request{margin:0;padding:16px 20px}h2{font-size:26px}#feedback{min-height:24px;font-size:14px}.stats{margin:0;justify-content:space-between}.stats strong{font-size:20px}.actions{margin:0}.mapcard{grid-row:auto}.maptools{padding:10px}.maptools>span{max-width:40%}svg{height:58vh;min-height:370px}.legend{padding:10px}.control #result{margin:0}footer{padding:0 16px 24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.scoring{font-size:14px;line-height:1.5;color:#536a80;margin:12px 0}
.navlink{display:flex;align-items:center;color:#174b80;text-decoration:none;padding:10px 14px;border-radius:12px;border:1px solid #bfd0df;background:white;min-height:46px}.navlink:hover{background:#e1edf5}.background{fill:#f4f6ef;stroke:#a0b0b3;stroke-width:.7;pointer-events:none}.physical{fill:var(--color);fill-opacity:.72;stroke:#596c6f;stroke-width:.8}.sea{fill-opacity:.47;stroke:#6191a5;stroke-width:.8}.river-visible{fill:none;stroke:#2379ae;stroke-width:2.6;pointer-events:none}.river-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke}.marker{fill:#224f76;stroke:white;stroke-width:1.5;cursor:pointer}.marker.found{fill:#169487}.physical.found{fill:#44a9aa;fill-opacity:.9}.river-hit.found+.river-visible{stroke:#159087;stroke-width:4}.river-hit.wrong+.river-visible{stroke:#e66e49;stroke-width:4}.river-hit.hinted+.river-visible{stroke:#e0a312;stroke-width:5}.marker.hinted{fill:#ffd061;stroke:#8b5500}.marker.wrong{fill:#e77855}.catalog-list{display:flex;flex-wrap:wrap;gap:6px 18px}.mapcard svg{overflow:hidden}@media(max-width:850px){#game{font-size:14px}.settings{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}
/* A bright atlas, with the map as the main play surface. */
:root{color:#203367;background:#edf3ff;font-family:'Trebuchet MS',system-ui,sans-serif}body{background:linear-gradient(135deg,#edf3ff 0%,#e0f5ff 65%,#f4edff 100%);min-height:100vh}header{height:auto;min-height:82px;flex-wrap:wrap;gap:14px}.brand{font-weight:800;color:#354bc0}.brand b{color:#ec6d35}nav{align-items:center;flex-wrap:wrap}.sound-button{width:46px;padding:6px;font-size:21px;background:#fff2bd;border-color:#ebc956}h1{color:#2a3da2}.eyebrow{color:#6850b3;font-weight:800}.request{background:linear-gradient(110deg,#ffe073,#ffd054);color:#253776;border:2px solid #fff5ca;box-shadow:0 7px 0 #e8b94b66}.request>span,.request small{color:#4d4f79}.request h2{font-weight:850}.stats{gap:12px}.stats>div{flex:1;padding:15px 12px;border:1px solid #d7def6;background:#fff;border-radius:16px;box-shadow:0 4px 0 #d8e1f566}.stats strong{color:#3c50b2}.stats>div:last-child strong{color:#9b429b}.stats span{display:block;margin-top:5px;color:#536080}progress{accent-color:#6654d6;height:11px}button{border:1px solid #c5ceed;box-shadow:0 3px 0 #bcc8e066;transition:background .15s,transform .15s,box-shadow .15s;font-weight:650}button:active{transform:translateY(2px);box-shadow:0 1px 0 #bcc8e066}button:disabled{cursor:default;opacity:.58}nav button.active,#next,#download{background:#5260ce;border-color:#3e4cab;box-shadow:0 3px 0 #354494;color:white}#hint{background:#fff0ab;border-color:#e7ca69;color:#6a5106}#restart{background:#f6eaff;border-color:#d6bde9;color:#7843a0}.mapcard{position:relative;background:#bce8f6;border:2px solid #91cde4;border-radius:26px;box-shadow:0 8px 0 #98cce355}.maptools{background:#ffffffd9;color:#344797}.legend{background:#ffffffd9}.legend i{background:#ffd45b}.legend i.done{background:#49b477}path:not(.background):not(.physical):not(.river-hit):not(.river-visible){fill:var(--territory,#ffe073);stroke:#566784;stroke-width:1.2}path:not(.background):not(.river-hit):not(.river-visible):hover{filter:brightness(1.06);stroke:#334d81;stroke-width:2}path:not(.background):not(.river-hit):not(.river-visible).found,.physical.found{fill:#55bc86;fill-opacity:.9;stroke:#28754f;stroke-width:1.6}path:not(.background):not(.river-hit):not(.river-visible).wrong{fill:#f37578;stroke:#ae3149;stroke-width:2}path:not(.background):not(.river-hit):not(.river-visible).hinted{fill:#ffce45;stroke:#9e6b08;stroke-width:3}.marker{fill:var(--territory,#7758cc);stroke:#384e7d;stroke-width:1.2}.marker.found{fill:#36af72;stroke:#226b4c}.marker.wrong{fill:#f37578;stroke:#ae3149}.marker.hinted{fill:#ffce45;stroke:#9e6b08}.physical{fill-opacity:.8}.background{fill:#f7f8ed}#feedback{padding:10px 13px;border-radius:12px;background:#ffffffa8;border:1px solid #dbe4f8;color:#40567e}#feedback[data-state=correct]{background:#ddf7e6;border-color:#98d7b0;color:#216240}#feedback[data-state=wrong]{background:#ffe4e8;border-color:#f1adb8;color:#a62e4d}#feedback[data-state=hint]{background:#fff3bd;border-color:#e8ca65;color:#7c5f15}#feedback[data-state=complete]{background:#ede5ff;border-color:#bd9be6;color:#5d3495;font-weight:750}#result{border:2px solid #bb9ee7;background:#fcfaff;box-shadow:0 5px 0 #d1bceb88}#result h3{color:#633c9b;margin-top:0}.confetti{position:absolute;top:55px;width:9px;height:16px;border-radius:2px;pointer-events:none;animation:confetti-fall 1.8s ease-in forwards;z-index:5}@keyframes confetti-fall{from{opacity:1;transform:translate(0,-25px) rotate(0)}to{opacity:0;transform:translate(var(--drift),440px) rotate(var(--turn))}}@media(max-width:850px){header{padding:14px 16px;gap:10px}header nav{gap:6px}.stats>div{padding:10px 12px}.mapcard{box-shadow:0 5px 0 #98cce355}.request{padding:16px 20px}#feedback{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.confetti{display:none}button{transition:none}}

.study-link{display:block;text-align:center;text-decoration:none;background:#fff;color:#5260ce;border:2px solid #c4c5f2;border-radius:12px;padding:12px 14px;font-weight:700;margin:0 0 20px;min-height:46px}.study-link:hover{background:#f1edff}.study-link:focus-visible{outline:3px solid #faad22;outline-offset:3px}@media(max-width:850px){.study-link{margin:0}}

.timer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin:0 0 16px;background:#ffffffa8;border:1px solid #dbe4f8;border-radius:12px;font-size:15px;color:#40567e}.timer strong{font-size:20px;font-variant-numeric:tabular-nums;color:#5260ce}@media(max-width:850px){.timer{margin:0}}

.navlink.active{background:#5260ce;color:white;border-color:#3e4cab}#filterlabel{grid-column:1/-1}