:root{--land: #f4f1ea;--state-line: #c9c3b6;--country-line: #8f877a;--water: #dce7ef;--river: #3d7ea6;--correct: #2e7d4f;--retried: #b07d12;--incorrect: #c0392b;--page: #e7eef3;--surface: #ffffff;--edge: #cfd8de;--ink: #22313a;--muted: #61727c;--radius: 6px;--shadow: 0 1px 2px rgba(34, 49, 58, .14);--quick: .16s;--settle: .22s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;color:var(--ink);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:var(--page);overscroll-behavior:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--river);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.button{padding:9px 14px;border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:#fff;font-size:14px;cursor:pointer;transition:background var(--quick) ease,border-color var(--quick) ease}.button:hover{background:#354853;border-color:#354853}.button--quiet{background:var(--surface);border-color:var(--edge);color:var(--ink)}.button--quiet:hover{background:#f2f6f8;border-color:#b6c3cc}.start{min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px 18px}.start__inner{width:100%;max-width:560px}.start__title{margin:0;font-size:34px;font-weight:600;letter-spacing:-.02em}.start__blurb{margin:10px 0 26px;max-width:46ch;font-size:16px;line-height:1.5;color:var(--muted)}.start__modes{display:grid;gap:10px}.start__mode{display:grid;gap:3px;padding:14px 16px;text-align:left;background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:border-color var(--quick) ease,transform var(--quick) ease}.start__mode:hover{border-color:var(--river);transform:translateY(-1px)}.start__mode-name{font-size:17px;font-weight:600}.start__mode-blurb{font-size:14px;color:var(--muted)}.start__mode-best{font-size:13px;color:var(--river)}.start__timed{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:15px;cursor:pointer}.start__timed input{width:17px;height:17px;accent-color:var(--ink)}.start__credit{margin:24px 0 0;text-align:right;font-size:11px;color:var(--muted)}.start__note{margin:22px 0 0;max-width:52ch;font-size:13px;line-height:1.55;color:var(--muted)}.app{display:flex;flex-direction:column;height:100%}.app__bar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--edge)}.app__title{display:flex;flex-direction:column;min-width:0}.app__name{font-size:15px;font-weight:600;white-space:nowrap}.app__mode{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app__main{display:flex;flex:1;min-height:0;gap:12px;padding:12px}.scoreboard{display:flex;gap:18px;margin-left:auto}.scoreboard__item{display:flex;flex-direction:column;align-items:flex-end}.scoreboard__value{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.scoreboard__label{font-size:12px;color:var(--muted)}.map{position:relative;flex:1;min-width:0;min-height:0;background:var(--water);border:1px solid var(--edge);border-radius:var(--radius);overflow:hidden}.map__svg{display:block;touch-action:none;transition:outline-color var(--quick) ease;outline:2px solid transparent;outline-offset:-2px}.map__svg--correct{outline-color:var(--correct)}.map__svg--wrong{outline-color:var(--incorrect)}.map__water{fill:var(--water)}.map__country{fill:var(--land);stroke:var(--country-line);stroke-width:1.25;vector-effect:non-scaling-stroke}.map__state{fill:var(--land);stroke:var(--state-line);stroke-width:.75;vector-effect:non-scaling-stroke}.map__state--correct{fill:#d2e7dc;stroke:#6fa78c}.map__state--retried{fill:#f8e5b8;stroke:#c9a44f}.map__state--shown{fill:#e6e2d9;stroke:#b0a695}.map__code{font-size:11px;font-weight:600;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#fffc;stroke-width:2;stroke-linejoin:round}.map__code--correct{fill:#235c39}.map__code--retried{fill:#7f5a0c}.map__code--shown{fill:#6f6759}.map__code--revealing{fill:#235c39}.map__lakes{fill:var(--water);stroke:#b9c8d4;stroke-width:.5;vector-effect:non-scaling-stroke;pointer-events:none}.map__river{fill:none;stroke:var(--river);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.map__debug{fill:#c0392b1a;stroke:var(--incorrect);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.map__inset rect{fill:var(--water);stroke:var(--country-line);stroke-width:1}.map__inset text{fill:var(--muted);font-size:11px}.map__pins{pointer-events:none}.map__leader{stroke:var(--country-line);stroke-width:1}.map__dot{fill:var(--ink)}.map__pulse{fill:none;stroke:var(--correct);stroke-width:2;animation:pulse 1.4s ease-out}.map__cursor{pointer-events:none}.map__cursor line{stroke:var(--incorrect);stroke-width:1.5}.map__cursor circle{fill:none;stroke:var(--incorrect);stroke-width:1.5}.map__labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.map__credit{position:absolute;right:10px;bottom:8px;margin:0;font-size:11px;color:var(--muted);pointer-events:none;-webkit-user-select:none;user-select:none}.map__controls{position:absolute;top:10px;right:10px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 20px)}.map__controls button{min-width:34px;height:34px;padding:0 10px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);font-size:15px;line-height:1;cursor:pointer;transition:border-color var(--quick) ease}.map__controls button:hover{border-color:var(--river)}.map__wide{font-size:13px!important}.map__ranges{pointer-events:none}.map__caret{fill:none;stroke:#8a7c63;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pill{display:inline-block;padding:3px 9px;background:var(--surface);border:1px solid var(--state-line);border-radius:12px;box-shadow:var(--shadow);font-size:12.5px;line-height:1.35;white-space:nowrap;color:var(--ink)}.map__labels .pill{position:absolute;transform:translate(-50%,-50%)}.pill--correct{animation:flash-correct .9s ease-out}.pill--retried{border-color:var(--retried);animation:flash-retried .9s ease-out}.pill--shown{border-style:dashed;color:var(--muted)}.pill--revealing{animation:flash-correct 1.4s ease-out}.pill--hand{display:block;margin:4px 0 12px;padding:10px 16px;border-radius:16px;font-size:17px;font-weight:600;text-align:center;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:border-color var(--quick) ease,box-shadow var(--settle) ease}.pill--hand:active{cursor:grabbing}.pill--lifted{opacity:.35}.pill--shake{border-color:var(--incorrect);color:var(--incorrect);animation:shake .22s ease-in-out}.pill--ghost{position:fixed;z-index:40;transform:translate(-50%,-50%);padding:8px 14px;border-radius:16px;font-size:15px;font-weight:600;pointer-events:none;box-shadow:0 4px 10px #22313a33}.card{flex:0 0 300px;align-self:flex-start;padding:16px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow)}.card__lead{margin:0;font-size:13px;color:var(--muted)}.card__hint{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.card__mnemonic{margin:12px 0 0;padding:8px 10px;border-left:2px solid var(--river);border-radius:0 3px 3px 0;background:#eef4f8;font-size:13px;line-height:1.45}.card__tries{margin:10px 0 0;font-size:13px;color:var(--muted);transition:color var(--quick) ease}.card__tries--flash{color:var(--incorrect)}.card .button--quiet{margin-top:12px;width:100%}.summary{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:18px;background:#22313a73}.summary__panel{width:100%;max-width:480px;max-height:100%;overflow-y:auto;padding:22px;background:var(--surface);border-radius:var(--radius);box-shadow:0 10px 30px #22313a47}.summary__title{margin:0 0 16px;font-size:22px;font-weight:600}.summary__stats{display:flex;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--edge)}.summary__stats div{display:flex;flex-direction:column}.summary__value{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.summary__label{font-size:13px;color:var(--muted)}.summary__best{margin:14px 0 0;font-size:14px;color:var(--correct)}.summary__clean{margin:16px 0 0;font-size:15px;color:var(--correct)}.summary__subtitle{margin:18px 0 8px;font-size:15px;font-weight:600}.summary__misses{margin:0;padding:0;list-style:none;max-height:34vh;overflow-y:auto}.summary__misses li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #eef2f5;font-size:14px}.summary__miss-note{color:var(--muted);font-size:13px;white-space:nowrap}.summary__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}@keyframes flash-correct{0%{border-color:var(--correct);color:var(--correct)}60%{border-color:var(--correct);color:var(--correct)}to{border-color:var(--state-line);color:var(--ink)}}@keyframes flash-retried{0%,60%{border-color:var(--retried);color:var(--retried)}to{border-color:var(--retried);color:var(--ink)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse{0%{r:6;opacity:.9}to{r:32;opacity:0}}@media (max-width: 768px){.app__bar{padding:8px 12px;gap:10px}.scoreboard{gap:12px}.app__main{flex-direction:column;gap:10px;padding:10px}.card{flex:0 0 auto;align-self:stretch;padding:12px 14px}.card__hint{display:none}.pill--hand{margin:4px 0 0}.card .button--quiet{margin-top:10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.start__mode:hover{transform:none}}