:root{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;font-weight:500;line-height:1.45}*{box-sizing:border-box}body{color:#1d3649;margin:0}html,body,#root{height:100%;overflow:hidden}.quiz-app{background:radial-gradient(circle at 12% 20%,#3978a72e,#0000 45%),radial-gradient(circle at 86% 12%,#247a6424,#0000 48%),linear-gradient(165deg,#f7fafc,#edf3f7 58%,#e7eef3);height:100svh;padding:14px clamp(8px,1.6vw,16px) 10px;position:relative;overflow:hidden}.quiz-shell{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.quiz-header{flex:none;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px;display:flex}.header-controls{grid-template-columns:repeat(3,132px);gap:10px;display:grid}.header-controls>*{width:132px;height:56px}.quiz-header h1{color:#0e2a3f;letter-spacing:-.03em;margin:0;font-size:clamp(1.3rem,2.2vw,2.1rem);font-weight:700}.quiz-header p{color:#40566a;margin:5px 0 0;font-size:clamp(.9rem,1.35vw,1rem)}.quiz-header p span{color:#0f4f7a;font-weight:700}.progress-card{text-align:center;background:linear-gradient(145deg,#eff6fb,#ddebf6);border:1px solid #17568324;border-radius:12px;flex-direction:column;justify-content:center;padding:8px 12px;display:flex}.progress-card span{color:#47647a;text-transform:uppercase;letter-spacing:.07em;font-size:.77rem;display:block}.progress-card strong{color:#173951;margin-top:2px;font-size:1.02rem;display:block}.restart-btn{color:#114668;cursor:pointer;background:#f8fdffcc;border:1px solid #124e7540;border-radius:12px;padding:8px 11px;font-size:.95rem;font-weight:700}.restart-btn:hover{background:#f3f9ff}.timer-pill{color:#2a5068;text-align:center;background:linear-gradient(145deg,#eff6fb,#ddebf6);border:1px solid #17568324;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:flex}.timer-pill span{letter-spacing:.07em;text-transform:uppercase;opacity:.95;font-size:.77rem}.timer-pill strong{color:#173951;font-size:1.12rem}.map-frame{background:linear-gradient(#e1f0fb66,#eef6fb99),#f0f6fa;border:none;border-radius:0;flex:auto;min-height:0;margin-top:8px;display:flex;overflow:hidden}.map-frame svg{width:100%;height:100%;display:block}.state{fill:#d7e2eb;stroke:#f9fcff;stroke-width:1.1px;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .2s,filter .2s,transform .2s}.state:hover{filter:brightness(.95)}.state--idle{fill:#d8e2ea}.state--correct-first{fill:#3db17a}.state--correct-second{fill:#f4cf54}.state--correct-third{fill:#f08a4b}.state--missed{fill:#df5959}.state--flash-wrong{fill:#df5959;stroke:#8f2424;stroke-width:1.6px;animation:.26s wrongFlash}.nation-outline{fill:none;stroke:#0d38548c;stroke-width:1.2px;vector-effect:non-scaling-stroke;pointer-events:none}@keyframes wrongFlash{0%{fill:#df5959;filter:brightness(1.2)}to{fill:#df5959;filter:brightness(.98)}}.legend{color:#24465f;flex-wrap:wrap;flex:none;gap:8px;margin-top:8px;font-size:.82rem;display:flex}.legend>div{background:#f8fcffb8;border:1px solid #184c702e;border-radius:999px;align-items:center;gap:8px;padding:4px 8px;display:inline-flex}.legend-swatch{border-radius:999px;width:10px;height:10px}.swatch-green{background:#3db17a}.swatch-yellow{background:#f4cf54}.swatch-orange{background:#f08a4b}.swatch-red{background:#df5959}.results-panel{background:#0818278c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.results-panel h2,.results-panel p{margin:0}.results-card{text-align:center;background:#fbfdff;border:1px solid #1b507529;border-radius:20px;width:min(380px,92vw);padding:20px 18px;box-shadow:0 28px 70px #0f202f59}.results-card h2{color:#11314a;margin-bottom:10px;font-size:1.7rem}.results-card p{color:#3d5c72;margin-bottom:8px}.results-card strong{color:#102f47}.results-card button{color:#f0f9ff;cursor:pointer;background:linear-gradient(140deg,#0f466f,#1b7397);border:none;border-radius:12px;margin-top:10px;padding:11px 14px;font-size:.98rem;font-weight:700}.results-card button:hover{filter:brightness(1.05)}@media (width<=760px){.quiz-app{padding:56px 6px 8px}.quiz-shell{padding:0}.quiz-header{flex-direction:column;align-items:stretch}.header-controls{grid-template-columns:repeat(3,minmax(100px,1fr));width:100%}.progress-card{text-align:center}.legend{gap:6px;margin-top:6px;font-size:.76rem}}