:root{color-scheme:light;--ink:#283c3c;--muted:#6e7c71;--paper:#f3efe5;--line:#d6d9cb;--coral:#e3a08c;--blue:#94bcc9;--gold:#edce86;--sage:#a9c19b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 system-ui,-apple-system,sans-serif}main{max-width:1150px;margin:auto;padding:26px 36px}header,footer,.maphead,.readout{display:flex;align-items:center;justify-content:space-between;gap:16px}header{border-bottom:1px solid var(--line);padding-bottom:19px;font-size:10px;color:var(--muted)}.brand{font:italic bold 27px Georgia;color:var(--ink);text-decoration:none}.brand span{font:700 10px system-ui;letter-spacing:2px;margin-left:18px}.intro{display:flex;align-items:center;justify-content:space-between;padding:30px 0 36px}h1{font:normal clamp(36px,5vw,62px)/1.1 Georgia,serif;margin:13px 0}h1 em{font-weight:normal;color:#6c8970}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;margin:0;color:var(--muted)}.lede{margin-bottom:0;color:var(--muted)}.stamp{border:1px solid #899b85;border-radius:50%;width:165px;height:165px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);background:#e8ecdc;box-shadow:inset 0 0 0 7px var(--paper),inset 0 0 0 8px #a3b19a}.stamp span{font-size:7px;letter-spacing:1px}.stamp strong{font:65px Georgia;line-height:1.2}.workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:34px;align-items:start}.play{background:#fffdf7;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #283c3c08}.maphead{border-bottom:1px solid var(--line);padding:22px}h2{font:25px Georgia;margin:4px 0 10px}.maphead h2{font-size:24px;margin:3px 0 0}button,select{font:inherit;color:var(--ink);background:#fffdf7;border:1px solid #c4cebe;border-radius:7px}button{cursor:pointer;touch-action:manipulation}button:hover{background:#e9efdf}button:focus-visible,select:focus-visible{outline:3px solid #527b65;outline-offset:3px}button:disabled{opacity:.4;cursor:default}select{font-size:12px;padding:9px;max-width:150px}.mapframe{padding:26px 22px 15px;background-image:radial-gradient(#a0b29c44 .7px,transparent .7px);background-size:12px 12px}#board{display:block;width:100%;max-height:540px;overflow:visible;touch-action:manipulation;user-select:none}#board .region{cursor:pointer;outline:none}#board .region:hover .land{filter:brightness(.97)}#board .region:focus-visible .boundary{stroke:#182f2f;stroke-width:5}#board .boundary{fill:none;stroke:#fffdf7;stroke-width:2.5;stroke-linejoin:round;pointer-events:none}#board .region.selected .boundary{stroke:#283c3c;stroke-width:3.3}#board .region.conflict .boundary{stroke:#bb4843;stroke-width:4;stroke-dasharray:5 3}#board text{pointer-events:none;text-anchor:middle;dominant-baseline:middle;fill:#263b39;font:700 13px system-ui;paint-order:stroke;stroke:#fffdf777;stroke-width:2}#board .note{font-size:10px;stroke:none}#board .mark{font-size:9px}#board .number{font-size:10px;opacity:.65}#board .fixed{font-size:9px}.readout{padding:14px 22px 20px;font-size:12px;align-items:start;min-height:67px}#status{max-width:76%}#progress{white-space:nowrap;color:var(--muted)}aside{padding:8px 0}aside h2{font-size:29px;margin:9px 0}aside>p{font-size:13px;color:var(--muted)}#palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 14px}#palette button{padding:10px 2px 6px;background:var(--swatch);border:2px solid transparent;display:flex;align-items:center;flex-direction:column}#palette button.active{border-color:#283c3c;box-shadow:0 0 0 2px #fffdf7 inset}#palette button span{font-size:22px;line-height:1.25}#palette button small{font-size:10px;margin-top:3px}.modes,.tools{display:flex;gap:7px;margin-top:9px}.modes button,.tools button{flex:1;padding:10px 3px;font-size:12px}.modes small{opacity:.6;margin-left:8px}#notes[aria-pressed=true]{background:#dce9d3;border-color:#6c8970}.rules{border-top:1px solid var(--line);margin-top:24px;padding-top:7px}.rules h3{font-size:14px}.rules p,.rules li{font-size:12px;color:var(--muted)}.rules ol{padding-left:18px}.rules li{padding:0 0 8px 4px}.rules .keys{font-size:11px;line-height:1.8}details{border-top:1px solid var(--line);padding-top:13px;font-size:11px;color:var(--muted)}summary{cursor:pointer}a{color:#44745b}footer{font-size:10px;color:var(--muted);letter-spacing:.6px;padding:28px 0}#win{background:#e3ecd6;padding:22px;text-align:center;border-top:1px solid #bfd0b4}#win[hidden]{display:none}#win strong{font:27px Georgia}#win p{font-size:12px}#win button{background:var(--ink);color:#fffdf7;padding:10px 20px}@media(max-width:760px){main{padding:20px}.intro{padding:25px 0}.stamp{width:125px;height:125px}.stamp strong{font-size:46px}.stamp span{font-size:6px}.workspace{grid-template-columns:1fr;gap:20px}.play,aside{width:100%;max-width:590px;margin:auto}.brand span{display:none}h1{font-size:39px}.maphead{padding:18px}.mapframe{padding:20px 16px 12px}.readout{padding:12px 18px 17px}.tools button,.modes button{padding:13px}aside h2{font-size:27px}}@media(max-width:420px){main{padding:16px}.stamp{display:none}h1{font-size:40px}.maphead h2{font-size:22px}.maphead select{max-width:122px}.mapframe{padding:18px 12px 10px}#saved{font-size:9px}#board text{font-size:12px}footer{font-size:9px;gap:10px}}
