:root{--ink:#183c39;--muted:#657572;--paper:#f8f7f2;--green:#246849;--line:#d9ded6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #cbd4ca;background:#fff;border-radius:7px;padding:11px 17px;color:var(--ink);font-weight:600}button:hover{background:#edf3e9}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #ce9c36;outline-offset:3px}header,main,footer{max-width:1280px;margin:auto}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 24px}.brand{color:var(--ink);text-decoration:none;font-weight:750;font-size:13px;letter-spacing:2px;display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#fff;width:32px;height:35px;border-radius:5px;font-size:23px;font-family:Georgia,serif}.edition{font-size:11px;letter-spacing:2px;color:var(--muted)}main{padding:0 24px}.intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--green);margin:0 0 8px}h1{font-family:Georgia,serif;font-size:clamp(32px,4.2vw,54px);font-weight:500;letter-spacing:-1.8px;line-height:1.12;margin:0 0 13px}h1 span{color:#ba7b35}.intro p:last-child{margin:0;color:var(--muted)}.badge{display:flex;align-items:center;gap:14px;border-left:1px solid var(--line);padding-left:30px}.badge strong{font-size:48px;font-weight:400;font-family:Georgia,serif}.badge span{font-size:12px;color:var(--muted)}.game{background:white;border:1px solid #cdd7cf;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #183c3906}.toolbar{display:flex;align-items:center;gap:30px;padding:21px 25px 12px}.entry{flex:1}label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}form{display:flex;border:1px solid #c3cec3;border-radius:6px;overflow:hidden;background:var(--paper)}form:focus-within{outline:2px solid #65957a;outline-offset:2px}input{border:0;outline:0;padding:12px 14px;min-width:0;width:100%;background:transparent;color:var(--ink)}form button{border:0;border-radius:0;background:transparent}.stat>span{display:block;font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-bottom:5px}.stat strong{font-size:29px;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.stat small{font-size:17px;font-weight:400;color:var(--muted)}.quiet{border:0;color:#8f4e44;background:transparent;font-size:12px;padding:8px}.feedback{font-size:12px;min-height:33px;padding:0 25px 10px;color:var(--muted)}.map-wrap{position:relative;background:#e7eff0;overflow:hidden}#map{display:block;width:100%;height:min(65vw,650px);min-height:380px;touch-action:none;cursor:grab}#map:active{cursor:grabbing}.region{fill:#fcfcf5;stroke:#819c92;stroke-width:.65;vector-effect:non-scaling-stroke;fill-rule:evenodd;transition:fill .3s}.region.found{fill:#9ed4a1}.region.missed{fill:#e6a69b}.region.outside{fill:#d3ded9;opacity:.65}.region.highlight{fill:#edce7b;stroke:#875919;stroke-width:2}.label{font-size:9px;font-weight:600;fill:#183c39;paint-order:stroke;stroke:#ffffffeb;stroke-width:3px;stroke-linejoin:round;pointer-events:none;text-anchor:middle}.leader{stroke:#577970;stroke-width:.6;pointer-events:none}.map-controls{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:5px}.map-controls button{padding:1px;width:34px;height:34px;font-size:23px;border-color:#b9cbc4}.map-hint{position:absolute;bottom:12px;left:16px;font-size:10px;letter-spacing:.3px;color:#607a78;background:#e7eff0df;padding:3px 7px;border-radius:4px;pointer-events:none}.start-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(365px,85%);background:#fffffff5;border:1px solid #d0dbcf;border-radius:12px;box-shadow:0 18px 60px #22443e20;padding:30px;text-align:center}.start-panel h2{font-family:Georgia,serif;font-weight:400;font-size:32px;line-height:1.15;margin:10px 0}.start-panel p:not(.eyebrow){color:var(--muted);font-size:13px}.start-panel select{width:100%;padding:9px;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);margin-bottom:10px}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#2b5b50}.start-panel .primary{width:100%;display:flex;justify-content:space-between}.start-panel .tiny{font-size:10px!important;margin-bottom:0}.map-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;font-size:11px;color:var(--muted)}.legend{display:flex;gap:21px}.legend span{display:flex;align-items:center;gap:6px}i{width:9px;height:9px;border:1px solid #8ca698;display:inline-block;border-radius:2px}.blank{background:#fcfcf5}.green{background:#9ed4a1}.red{background:#e6a69b}.results{margin-top:25px;border:1px solid var(--line);padding:26px;border-radius:10px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:16px}.results[hidden]{display:none}h2{margin:0;font-size:27px}.results p{color:var(--muted);margin:8px 0}.result-actions{display:flex;flex-direction:column;gap:8px}.review-columns{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);padding-top:12px}h3{font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{font-size:12px;padding:6px 9px;font-weight:500}.chips .missed-chip{border-color:#e5c7bf;background:#fbefea}.chips .found-chip{background:#edf5e9;border-color:#c9ddc4}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:36px 0}.step{font-family:Georgia,serif;color:#b29160;font-size:22px}.notes h3{margin:8px 0}.notes p{font-size:12px;color:var(--muted);max-width:300px}.about{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:18px 0}.about summary{cursor:pointer;color:var(--ink)}a{color:var(--green)}footer{border-top:1px solid var(--line);padding:25px 24px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}footer span{color:var(--muted);letter-spacing:0}@media(max-width:700px){header{height:65px}.edition{font-size:9px}main{padding:0 12px}.intro{padding:28px 3px 23px}.intro p:last-child{font-size:12px}.badge{display:none}.toolbar{flex-wrap:wrap;gap:15px;padding:16px 15px 10px}.entry{flex-basis:100%}.stat strong{font-size:23px}.stat{display:flex;gap:10px;align-items:baseline}.timer{margin-left:auto}.stat>span{font-size:8px}.quiet{padding:0}.feedback{padding-left:15px;font-size:11px}#map{height:510px}.notes{gap:18px;grid-template-columns:1fr}.notes>div{display:grid;grid-template-columns:30px 1fr;gap:0 10px}.notes p{grid-column:2;margin:0;max-width:none}.notes h3{margin-top:3px}.results{grid-template-columns:1fr;padding:18px}.review-columns{grid-template-columns:1fr}.map-footer{padding:12px}.legend{gap:12px}.label{font-size:10px}footer span{display:none}}

.start-panel{max-height:calc(100% - 24px);overflow:auto}#difficultyHelp{margin:0 0 12px}
/* Native theme: includes SVG map colors, not just the page surround. */
.header-tools{display:flex;align-items:center;gap:20px}#theme{border:1px solid var(--line);border-radius:7px;padding:7px 9px;background:var(--paper);color:var(--ink);font-size:12px}input::placeholder{color:var(--muted);opacity:1}
:root[data-theme="dark"]{--ink:#e0ece5;--muted:#a2b6ad;--paper:#111c1a;--green:#96ceab;--line:#354a42;color-scheme:dark}
[data-theme="dark"] .brand-mark{background:#a3cfb2;color:#14291e}
[data-theme="dark"] h1 span,[data-theme="dark"] .step{color:#dab478}
[data-theme="dark"] button{background:#21352c;border-color:#526c5b;color:#e0ece5}
[data-theme="dark"] button:hover{background:#304b3b}
[data-theme="dark"] .game,[data-theme="dark"] .results{background:#192822;border-color:#3d5549;box-shadow:none}
[data-theme="dark"] form{background:#111e18;border-color:#597260}
[data-theme="dark"] form:focus-within{outline-color:#a0c9a9}
[data-theme="dark"] form button{background:transparent;border:0}
[data-theme="dark"] .quiet{background:transparent;border:0;color:#edb8a9}
[data-theme="dark"] .map-wrap,[data-theme="dark"] .map-hint{background:#172a30}
[data-theme="dark"] .ocean{fill:#172a30}
[data-theme="dark"] #grid path{stroke:#46616a}
[data-theme="dark"] .region{fill:#34463f;stroke:#7f9b8b}
[data-theme="dark"] .region.found{fill:#396c4f}
[data-theme="dark"] .region.missed{fill:#874c47}
[data-theme="dark"] .region.outside{fill:#253832;opacity:.8}
[data-theme="dark"] .region.highlight{fill:#8a702e;stroke:#f3d085}
[data-theme="dark"] .label{fill:#f3f6e9;stroke:#14261e}
[data-theme="dark"] .leader{stroke:#c0cfbb}
[data-theme="dark"] .map-hint{color:#b5cad0}
[data-theme="dark"] .map-controls button{background:#223a40;border-color:#547079;color:#e0edf0}
[data-theme="dark"] .map-controls button:hover{background:#36525a}
[data-theme="dark"] .start-panel{background:#192822f7;border-color:#4b6555;box-shadow:0 18px 60px #0005}
[data-theme="dark"] .start-panel select{background:#122019;border-color:#526c5b;color:#e0ece5}
[data-theme="dark"] .primary{background:#a3cfb2;border-color:#a3cfb2;color:#10261a}
[data-theme="dark"] .primary:hover{background:#bee3c9}
[data-theme="dark"] i{border-color:#8aa493}
[data-theme="dark"] .blank{background:#34463f}
[data-theme="dark"] .green{background:#396c4f}
[data-theme="dark"] .red{background:#874c47}
[data-theme="dark"] .chips .missed-chip{background:#422b29;border-color:#8a5b50;color:#f1cec1}
[data-theme="dark"] .chips .found-chip{background:#243c2b;border-color:#58785c;color:#d4e7ce}
[data-theme="dark"] .chips button:hover{filter:brightness(1.2)}
@media(max-width:550px){.header-tools{gap:8px}.header-tools .edition{display:none}}