@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Space+Grotesk:wght@600;700&display=swap";:root{--bg-start: #ffffff;--bg-end: #f5f5f5;--surface: #ffffff;--surface-strong: #ffffff;--surface-soft: #f9f9f9;--ink: #000000;--ink-soft: #555555;--accent: #e50000;--accent-strong: #cc0000;--accent-soft: #ffe5e5;--warm: #e50000;--danger: #cc0000;--border: #e0e0e0;--border-strong: #000000;--strong-bg: #000000;--medium-bg: #888888;--weak-bg: #e50000;--shadow: none;--panel: #ffffff;--muted: #888888;--outline: #000000;--radius-xl: 0px;--radius-lg: 0px;--radius-md: 0px;--radius-sm: 0px;--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:Inter,sans-serif;background:var(--bg-start)}h1,h2,h3{margin:0;line-height:1.1;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.02em;text-transform:uppercase}p{margin:0;line-height:1.5;color:var(--ink-soft)}strong{color:var(--ink)}button,input,select{font:inherit;border-radius:0}:focus-visible{outline:2px solid var(--ink);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:1.5rem}.card{background:var(--surface);border:2px solid var(--ink);padding:1.5rem;box-shadow:6px 6px 0 0 var(--ink)}.center-card{text-align:center;display:grid;gap:.8rem;justify-items:center;padding-block:2.5rem}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:700;font-family:Space Grotesk,sans-serif}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr);gap:1.5rem;align-items:start}.hero>div:first-child{display:grid;gap:1rem}.hero-compact{padding:1.5rem}.hero h1{font-size:clamp(2rem,3vw,3rem)}.hero p{max-width:60ch}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:2px solid var(--ink)}.mode-button,.option-button{border:none;border-right:2px solid var(--ink);background:var(--surface);min-height:48px;padding:.5rem 1rem;color:var(--ink);font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:background .15s ease,color .15s ease}.mode-button:last-child{border-right:none}.mode-button:hover,.option-button:hover{background:var(--surface-soft)}.mode-button.active,.option-button.selected{background:var(--ink);color:var(--surface)}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.option-grid .option-button{border:2px solid var(--ink)}.actions-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.button{border:2px solid var(--ink);background:var(--surface);min-height:48px;padding:.5rem 1.5rem;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .15s ease;box-shadow:3px 3px 0 0 var(--ink)}.button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 0 var(--ink)}.button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--ink)}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.button.primary{color:var(--surface);background:var(--accent);border-color:var(--ink)}.button.secondary{color:var(--ink);background:var(--surface-soft)}.hero-actions{margin-top:.5rem}.icon-button{width:74px;min-width:74px;height:64px;border:2px solid var(--ink);background:var(--surface);color:var(--ink);display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.25rem .4rem;cursor:pointer;transition:all .15s ease;box-shadow:3px 3px 0 0 var(--ink)}.icon-button svg{width:20px;height:20px;stroke-width:2}.icon-button-label{font-size:.65rem;line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.icon-button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 0 var(--ink)}.icon-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--ink)}.icon-button.active{background:var(--ink);color:var(--surface)}.icon-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.hero-stats{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:2px solid var(--ink);box-shadow:4px 4px 0 0 var(--ink)}.hero-stats div{border-bottom:2px solid var(--ink);background:var(--surface);padding:.8rem 1rem}.hero-stats div:last-child{border-bottom:none}.hero-stats dt{font-size:.7rem;color:var(--ink-soft);text-transform:uppercase;font-weight:700}.hero-stats dd{margin:.2rem 0 0;font-weight:700;font-size:1.2rem;color:var(--ink);font-family:Space Grotesk,sans-serif}.layout-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:1.5rem;align-items:start}.quiz-card,.side-card,.stats-card{display:grid;gap:1rem}.quiz-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:2px solid var(--ink);padding-bottom:.5rem}.progress-pill{border:2px solid var(--ink);background:var(--surface);padding:.3rem .5rem;display:inline-flex;gap:.3rem}.dot{width:12px;height:12px;border:1px solid var(--ink);background:var(--surface)}.dot.current{background:var(--ink)}.dot.done{background:var(--accent)}.prompt{color:var(--ink);font-size:1.1rem;font-weight:600}.field{display:grid;gap:.4rem}.field span{font-size:.85rem;color:var(--ink-soft);text-transform:uppercase;font-weight:700}input[type=text],select{width:100%;min-height:48px;border:2px solid var(--ink);padding:.6rem .8rem;font-size:1rem;background:var(--surface);color:var(--ink);font-family:Space Grotesk,sans-serif}input[type=text]::placeholder{color:#aaa}input[type=text]:focus,select:focus{outline:none;box-shadow:4px 4px 0 0 var(--ink)}.dimension-picker{margin:0;border:2px solid var(--ink);background:var(--surface);padding:1rem;display:grid;gap:.5rem}.dimension-picker legend{font-weight:700;padding:0 .5rem;color:var(--ink);text-transform:uppercase;font-size:.8rem}.local-name-card{border:2px solid var(--ink);background:#f0f0f0;padding:1rem}.local-name-text{width:100%;min-height:100px;margin-top:.5rem;display:flex;align-items:center;justify-content:space-between;color:var(--ink);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:2px solid var(--ink);background:var(--surface-strong);color:var(--ink);font-weight:700;padding:.3rem .6rem;text-transform:uppercase}.hint{border:2px solid var(--ink);padding:.8rem;background:var(--surface-soft);color:var(--ink);font-size:.95rem;font-family:Space Grotesk,sans-serif}.error-text{color:var(--accent);font-weight:700;text-transform:uppercase;font-size:.85rem}.feedback{border:2px solid var(--ink);padding:1rem;display:grid;gap:.5rem;background:var(--surface-strong)}.feedback-row{display:flex;align-items:center;gap:.75rem}.penalty-note{color:var(--accent);font-weight:700;text-transform:uppercase;font-size:.8rem}.score-chip{min-width:60px;text-align:center;padding:.3rem .5rem;font-size:.9rem;font-weight:800;text-transform:uppercase;border:2px solid var(--ink)}.score-chip.strong{color:var(--surface);background:var(--ink)}.score-chip.medium{color:var(--ink);background:#ccc}.score-chip.weak{color:var(--surface);background:var(--accent)}.outline-preview{margin:0;width:100%;border:2px solid var(--ink);padding:1rem;display:grid;place-items:center;background:#fafafa}.outline-preview svg{width:min(92%,320px);color:var(--ink)}.world-map-wrap{border:2px solid var(--ink);overflow:hidden;background:#f0f0f0}.world-map{width:100%;height:auto;display:block;cursor:crosshair}.world-map[tabindex="-1"]{cursor:default}.ocean{fill:#f0f0f0}.graticule{stroke:#ddd;stroke-width:.8}.country-shape{fill:#fff;stroke:var(--ink);stroke-width:.8;transition:fill .15s ease,stroke .15s ease}.country-shape.highlight{fill:var(--accent);stroke:var(--ink);stroke-width:1.5}.map-label-layer{pointer-events:none}.map-unit-label{fill:var(--ink);font-size:10px;font-family:Space Grotesk,sans-serif;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:3;stroke-linejoin:round}.map-unit-label-line{stroke:var(--ink);stroke-width:1}.marker circle:first-child{fill:transparent;stroke-width:2}.guess-marker circle:first-child{stroke:var(--ink)}.target-marker circle:first-child{stroke:var(--accent)}.guess-marker circle:last-child{fill:var(--ink)}.target-marker circle:last-child{fill:var(--accent)}.map-help{padding:.6rem .8rem;border-top:2px solid var(--ink);background:#f9f9f9;color:var(--ink);font-size:.85rem;text-transform:uppercase;font-weight:700}.stats-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-bottom:2px solid var(--ink);padding-bottom:1rem}.stats-card-head>div{display:grid;gap:.3rem}.stats-sort-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:2px solid var(--ink)}.stats-sort-row .mode-button{margin:0}.stats-table-wrap{border:2px solid var(--ink);overflow:auto;max-height:60vh;background:var(--surface)}.stats-table{width:100%;min-width:640px;border-collapse:collapse}.stats-table th,.stats-table td{padding:.6rem .8rem;border-bottom:1px solid var(--border);vertical-align:top}.stats-table thead th{position:sticky;top:0;z-index:1;background:#f0f0f0;color:var(--ink);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--ink)}.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:.2rem;color:var(--ink-soft);font-size:.8rem}.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:0;border:2px solid var(--ink)}.result-list li,.dimension-list li{border-bottom:2px solid var(--ink);padding:.8rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:var(--surface)}.result-list li:last-child,.dimension-list li:last-child{border-bottom:none}.dimension-list li div{display:grid;gap:.2rem}.dimension-list li span{color:var(--ink-soft);font-size:.8rem;text-transform:uppercase;font-weight:700}.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:1rem;gap:1rem}.hero h1{font-size:clamp(1.8rem,8vw,2.2rem)}.mode-grid,.option-grid,.stats-sort-row{grid-template-columns:minmax(0,1fr)}.mode-button{border-right:none;border-bottom:2px solid var(--ink)}.mode-button:last-child{border-bottom:none}.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)}.hero-stats div{border-bottom:2px solid var(--ink)}.hero-stats div:last-child{border-bottom:none}.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}}