@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;--panel: #fffdfa;--ink: #122018;--muted: #4d5f54;--accent: #0a8062;--accent-strong: #056147;--warm: #f18f4e;--danger: #b23d2c;--outline: #c7d6cd}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Trebuchet MS,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 15%,rgb(255 255 255 / .62),transparent 30%),radial-gradient(circle at 90% 80%,rgb(10 128 98 / .12),transparent 40%),linear-gradient(160deg,var(--bg-start),var(--bg-end));min-height:100vh}h1,h2,h3{font-family:Fraunces,Georgia,serif;margin:0;line-height:1.15}p{margin:0;line-height:1.45}.app-shell{max-width:1120px;margin:0 auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.card{background:var(--panel);border:1px solid var(--outline);border-radius:18px;padding:1rem;box-shadow:0 12px 24px #12201814;animation:rise-in .35s ease}.hero{display:flex;justify-content:space-between;gap:1rem;align-items:start}.hero p{max-width:52ch}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0}.hero-stats div{background:#eff7f3;border:1px solid #d4e4db;border-radius:12px;padding:.6rem .8rem;min-width:86px}.hero-stats dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.hero-stats dd{margin:.2rem 0 0;font-size:1.05rem;font-weight:700}.layout-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:1rem}.quiz-card,.side-card{display:flex;flex-direction:column;gap:.9rem}.center-card{text-align:center}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.progress-pill{border-radius:999px;padding:.2rem .45rem;border:1px solid #d8e6df;display:flex;gap:.35rem;background:#f2f9f6}.dot{width:10px;height:10px;border-radius:999px;background:#c9dad1}.dot.current{background:var(--warm)}.dot.done{background:var(--accent)}.prompt{font-size:1rem;font-weight:600}.field{display:flex;flex-direction:column;gap:.35rem}.field span{font-size:.88rem;color:var(--muted)}input[type=text]{width:100%;min-height:44px;border-radius:12px;border:1px solid #b8c9c0;padding:.65rem .75rem;font-size:1rem;color:var(--ink);background:#fefffd}input[type=text]:focus,select:focus,.world-map:focus{outline:3px solid rgb(10 128 98 / .28);outline-offset:2px}select{width:100%;min-height:44px;border-radius:12px;border:1px solid #b8c9c0;padding:.65rem .75rem;font-size:1rem;color:var(--ink);background:#fefffd}.actions-row{display:flex;flex-wrap:wrap;gap:.55rem}.button{border:0;border-radius:999px;min-height:42px;padding:.55rem 1.05rem;font-size:.93rem;font-weight:700;cursor:pointer;transition:transform .12s ease,background .12s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:#f5fff8}.button.primary:hover{background:var(--accent-strong)}.button.secondary{background:#e8f2ed;color:#123025}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mode-button{border:1px solid #c8d8cf;background:#f7fbf9;border-radius:12px;min-height:44px;padding:.5rem .7rem;font-weight:700;color:#153127;cursor:pointer}.mode-button.active{background:#dff5ec;border-color:#8dbda9}.hero-actions{margin-top:.6rem;align-items:center;gap:.45rem}.icon-button{width:78px;min-width:78px;height:56px;border-radius:12px;border:1px solid #c8d8cf;background:#f7fbf9;color:#153127;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.25rem .4rem;transition:transform .12s ease,background .12s ease,border-color .12s ease}.icon-button svg{width:18px;height:18px}.icon-button-label{font-size:.64rem;line-height:1;font-weight:700;letter-spacing:.01em;color:#2d4a3f}.icon-button:hover{transform:translateY(-1px);background:#ecf7f2}.icon-button.active{background:#dff5ec;border-color:#8dbda9;color:#0d5c45}.icon-button.active .icon-button-label{color:#0d5c45}.icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.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}.stats-card{display:grid;gap:.8rem}.stats-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.stats-sort-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.stats-table-wrap{border:1px solid #d5e3dc;border-radius:12px;overflow:auto;max-height:60vh;background:#f8fcfa}.stats-table{width:100%;min-width:640px;border-collapse:collapse}.stats-table th,.stats-table td{padding:.55rem .65rem;border-bottom:1px solid #dce8e2;vertical-align:top}.stats-table thead th{position:sticky;top:0;z-index:1;background:#e9f4ef;font-size:.84rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.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;font-size:.8rem;color:var(--muted)}.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}.dimension-picker{border:1px solid #d3e3db;border-radius:12px;padding:.65rem;display:grid;gap:.4rem;margin:0}.dimension-picker legend{font-weight:700;padding:0 .35rem}.dimension-picker label{display:flex;align-items:center;gap:.45rem}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.option-button{border:1px solid #c8d8cf;background:#f7fbf9;border-radius:12px;min-height:44px;padding:.5rem .7rem;font-weight:700;color:#153127;cursor:pointer}.option-button.selected{background:#dff5ec;border-color:#8dbda9}.timer-pill{display:inline-flex;align-items:center;font-weight:700;color:#0f523f;border:1px solid #b8ddd0;border-radius:999px;background:#e8f8f1;padding:.25rem .55rem;width:fit-content}.hint{background:#eff8f4;border:1px solid #cce5d9;border-radius:10px;padding:.55rem .65rem;font-size:.92rem}.error-text{color:var(--danger);font-weight:600}.feedback{border:1px solid #d6e2dc;border-radius:12px;padding:.8rem;display:grid;gap:.4rem;background:#fafdfb}.feedback-row{display:flex;gap:.65rem;align-items:center}.penalty-note{color:#8a5716;font-weight:600}.score-chip{border-radius:999px;min-width:52px;text-align:center;padding:.22rem .45rem;font-weight:800;font-size:.9rem}.score-chip.strong{color:#07573f;background:#c7f1e2}.score-chip.medium{color:#7f4b00;background:#ffe0bf}.score-chip.weak{color:#892b1f;background:#ffd8d1}.outline-preview{margin:0;width:100%;border-radius:14px;border:1px dashed #b8cdc4;background:linear-gradient(135deg,#f7faf5,#f0f5f3),repeating-linear-gradient(45deg,rgb(10 128 98 / .05) 0,rgb(10 128 98 / .05) 3px,transparent 3px,transparent 8px);padding:.75rem;display:grid;place-items:center}.outline-preview svg{width:min(92%,320px);color:#0f4235}.world-map-wrap{border-radius:12px;border:1px solid #c6d7cd;background:#f4faf7;overflow:hidden}.world-map{width:100%;height:auto;display:block;cursor:crosshair}.ocean{fill:#d6ecf8}.graticule{stroke:#1a2c2421;stroke-width:1}.country-shape{fill:#e2eae5;stroke:#8ea59a;stroke-width:.7}.country-shape.highlight{fill:#c8eadf;stroke:#0b7c5f;stroke-width:1.2}.marker circle:first-child{fill:#f8fffb3d;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:.45rem .65rem;font-size:.82rem;color:var(--muted)}.result-list,.dimension-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.result-list li,.dimension-list li{border:1px solid #d5e3dc;border-radius:10px;padding:.5rem .65rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:#f8fcfa}.dimension-list li div{display:flex;flex-direction:column;gap:.1rem}.dimension-list li span{font-size:.8rem;color:var(--muted)}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.layout-grid{grid-template-columns:minmax(0,1fr)}.hero{flex-direction:column}.hero-stats{width:100%}.mode-grid,.option-grid,.stats-sort-row{grid-template-columns:minmax(0,1fr)}.stats-card-head{flex-direction:column}.stats-table{min-width:540px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}