:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f3efe6;--surface:#fffdf8;--surface-2:#ece6d8;--text:#1e1c19;--muted:#6b665d;--border:#d8d0bf;--primary:#3d5a3a;--primary-text:#fff;--focus:#2456a6;--match:#3f8f3a;--on-match:#fff;--medium:#d9bd45;--on-medium:#1b1a17;--close-ring:#2a7425;--far:#6e7173;--on-far:#fff;--unknown:#c9c3b6;--sea:#cfe0e8;--land:#f4efe2;--land-edge:#a39a86;--pin:#c0392b;--radius:10px;--serif:Georgia, "Times New Roman", serif;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#131312;--surface:#1d1d1b;--surface-2:#2a2926;--text:#ecebe6;--muted:#a29e95;--border:#3a3935;--primary:#5c8c55;--focus:#8fb4ff;--match:#4a9a44;--medium:#c9ad3c;--close-ring:#7fe078;--far:#3e3f41;--unknown:#4b4a45;--sea:#1d2a31;--land:#3a3833;--land-edge:#7a7466;--pin:#ff6b57}}.app.high-contrast{--match:#f5793a;--on-match:#1b1a17;--medium:#85c0f9;--on-medium:#1b1a17;--close-ring:#d4521a}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-text-size-adjust:100%;min-height:100vh}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}a{color:var(--focus)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:13px}.app{max-width:780px;margin:0 auto;padding:0 16px 32px}.primary,.secondary{white-space:nowrap;border-radius:8px;height:46px;padding:0 18px;font-weight:650}.primary{background:var(--primary);color:var(--primary-text);border:none}.primary:hover{filter:brightness(1.08)}.secondary{background:var(--surface-2);border:1px solid var(--border);height:40px;font-weight:550}.icon-button{background:0 0;border:none;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{background:var(--surface-2)}.top-bar{border-bottom:1px solid var(--border);grid-template-columns:96px 1fr 96px;align-items:center;margin-bottom:14px;padding:10px 0 8px;display:grid}.top-actions{gap:2px;display:flex}.top-actions.end{justify-content:flex-end}.brand{text-align:center}.edition-badge{background:var(--primary);color:var(--primary-text);letter-spacing:.08em;vertical-align:middle;border-radius:4px;margin-left:6px;padding:2px 5px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:10px;display:inline-block}.brand h1{font-family:var(--serif);letter-spacing:.24em;text-transform:uppercase;margin:0;padding-left:.24em;font-size:30px;font-weight:700;line-height:1.1}.subtitle{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:2px 0 0;font-size:12px}.map-card{border:1px solid var(--border);border-radius:var(--radius);background:#efe8d4;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000014}.tactical-map{width:100%;height:auto;display:block}.map-frame{--ratio:1;aspect-ratio:var(--ratio);width:min(100%, calc(65vh * var(--ratio)));background:#fff;margin:0 auto;position:relative}.map-image{width:100%;height:100%;display:block}.map-image.loading{visibility:hidden}.map-loading{color:#6b665d;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.map-redaction{background:#3a362f;border-radius:2px;position:absolute}.map-missing{text-align:center;color:#6b665d;padding:40px 16px}.map-missing-frame{padding-top:8px;position:relative}.clue-banner{color:#fffaf0;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;white-space:nowrap;background:#24201ad1;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}.map-missing-frame .clue-banner{margin:0 auto;display:table;position:static;transform:none}.flags-clue{background:#f6f1e4;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;padding:22px 14px;display:flex}.flags-side{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;display:flex}.flags-vs{color:#6b665d;text-transform:uppercase;letter-spacing:.08em;font-size:15px;font-weight:700}.flag{object-fit:contain;background:#fff;border:1px solid #00000026;width:auto;max-width:128px;height:64px}.flag.arms{background:0 0;border:none}.flag-hidden{color:#6b665d;text-align:center;background:#ddd6c6;place-items:center;width:96px;padding:0 6px;font-size:11px;display:grid}.map-card.zoomed .flags-clue{background:0 0;margin:auto}.map-card.zoomed .flag{max-width:240px;height:120px}.map-card{cursor:zoom-in}.map-zoom{color:#3a3226;background:#ffffffb3;border:1px solid #0000001f;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:6px;right:6px}.map-card.zoomed{z-index:50;cursor:zoom-out;background:#0e0d0bf0;border:none;border-radius:0;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.map-card.zoomed .tactical-map,.map-card.zoomed .map-frame{flex-shrink:0;width:max(100%,960px);max-width:1600px;max-height:none;margin:auto}.map-card.zoomed .map-zoom{position:fixed;top:12px;bottom:auto;right:12px}.guess-form{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.combo{flex:1;min-width:0;position:relative}.combo input{border:1.5px solid var(--border);background:var(--surface);border-radius:8px;width:100%;height:46px;padding:0 14px;font-size:16px}.combo input:focus{border-color:var(--focus);outline:none}.suggestions{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:8px;max-height:330px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 28px #0003}.suggestions li{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 10px;display:flex}.suggestions li.active{background:var(--surface-2)}.hint{color:var(--muted);flex-basis:100%;margin:0;font-size:14px}.guess-counter,.empty-hint{color:var(--muted);margin:8px 2px 0;font-size:13px}.empty-hint{text-align:center;margin-top:18px;font-size:14px}.status-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:10px 10px 10px 14px;font-weight:600;display:flex}.board{margin-top:16px}.board-head,.tiles{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:5px;display:grid}.board-head{letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--muted);cursor:help;font-size:11px;font-weight:650}.guess-row{margin-top:8px}.guess-name{text-align:left;background:0 0;border:none;align-items:baseline;gap:8px;width:100%;padding:4px 2px;font-size:14.5px;font-weight:650;display:flex}.guess-name .year{color:var(--muted);font-size:13px;font-weight:500}.guess-name .chev{color:var(--muted);align-self:center;margin-left:auto;transition:transform .2s;display:grid}.guess-name[aria-expanded=true] .chev{transform:rotate(180deg)}.guess-row.correct .guess-name .name{color:var(--match)}.tile{text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:56px;padding:6px 3px;font-size:12.5px;font-weight:650;line-height:1.15;display:flex;position:relative}.tile-caption{letter-spacing:.06em;text-transform:uppercase;opacity:.8;margin-bottom:2px;font-size:8.5px;font-weight:700;display:none}.tile-main{flex-direction:column;align-items:center;max-width:100%;display:flex}.tile-text{-webkit-line-clamp:3;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile-arrow{margin-top:2px;font-size:15px;line-height:1}.tile-match{background:var(--match);color:var(--on-match)}.tile-medium{background:var(--medium);color:var(--on-medium)}.tile-close{background:var(--medium);color:var(--on-medium);box-shadow:inset 0 0 0 4px var(--close-ring)}.tile-far{background:var(--far);color:var(--on-far)}.tile-unknown{background:repeating-linear-gradient(135deg, var(--unknown) 0 6px, var(--surface-2) 6px 11px);color:var(--text)}@keyframes flip-in{0%{opacity:.2;transform:perspective(400px)rotateX(-90deg)}to{opacity:1;transform:perspective(400px)rotateX(0)}}.tile.reveal{animation:.45s ease-out both flip-in;animation-delay:calc(var(--i) * .11s)}@media (prefers-reduced-motion:reduce){.tile.reveal,.helpline-bar:hover{border-color:var(--muted)}.helpline-bar.reveal{animation:none}}.guess-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.guess-tools .guess-counter{margin:0 auto 0 2px}.secondary.small{height:34px;padding:0 12px;font-size:13.5px}button:disabled{opacity:.45;cursor:not-allowed}.helpline-bar{width:100%;min-height:56px;color:inherit;cursor:pointer;border:1.5px dashed var(--border);background:var(--surface-2);border-radius:6px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:650;display:flex}.helpline-bar.reveal{animation:.45s ease-out both flip-in}.helpline-row .guess-name{cursor:default}.helpline-list{margin:12px 0 0;padding:0;list-style:none}.helpline-list li{border-top:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.helpline-list li>div{flex:1}.helpline-list p{margin:4px 0 0}.catalogue>p{margin:0 0 10px}.catalogue .war{border-top:1px solid var(--border)}.catalogue details[open]>summary{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:-4px}.catalogue summary{cursor:pointer;align-items:baseline;gap:10px;padding:10px 2px;font-weight:650;display:flex}.catalogue .war-title{flex:1}.catalogue .war-count{color:var(--muted);font-size:13px;font-weight:500}.catalogue ul{margin:0 0 10px;padding:0 0 0 14px;list-style:none}.catalogue li{justify-content:space-between;gap:12px;padding:4px 0;font-size:14.5px;display:flex}.catalogue li .muted{white-space:nowrap;font-size:13px}.catalogue-pick{width:calc(100% + 12px);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;gap:12px;margin:-4px -6px;padding:4px 6px;display:flex}.catalogue-pick:hover,.catalogue-pick.selected{background:var(--surface-2)}.catalogue-pick.selected{box-shadow:inset 0 0 0 2px var(--primary)}.catalogue-confirm{z-index:2;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:10px -4px 0;padding:12px;position:sticky;bottom:-4px;box-shadow:0 -6px 18px #00000040}.catalogue-confirm p{margin:0}.catalogue-confirm p .small{margin-top:2px;display:block}.catalogue-confirm .button-row{justify-content:flex-end;margin-top:10px}.catalogue li.guessed>span:first-child{color:var(--muted);text-decoration:line-through}.details{background:var(--surface-2);border-radius:8px;gap:6px;margin:8px 0 4px;padding:12px;font-size:14px;list-style:none;display:grid}.details li{align-items:baseline;gap:8px;display:flex}.dot{border-radius:3px;flex:none;width:10px;height:10px;transform:translateY(1px)}.dot.tile-close{box-shadow:inset 0 0 0 2px var(--close-ring)}.modal-backdrop{z-index:60;background:#0a0a088c;justify-content:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:14px;flex-direction:column;width:100%;max-width:580px;max-height:calc(100dvh - 48px);margin:auto 0;display:flex;box-shadow:0 20px 60px #00000059}.modal:focus{outline:none}.modal-header{justify-content:space-between;align-items:center;padding:12px 12px 4px 20px;display:flex}.modal-header h2{font-family:var(--serif);margin:0;font-size:21px}.modal-body{overscroll-behavior:contain;padding:4px 20px 22px;overflow-y:auto}.prose h3{font-family:var(--serif);margin:20px 0 8px;font-size:17px}.prose p,.prose ol{margin:8px 0}.prose ol{padding-left:22px}.lead{font-size:17px;font-weight:600}.note{color:var(--muted);font-size:13px}.legend{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:400px;display:grid}.legend figure{text-align:center;margin:0}.legend figcaption{color:var(--muted);margin-top:4px;font-size:12px}.tile-help{gap:8px;margin:0;display:grid}.tile-help dt{font-weight:700}.tile-help dd{color:var(--muted);margin:0;font-size:14px}.map-key{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.map-key li{align-items:center;gap:8px;display:flex}.stat-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat-grid strong{font-size:30px;line-height:1.1;display:block}.stat-grid span{color:var(--muted);font-size:12px}.distribution{gap:5px;list-style:none;display:grid;padding:0!important}.distribution li{align-items:center;gap:8px;display:flex}.guess-count{text-align:right;width:14px;font-weight:650}.bar{background:var(--far);min-width:26px;color:var(--on-far);text-align:right;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:650}.bar.today{background:var(--match);color:var(--on-match)}.result-title{font-size:18px;font-weight:700;margin-top:0!important}.answer-card{background:var(--surface-2);border-radius:var(--radius);padding:14px 16px}.answer-card h3{margin:0 0 2px;font-size:21px}.answer-card p{margin:0}.answer-card .answer-stats{margin-top:6px;font-size:14px;font-weight:600}.facts{gap:6px;margin:12px 0;font-size:14px;display:grid}.facts div{grid-template-columns:96px 1fr;gap:8px;display:grid}.facts dt{font-weight:700}.facts dd{margin:0}.share-preview{background:var(--surface-2);white-space:pre-wrap;-webkit-user-select:all;user-select:all;border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:15px;line-height:1.3}.actions,.button-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.countdown{text-align:center;color:var(--muted)}.countdown strong{color:var(--text);font-variant-numeric:tabular-nums}.feedback{border:1px solid var(--border);text-align:center;border-radius:10px;margin:12px 0 4px;padding:12px}.feedback-question,.feedback-thanks{margin:0 0 8px;font-weight:600;display:block}.feedback-thanks{margin:0}.feedback-votes{justify-content:center;gap:12px;display:flex}.feedback-votes button{min-width:64px;font-size:1.5rem}.feedback textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);resize:vertical;border-radius:8px;padding:8px}.feedback .actions{justify-content:center;margin-top:8px}.playtest fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:14px 0 0;padding:10px 14px 14px}.playtest legend{padding:0 6px;font-weight:700}.playtest .button-row{margin:4px 0 10px}.field{flex-direction:column;gap:4px;margin:8px 0;font-size:14px;display:flex}.field select,.field input{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-width:320px;height:40px;padding:0 10px;font-size:16px}.check{align-items:center;gap:10px;min-height:34px;font-size:14.5px;display:flex}.check input{width:18px;height:18px}.app-footer{text-align:center;color:var(--muted);margin-top:36px;font-size:12px}@media (width<=560px){.top-bar{grid-template-columns:52px 1fr 88px}.brand h1{font-size:24px}.board-head{display:none}.tiles{grid-template-columns:repeat(var(--phone-cols), minmax(0, 1fr));gap:4px}.tiles .tile{grid-column:span var(--span)}.tiles .tile.wide{order:1}.tile{border-radius:5px;min-height:48px;padding:4px 3px;font-size:12px}.tile-caption{display:block}.tile-main{flex-flow:wrap;justify-content:center;align-items:baseline;column-gap:3px}.tile-close{box-shadow:inset 0 0 0 3px var(--close-ring)}.tile-arrow{font-size:13px}.stat-grid strong{font-size:24px}}.location-map{border:1px solid var(--border);border-radius:8px;width:100%;height:auto;display:block}.location-map .sea{fill:var(--sea)}.location-map .land-under{fill:var(--land)}.location-map .land{fill:var(--land);stroke:var(--land-edge);stroke-width:.8px;stroke-linejoin:round;fill-rule:evenodd}.location-map .dot{fill:var(--pin);stroke:#fff;stroke-width:2.5px}.location-map .dot-ring{fill:none;stroke:var(--pin);stroke-width:2px;opacity:.45}.location-map .scale path{fill:none;stroke:var(--text);stroke-width:1.5px}.location-map text{fill:var(--text);font-size:13px}.location>p{margin:8px 0 0}.helpline-bar.answer{cursor:default;text-align:center;padding:6px 10px}.helpline-bar.answer strong{font-weight:750}.helpline-answer{margin:4px 0 0;font-weight:650}.modes-button{grid-auto-flow:column;gap:5px;width:auto;padding:0 9px;font-size:13px;font-weight:650}.mode-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.mode-card{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;display:flex}.mode-card:hover:not(:disabled){border-color:var(--muted)}.mode-card.current{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.mode-emoji{font-size:26px;line-height:1.2}.mode-text{gap:2px;display:grid}.mode-tag{background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;vertical-align:2px;border-radius:10px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:650}.mode-description{font-size:14px}.mode-status{color:var(--muted);font-size:13px}.link-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}