@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&family=Manrope:wght@400;600;700;800&display=swap";:root{--bg-start: #f4efe2;--bg-end: #d6efe6;--surface: rgb(255 253 250 / .9);--surface-strong: #fffdfa;--surface-soft: #eff7f3;--ink: #122018;--ink-soft: #4d5f54;--accent: #0a8062;--accent-strong: #056147;--accent-soft: #dff5ec;--warm: #f18f4e;--danger: #b23d2c;--border: #c7d6cd;--border-strong: #b8c9c0;--strong-bg: #c7f1e2;--medium-bg: #ffe0bf;--weak-bg: #ffd8d1;--shadow: 0 12px 24px rgb(18 32 24 / .08);--panel: #fffdfa;--muted: #4d5f54;--outline: #c7d6cd;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--ease: .22s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;position:relative;overflow-x:hidden;color:var(--ink);font-family:Manrope,Trebuchet MS,sans-serif;background:radial-gradient(circle at 16% 18%,rgb(255 255 255 / .7),transparent 42%),radial-gradient(circle at 88% 78%,rgb(11 126 97 / .14),transparent 34%),linear-gradient(150deg,var(--bg-start),var(--bg-end))}body:before,body:after{content:"";position:fixed;border-radius:999px;pointer-events:none;z-index:-1}body:before{width:42vw;height:42vw;right:-15vw;top:-11vw;background:radial-gradient(circle,rgb(255 255 255 / .66),transparent 70%)}body:after{width:34vw;height:34vw;left:-12vw;bottom:-16vw;background:radial-gradient(circle,rgb(11 126 97 / .12),transparent 70%)}h1,h2,h3{margin:0;line-height:1.1;font-family:Fraunces,Georgia,serif;font-weight:700;letter-spacing:0}p{margin:0;line-height:1.5;color:var(--ink-soft)}strong{color:var(--ink)}button,input,select{font:inherit}:focus-visible{outline:3px solid rgb(11 126 97 / .28);outline-offset:2px}.app-shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(1rem,1.6vw,1.4rem);display:grid;gap:.9rem}.card{background:linear-gradient(170deg,var(--surface) 0%,var(--surface-strong) 100%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:card-enter .42s cubic-bezier(.16,1,.3,1) both}.card:nth-of-type(1){animation-delay:40ms}.card:nth-of-type(2){animation-delay:.1s}.card:nth-of-type(3){animation-delay:.16s}.card:nth-of-type(4){animation-delay:.22s}.center-card{text-align:center;display:grid;gap:.45rem;justify-items:center;padding-block:1.8rem}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.17em;color:#5e7468;font-weight:700}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr);gap:1rem;align-items:start}.hero>div:first-child{display:grid;gap:.7rem}.hero-compact{padding:.95rem 1rem}.hero h1{font-size:clamp(1.8rem,2.8vw,2.5rem)}.hero p{max-width:58ch}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.mode-button,.option-button{border:1px solid var(--border);background:linear-gradient(160deg,#f8faf8,#edf2ee);border-radius:var(--radius-md);min-height:44px;padding:.5rem .7rem;color:#1f382f;font-weight:700;cursor:pointer;transition:transform var(--ease),border-color var(--ease),background var(--ease),color var(--ease)}.mode-button:hover,.option-button:hover{transform:translateY(-1px);border-color:#a8bbb1}.mode-button.active,.option-button.selected{border-color:#8fbba9;background:var(--accent-soft);color:#0f5944;box-shadow:inset 0 0 0 1px #0b7e6129}.actions-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.button{border:1px solid transparent;border-radius:999px;min-height:42px;padding:.55rem 1.05rem;font-size:.92rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform var(--ease),box-shadow var(--ease),background var(--ease),border-color var(--ease)}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button.primary{color:#f8fffc;background:linear-gradient(140deg,var(--accent),var(--accent-strong));box-shadow:0 8px 16px #0b7e6140}.button.primary:hover:not(:disabled){box-shadow:0 11px 20px #0b7e614a}.button.secondary{color:#223a31;background:#eef3ef;border-color:var(--border)}.button.secondary:hover:not(:disabled){background:#e6eeea}.hero-actions{margin-top:.25rem}.icon-button{width:74px;min-width:74px;height:54px;border-radius:13px;border:1px solid var(--border);background:var(--surface-soft);color:#29463b;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.25rem .4rem;cursor:pointer;transition:transform var(--ease),background var(--ease),border-color var(--ease),color var(--ease)}.icon-button svg{width:18px;height:18px}.icon-button-label{font-size:.6rem;line-height:1;font-weight:700;letter-spacing:.015em}.icon-button:hover:not(:disabled){transform:translateY(-1px);border-color:#a8bbb1}.icon-button.active{border-color:#8fbba9;background:var(--accent-soft);color:#0b5f47}.icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.hero-stats{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.hero-stats div{border:1px solid var(--border);border-radius:14px;background:linear-gradient(160deg,#f6faf7,#edf3ef);padding:.58rem .72rem}.hero-stats dt{font-size:.66rem;color:#5e7468;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.hero-stats dd{margin:.18rem 0 0;font-weight:700;font-size:1.02rem;color:var(--ink)}.layout-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:.95rem;align-items:start}.quiz-card,.side-card,.stats-card{display:grid;gap:.85rem}.quiz-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.progress-pill{border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);padding:.24rem .42rem;display:inline-flex;gap:.33rem}.dot{width:10px;height:10px;border-radius:999px;background:#c8d5ce}.dot.current{background:var(--warm)}.dot.done{background:var(--accent)}.prompt{color:var(--ink);font-size:1.04rem;font-weight:600}.field{display:grid;gap:.36rem}.field span{font-size:.85rem;color:#5b7066}input[type=text],select{width:100%;min-height:46px;border:1px solid var(--border-strong);border-radius:12px;padding:.66rem .8rem;font-size:.98rem;background:#fff;color:var(--ink)}input[type=text]::placeholder{color:#889a90}.dimension-picker{margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);padding:.7rem;display:grid;gap:.42rem}.dimension-picker legend{font-weight:700;padding:0 .35rem;color:#2a4137}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.local-name-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg,#f7faf7,#eef4f0);padding:.75rem}.local-name-text{width:100%;min-height:108px;margin-top:.3rem;display:flex;align-items:center;justify-content:space-between;color:#0d5f47;line-height:1;font-weight:700}.local-name-char{flex:0 0 auto}.timer-pill{display:inline-flex;align-items:center;width:fit-content;border:1px solid #b8ddd0;border-radius:999px;background:#e8f8f1;color:#0f523f;font-weight:700;padding:.25rem .55rem}.hint{border:1px solid #cde2d8;border-radius:12px;padding:.58rem .7rem;background:#edf6f2;color:#2d4b40;font-size:.91rem}.error-text{color:var(--danger);font-weight:600}.feedback{border:1px solid var(--border);border-radius:var(--radius-lg);padding:.8rem;display:grid;gap:.42rem;background:#fafdfb}.feedback-row{display:flex;align-items:center;gap:.65rem}.penalty-note{color:#8a5a1e;font-weight:600}.score-chip{border-radius:999px;min-width:52px;text-align:center;padding:.22rem .45rem;font-size:.88rem;font-weight:800}.score-chip.strong{color:#085640;background:var(--strong-bg)}.score-chip.medium{color:#7f4b00;background:var(--medium-bg)}.score-chip.weak{color:#892b1f;background:var(--weak-bg)}.outline-preview{margin:0;width:100%;border:1px dashed #bccdc5;border-radius:var(--radius-lg);padding:.8rem;display:grid;place-items:center;background:repeating-linear-gradient(145deg,rgb(11 126 97 / .05) 0,rgb(11 126 97 / .05) 2px,transparent 2px,transparent 10px),linear-gradient(175deg,#f7faf8,#eef4f1)}.outline-preview svg{width:min(92%,320px);color:#153f32}.world-map-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background:#eff5f2}.world-map{width:100%;height:auto;display:block;cursor:crosshair}.world-map[tabindex="-1"]{cursor:default}.ocean{fill:#dceaf0}.graticule{stroke:#1931271f;stroke-width:.8}.country-shape{fill:#dbe6e0;stroke:#8ca396;stroke-width:.68;transition:fill var(--ease),stroke var(--ease)}.country-shape.highlight{fill:#c4e6d9;stroke:#0b7e61;stroke-width:1.2}.map-label-layer{pointer-events:none}.map-unit-label{fill:#183c30;font-size:10px;font-weight:700;paint-order:stroke;stroke:#ffffffe6;stroke-width:2.4;stroke-linejoin:round}.map-unit-label-line{stroke:#183c30a6;stroke-width:.9}.marker circle:first-child{fill:#ffffff38;stroke-width:2}.guess-marker circle:first-child{stroke:#0f6d53}.target-marker circle:first-child{stroke:#ac2f1f}.guess-marker circle:last-child{fill:#0f6d53}.target-marker circle:last-child{fill:#ac2f1f}.map-help{padding:.5rem .7rem;border-top:1px solid var(--border);background:#ffffff8c;color:#5a7065;font-size:.8rem}.stats-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.stats-card-head>div{display:grid;gap:.2rem}.stats-sort-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.stats-table-wrap{border:1px solid var(--border);border-radius:14px;overflow:auto;max-height:60vh;background:#f8faf8}.stats-table{width:100%;min-width:640px;border-collapse:collapse}.stats-table th,.stats-table td{padding:.56rem .66rem;border-bottom:1px solid #dde6e0;vertical-align:top}.stats-table thead th{position:sticky;top:0;z-index:1;background:#e9f1ec;color:#4f675b;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.stats-table tbody tr:last-child td{border-bottom:0}.stats-table th:first-child,.stats-table td:first-child{width:64px;text-align:right;font-variant-numeric:tabular-nums}.stats-table th:nth-child(3),.stats-table th:nth-child(4),.stats-table td:nth-child(3),.stats-table td:nth-child(4){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.stats-table td:nth-child(2) span{display:block;margin-top:.1rem;color:#60766b;font-size:.78rem}.capitals-table th:first-child,.capitals-table td:first-child,.capitals-table th:nth-child(2),.capitals-table td:nth-child(2){width:auto;text-align:left;white-space:normal}.result-list,.dimension-list{list-style:none;margin:0;padding:0;display:grid;gap:.44rem}.result-list li,.dimension-list li{border:1px solid var(--border);border-radius:12px;padding:.52rem .64rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:var(--surface-soft)}.dimension-list li div{display:grid;gap:.1rem}.dimension-list li span{color:#60776b;font-size:.79rem}.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}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1060px){.hero{grid-template-columns:minmax(0,1fr)}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.app-shell{padding:.85rem;gap:.75rem}.card{border-radius:18px;padding:.86rem}.hero h1{font-size:clamp(1.65rem,8.2vw,2.1rem)}.mode-grid,.option-grid,.stats-sort-row{grid-template-columns:minmax(0,1fr)}.hero-actions{width:100%}.icon-button{flex:1 1 30%;width:auto;min-width:92px}.stats-card-head{flex-direction:column}.stats-table{min-width:540px}.map-unit-label{font-size:9px}}@media(max-width:520px){.hero-stats{grid-template-columns:minmax(0,1fr)}.quiz-head{flex-direction:column;align-items:flex-start}.actions-row{flex-direction:column;align-items:stretch}.button{width:100%}.local-name-text{min-height:94px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}