:root{color-scheme:light;--ink:#203c35;--muted:#61736b;--paper:#f6f3ea;--line:#d8dfd3;--green:#2f6653;--gold:#c78b43}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:11px 18px;background:transparent;color:var(--ink);transition:background .15s}button:hover{background:#e7ecdf}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}header{max-width:1400px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.15em;text-decoration:none;color:var(--ink);font-size:18px}.brand span{display:block;font-size:9px;letter-spacing:.18em;font-weight:500;margin-top:3px}header button{font-size:13px;border:0}main{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(370px,1fr)}.map-panel{position:relative;min-width:0;background:#e6ece3;padding:28px 32px 22px;align-self:start;overflow:hidden;min-height:660px}.map-top,.map-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.14em;color:#536f65}.map-bottom{font-size:8px}#map{position:relative;width:100%;height:min(68vw,650px);display:block;z-index:1;touch-action:manipulation;overflow:visible}.watermark{position:absolute;left:22px;top:45%;font:italic 18px/1.7 Georgia,serif;letter-spacing:.22em;color:#99b1a5;transform:rotate(-90deg);transform-origin:center;pointer-events:none}.compass{position:absolute;right:28px;top:80px;color:#6d897b;text-align:center;font-size:16px}.region{fill:#c8d7c2;stroke:#f6f3ea;stroke-width:1.35;stroke-linejoin:round;cursor:pointer;transition:fill .16s;outline:none}.region:hover{fill:#b1c8a6}.region:focus-visible{fill:#cfab6b;stroke:#203c35;stroke-width:3}.region.inactive{fill:#dce4d7;opacity:.65}.region.solved{fill:#4e7a60}.region.visited{fill:#91b09b}.region.reveal{fill:#e2b66f;stroke:#664817;stroke-width:2.8}.region.wrong{fill:#c57a64}.region.pick{fill:#628b6d;stroke:#203c35;stroke-width:2}#map text{pointer-events:none;font:700 10px system-ui;fill:#243e31;paint-order:stroke;stroke:#f6f3ea;stroke-width:2px}.desk{padding:42px 45px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:var(--muted);margin:0 0 15px}h1{font:normal clamp(38px,4.1vw,60px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:0 0 20px}h1 em{font-weight:normal;color:var(--green)}.intro{max-width:340px;color:var(--muted);font-size:14px;margin-bottom:25px}.modes{display:flex;gap:8px;margin-bottom:20px}.modes button{flex:1;font-size:13px}.modes .selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.card{border:1px solid var(--line);padding:24px;border-radius:10px;background:#fbf9f1}.card .eyebrow{font-size:9px;margin-bottom:8px}h2{font:normal 28px/1.2 Georgia,serif;margin:0 0 12px}#message{font-size:13px;color:var(--muted);min-height:60px;margin:0 0 20px}.stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-top:1px solid var(--line);padding-top:18px;gap:15px}.stats strong{display:block;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.stats span{display:block;font-size:8px;letter-spacing:.13em;color:var(--muted);margin-top:5px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.actions:has(button:not([hidden])){padding-top:4px}.actions button{font-size:12px;padding:9px 13px}#next,#resume{background:var(--ink);color:#fff}.under{margin:18px 0 28px;display:flex;align-items:center;gap:18px}.under button{border:0;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:0;white-space:nowrap}.under span{font-size:10px;color:var(--muted)}details{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer}footer{font-size:10px;line-height:1.9;color:var(--muted);margin-top:25px}footer a{color:var(--muted)}.footnote{display:block;font-size:8px;letter-spacing:.15em;margin-top:12px}#pause-cover{position:fixed;z-index:10;inset:0;background:#eff3e9f8;display:flex;flex-direction:column;align-items:center;justify-content:center}#pause-cover h2{font-size:42px}#pause-cover p{color:var(--muted);margin-bottom:30px}@media(max-width:800px){header{padding:17px 20px}main{grid-template-columns:1fr}.desk{padding:27px 23px}.map-panel{min-height:0;padding:20px 20px 14px}#map{height:440px;max-height:70vh}.watermark{left:10px;font-size:13px}.map-top,.map-bottom{font-size:8px}.desk h1 br{display:none}h1{font-size:38px}.desk .eyebrow{margin-bottom:10px}.intro{max-width:none;margin-bottom:20px}.compass{top:60px;right:22px}.card{padding:21px}#message{min-height:40px}.map-panel{order:2}.desk{order:1}.desk footer,.desk details{margin-top:16px}.desk{display:contents}.desk>.eyebrow,.desk>h1,.desk>.intro{display:none}.modes{margin:20px 20px 12px;order:0}.card{margin:0 20px 16px;order:1}.under{order:3;margin:20px}.desk details{order:4;margin:0 20px}footer{order:5;margin:20px!important}.card h2{font-size:25px}.stats{padding-top:12px}.stats strong{font-size:19px}.card #message{margin-bottom:12px}.actions{margin-top:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}