.app{min-height:100dvh;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.header__brand h1{margin:0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em}.header__brand p{margin:.25rem 0 0;color:#94a3b8;font-size:.9rem}.header__stats{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:999px;background:#0f172acc;border:1px solid rgba(148,163,184,.15);font-size:.875rem;color:#cbd5e1;white-space:nowrap}.header__stats-divider{opacity:.5}.controls{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.control{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;border-radius:12px;background:#0f172abf;border:1px solid rgba(148,163,184,.12)}.control span{font-size:.875rem;color:#94a3b8}.control select{min-width:140px;padding:.45rem .65rem;border-radius:8px;border:1px solid rgba(148,163,184,.2);background:#0f172a;color:#e2e8f0}.control--segmented{display:grid;grid-template-columns:1fr 1fr;padding:.35rem;gap:.35rem}.control--segmented button{border:none;border-radius:8px;padding:.55rem .75rem;background:transparent;color:#94a3b8;transition:background .15s ease,color .15s ease}.control--segmented button.is-active{background:#1d4ed8;color:#eff6ff}.control--toggle input{width:1.1rem;height:1.1rem;accent-color:#38bdf8}.stage{flex:1;display:grid;grid-template-columns:1fr;gap:1rem;min-height:0}.map-panel{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(148,163,184,.12);background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.08),transparent 45%),linear-gradient(180deg,#0b1220,#0f172a);min-height:220px}.map-panel__overlay{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(2,6,23,.35) 100%)}.world-map{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem}.world-map__svg{width:100%;height:auto;max-height:360px}.card-panel{display:flex;align-items:stretch}.flash-card{width:100%;min-height:180px;border:1px solid rgba(148,163,184,.15);border-radius:20px;padding:1.25rem 1.5rem;background:linear-gradient(145deg,#1e293bf2,#0f172afa);color:inherit;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 20px 40px #02061759;transition:transform .18s ease,border-color .18s ease}.flash-card:active{transform:scale(.985)}.flash-card--revealed{border-color:#38bdf873}.flash-card__label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.flash-card__question{font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700;line-height:1.2}.flash-card__hint{font-size:1rem;color:#94a3b8;line-height:1.5}.flash-card__answer{display:flex;flex-direction:column;gap:.35rem;opacity:0;transform:translateY(8px)}.flash-card__answer--visible{opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}.flash-card__name{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:#f8fafc}.flash-card__subname{font-size:1.1rem;color:#94a3b8}.flash-card__capital{margin-top:.25rem;font-size:.95rem;color:#64748b}.flash-card__cta{font-size:.85rem;color:#38bdf8}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem;justify-content:center}.btn{border:none;border-radius:999px;padding:.75rem 1.15rem;font-weight:600;transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:#2563eb;color:#eff6ff;min-width:120px}.btn--ghost{background:#1e293be6;color:#cbd5e1;border:1px solid rgba(148,163,184,.15)}.btn--success{background:#059669;color:#ecfdf5}.btn--danger{background:#be123c;color:#fff1f2}.empty-state{padding:2rem;text-align:center;color:#94a3b8}@media (min-width: 768px){.app{padding:1.5rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom))}.controls{grid-template-columns:1.2fr 1fr .8fr;align-items:stretch}.stage{grid-template-columns:1.15fr .85fr;align-items:stretch;min-height:420px}.map-panel,.flash-card{min-height:100%}.actions{justify-content:flex-end}}@media (min-width: 1024px){.stage{min-height:480px}.world-map__svg{max-height:none}}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020617;color:#e2e8f0;-webkit-font-smoothing:antialiased}button,select,input{font:inherit}button{cursor:pointer}