@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #040414;--panel: #0a0f24;--text: #f4f6ff;--muted: #b3b6d4;--border: #1c2347;--glow-cyan: #4df4ff;--glow-magenta: #ff4cf0;--glow-purple: #a27bff;--success: #d4ff4f;--error: #ff8fb1}:root[data-theme=light]{--bg: #101429;--panel: #121734;--text: #f8f9ff;--muted: #c7cbe8;--border: #28315a}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(77,244,255,.08),transparent 30%),radial-gradient(circle at 80% 0%,rgba(255,76,240,.08),transparent 25%),var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh}a{color:var(--glow-cyan)}button{font-family:inherit}.app-shell{display:flex;align-items:center;justify-content:center;padding:2rem;min-height:100vh}.frame{width:min(1200px,95vw);background:linear-gradient(135deg,#10132de6,#060821eb);border:1px solid var(--border);border-radius:24px;box-shadow:0 0 40px #4df4ff26,0 0 80px #ff4cf01f;overflow:hidden;position:relative}.frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#4df4ff14,#ff4cf00f);pointer-events:none}.frame-inner{position:relative;padding:2rem;z-index:1}.top-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.top-tile{padding:1rem;background:#ffffff08;border:1px solid var(--border);border-radius:16px;box-shadow:0 0 20px #00000040}.top-tile h3{margin:0 0 .25rem;font-size:.95rem;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}.top-tile .value{font-size:1.25rem;font-weight:700}.top-tile[data-accent=daily]{border-color:#4df4ffb3;box-shadow:0 0 16px #4df4ff40}.top-tile[data-accent=random]{border-color:#ff4cf0a6;box-shadow:0 0 16px #ff4cf038}.top-tile[data-accent=africa]{border-color:#d4ff4fb3;box-shadow:0 0 16px #d4ff4f3d}.top-tile[data-accent=asia],.top-tile[data-accent=south-america]{border-color:#ff4cf0a6;box-shadow:0 0 16px #ff4cf038}.top-tile[data-accent=europe],.top-tile[data-accent=north-america],.top-tile[data-accent=india],.top-tile[data-accent=china],.top-tile[data-accent=asia-ex-india-china]{border-color:#4df4ffb3;box-shadow:0 0 16px #4df4ff40}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.title-stack h1{margin:.2rem 0 .35rem;font-size:2.4rem;letter-spacing:.08em;text-transform:uppercase;font-family:Rajdhani,Inter,sans-serif}.title-stack p{margin:0;color:var(--muted)}.eyebrow{color:var(--glow-purple);letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-size:.85rem}.nav-row{display:flex;gap:.75rem;flex-wrap:wrap}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.25rem}.menu-card{background:#ffffff08;border:1px solid var(--border);border-radius:16px;padding:1rem 1.1rem;box-shadow:inset 0 1px #ffffff0a,0 20px 40px #00000040;display:flex;flex-direction:column;gap:.75rem}.card-footer{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;width:100%}.menu-card.region-card .btn{margin-top:auto}.menu-card h2{margin:.25rem 0 0;letter-spacing:.04em}.menu-card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:.45rem .75rem;border-radius:999px;background:#4df4ff1a;border:1px solid rgba(77,244,255,.4);color:var(--text);font-weight:700}.menu-card.full-span{grid-column:1 / -1}.menu-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-grid.continent-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.menu-card.level-card{padding:.8rem 1rem;gap:.5rem}.pill.alt{background:#ff4cf01a;border-color:#ff4cf059}.pill.neutral{background:#ffffff0d;border-color:#ffffff2e}.pill.success{background:#d4ff4f1f;border-color:#d4ff4f59;color:var(--success)}.pill.muted{background:#ffffff0a;border-color:#ffffff1a;color:var(--muted)}.pill-group{display:flex;gap:.5rem;align-items:center}.input-label{font-weight:600;color:var(--muted)}.seed-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.text-input{width:100%;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--border);background:#06082180;color:var(--text);font-size:1rem}.btn{border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;background:#ffffff0a;color:var(--text);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn.primary{background:linear-gradient(135deg,var(--glow-cyan),var(--glow-magenta));border:none;color:#061120;font-weight:700;box-shadow:0 0 20px #4df4ff40,0 0 24px #ff4cf033}.btn.primary.solid{background:var(--glow-purple);box-shadow:0 0 16px #4df4ff3d}.btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.btn.primary:disabled{background:linear-gradient(135deg,#4a4d65,#303448);color:var(--muted);border:1px solid rgba(255,255,255,.08)}.btn.ghost{border-color:#ffffff14;color:var(--muted)}.btn:hover{transform:translateY(-1px);box-shadow:0 0 16px #4df4ff33}.btn:active{transform:translateY(0)}.game-stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;position:relative;align-items:stretch;grid-auto-rows:minmax(520px,1fr);min-height:70vh}.streak-banner{display:inline-flex;align-items:baseline;gap:.6rem;background:#ffffff0a;border:1px solid var(--border);border-radius:14px;padding:.85rem 1.1rem;margin:0 auto;text-align:center;box-shadow:0 10px 30px #00000040;flex:0 0 auto;position:relative;overflow:hidden;isolation:isolate;--streak-primary: var(--glow-cyan);--streak-secondary: var(--glow-purple);--streak-ambient: rgba(77, 244, 255, .22);--streak-scale: 1;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease,transform .24s ease}.streak-banner:before,.streak-banner:after{content:"";position:absolute;top:-28%;right:-28%;bottom:-28%;left:-28%;opacity:0;pointer-events:none;z-index:0}.streak-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;position:relative;z-index:1}.streak-value{font-weight:800;font-size:1.3rem;letter-spacing:.04em;color:var(--glow-cyan);position:relative;z-index:1}.streak-banner.streak-milestone{background:radial-gradient(circle at 10% 30%,rgba(255,255,255,.04),transparent 36%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.03),transparent 40%),linear-gradient(135deg,#06082166,#0a0f24bf);border-color:var(--streak-primary);box-shadow:0 12px 36px #00000052,0 0 18px var(--streak-ambient),0 0 32px #ffffff0f;animation:streak-pop .32s ease-out,streak-glow 1.6s ease-out}.streak-banner.streak-milestone:before{background:radial-gradient(circle at 30% 30%,var(--streak-primary) 0,transparent 35%),radial-gradient(circle at 70% 70%,var(--streak-secondary) 0,transparent 32%);filter:blur(6px);opacity:.85;animation:streak-rings 1.4s ease-out forwards}.streak-banner.streak-milestone:after{background:conic-gradient(from 120deg,transparent 0deg,var(--streak-primary) 70deg,var(--streak-secondary) 140deg,transparent 220deg);mix-blend-mode:screen;animation:streak-sheen .9s ease-out forwards}.streak-banner.streak-milestone .streak-label{color:var(--streak-secondary)}.streak-banner.streak-milestone .streak-value{background:linear-gradient(120deg,var(--streak-primary),var(--streak-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 14px var(--streak-ambient),0 0 28px rgba(0,0,0,.55)}.streak-banner[data-milestone="5"]{--streak-primary: var(--glow-cyan);--streak-secondary: var(--glow-purple);--streak-ambient: rgba(77, 244, 255, .28);--streak-scale: 1.04}.streak-banner[data-milestone="10"]{--streak-primary: var(--glow-magenta);--streak-secondary: var(--glow-cyan);--streak-ambient: rgba(255, 76, 240, .28);--streak-scale: 1.07}.streak-banner[data-milestone="15"]{--streak-primary: var(--success);--streak-secondary: var(--glow-magenta);--streak-ambient: rgba(212, 255, 79, .32);--streak-scale: 1.09}.streak-banner[data-milestone="20"]{--streak-primary: var(--success);--streak-secondary: #ff8fb1;--streak-ambient: rgba(255, 143, 177, .36);--streak-scale: 1.12}.game-topline{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;position:relative}.game-topline .streak-banner{position:absolute;left:50%;transform:translate(-50%) scale(var(--streak-scale));flex:0 0 auto}.game-topline .btn{flex:0 0 auto}.mode-pill{flex:0 0 auto;margin-left:auto;position:relative;z-index:1}@keyframes streak-pop{0%{transform:translate(-50%) scale(.9)}55%{transform:translate(-50%) scale(1.12)}to{transform:translate(-50%) scale(var(--streak-scale))}}@keyframes streak-glow{0%{box-shadow:0 12px 28px #00000047,0 0 #0000}50%{box-shadow:0 12px 36px #00000052,0 0 36px var(--streak-ambient),0 0 52px #ffffff1f}to{box-shadow:0 12px 32px #00000047,0 0 18px var(--streak-ambient),0 0 28px #ffffff0f}}@keyframes streak-rings{0%{transform:scale(.75);opacity:.85}70%{opacity:.3}to{transform:scale(1.1);opacity:0}}@keyframes streak-sheen{0%{transform:scale(.9) rotate(0);opacity:.9}to{transform:scale(1.06) rotate(10deg);opacity:0}}.divider-line{position:absolute;top:0;left:50%;width:2px;height:100%;background:linear-gradient(to bottom,transparent,var(--glow-purple),transparent);transform:translate(-50%);opacity:.5;pointer-events:none}.recap-timeline{position:relative;padding:1.25rem 1rem 1.25rem 2.75rem;background:#ffffff08;border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;gap:.9rem;min-height:420px;height:100%;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 20px 40px #00000059;animation:recap-enter .36s ease}.recap-line{position:absolute;left:22px;top:1.2rem;bottom:1.2rem;width:2px;background:linear-gradient(to bottom,transparent,var(--glow-purple),var(--glow-cyan),transparent);opacity:.5;pointer-events:none}.recap-row{position:relative;display:flex;gap:.85rem;align-items:flex-start;padding-left:.85rem;opacity:0;transform:translateY(10px);animation:recap-item .24s ease forwards;animation-delay:var(--recap-delay, 0ms)}.recap-node{position:absolute;left:-27px;top:4rem;width:12px;height:12px;border-radius:50%;background:var(--glow-cyan);box-shadow:0 0 0 6px #4df4ff1a,0 0 14px #4df4ff8c}.recap-row.is-loss .recap-node{background:var(--error);box-shadow:0 0 0 6px #ff8fb124,0 0 14px #ff8fb18c}.recap-content{flex:1;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#06082199,#040414bf);padding:.75rem .85rem .95rem;box-shadow:0 12px 28px #00000059}.recap-step-label{margin:0 0 .35rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}.recap-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:stretch;gap:.75rem}.recap-city-card{padding:.9rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;display:flex;flex-direction:column;gap:.25rem;min-height:72px;justify-content:center}.recap-city-card.is-winner{border-color:#d4ff4fa6;box-shadow:0 0 18px #d4ff4f42}.recap-city-name{margin:0;font-weight:700;letter-spacing:.04em}.recap-city-pop{margin:0;color:var(--glow-cyan);font-weight:800;letter-spacing:.03em}.recap-diff{align-self:center;justify-self:center;padding:.65rem .9rem;border-radius:999px;border:1px dashed rgba(255,255,255,.18);background:#060a1cb3;color:var(--muted);font-weight:700;letter-spacing:.03em;min-width:150px;text-align:center}.recap-row.is-loss .recap-diff{border-color:#ff8fb173;color:var(--error)}@keyframes recap-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes recap-item{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.city-panel{position:relative;min-height:420px;height:100%;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:#ffffff05;display:flex;align-items:stretch;isolation:isolate}.city-visual{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--city-photo),linear-gradient(145deg,#0000008c,#040414d9);background-size:cover;background-position:center;filter:saturate(1.05);transform:scale(1.01);z-index:0}.city-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#4df4ff29,#ff4cf01f);z-index:1}.city-body{position:relative;z-index:2;padding:1.5rem;width:100%;display:flex;flex-direction:column;gap:1.2rem;justify-content:flex-start;flex:1}.city-name-card{padding:1.1rem;background:#060a1cd1;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 12px 28px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.city-country{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);margin:0;letter-spacing:.04em}.city-name{margin:.25rem 0 0;font-size:2rem;letter-spacing:.05em;text-transform:uppercase;line-height:1.1}.population-card{display:flex;align-items:baseline;gap:.5rem;padding:.85rem 1rem;border-radius:14px;background:#00000073;border:1px solid rgba(77,244,255,.25);color:var(--text);max-width:240px;position:relative;overflow:hidden}.population-label{color:var(--muted);font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}.population-value{font-weight:800;letter-spacing:.03em;color:var(--glow-cyan)}.population-card.is-winner{border-color:#d4ff4fcc;box-shadow:0 0 28px #d4ff4f47}.population-card.is-winner:before,.population-card.is-winner:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 20% 30%,rgba(212,255,79,.6) 0,transparent 35%),radial-gradient(circle at 70% 20%,rgba(77,244,255,.55) 0,transparent 32%),radial-gradient(circle at 40% 70%,rgba(255,140,177,.5) 0,transparent 30%),radial-gradient(circle at 85% 65%,rgba(77,244,255,.45) 0,transparent 26%);opacity:0;pointer-events:none;animation:particle-pop .9s ease-out forwards}.population-card.is-winner:after{animation-delay:.12s;transform:rotate(12deg)}@keyframes particle-pop{0%{transform:scale(.85);opacity:0}30%{opacity:.9}70%{opacity:.6}to{transform:scale(1.18) translateY(-6px);opacity:0}}.population-placeholder{height:56px}.btn.icon-btn{display:inline-flex;align-items:center;gap:.5rem}.btn.icon-btn svg{width:1.1rem;height:1.1rem}.primary-action{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.primary-action .btn{min-width:160px;justify-content:center}.wiki-btn{position:absolute;right:1.25rem;bottom:1.25rem;background:#4df4ff1f;border-color:#4df4ff66;box-shadow:0 8px 24px #00000059,0 0 18px #4df4ff38;color:var(--text)}.helper-text{color:var(--muted);margin:.5rem 0 0}.notice{margin-top:1rem;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.notice.success{border-color:#d4ff4f80;color:var(--success)}.notice.error{border-color:#ff8fb173;color:var(--error)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a12bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.dialog-card{background:#0a1020eb;border:1px solid var(--border);border-radius:20px;padding:1.5rem;width:min(560px,100%);box-shadow:0 28px 60px #00000073;display:flex;flex-direction:column;gap:.75rem}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.pin-dialog{max-width:640px}.pin-map{width:100%;height:280px;border-radius:14px;border:1px solid rgba(255,255,255,.12);overflow:hidden}.pin-coordinates{font-variant-numeric:tabular-nums}.achievement-groups{display:flex;flex-direction:column;gap:1rem}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:.5rem}.achievement-card{padding:1rem;border-radius:14px;border:1px solid var(--border);background:linear-gradient(135deg,#ffffff08,#ffffff03);display:flex;flex-direction:column;gap:.5rem;min-height:170px}.achievement-card.unlocked{border-color:#d4ff4f59;box-shadow:0 12px 28px #0000004d,0 0 16px #d4ff4f1f}.achievement-card.locked{opacity:.9}.achievement-card h3{margin:.2rem 0}.achievement-card-header{display:flex;align-items:center;gap:.6rem}.icon-circle{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.12);font-size:1.1rem}.icon-circle.small{width:36px;height:36px}.achievement-progress{width:100%;height:8px;background:#ffffff0f;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.achievement-progress-fill{height:100%;background:linear-gradient(90deg,#7aff9a,#8bd8ff)}.achievement-toast-container{position:fixed;right:1.5rem;bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:30;pointer-events:none}.achievement-toast{pointer-events:auto;min-width:280px;max-width:360px;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:#181a21e6;box-shadow:0 12px 32px #00000059,0 0 20px #7cffb333;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.achievement-toast-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.achievement-toast .btn.ghost{padding:.2rem .5rem;min-width:auto}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.stat-card{padding:1rem;border-radius:16px;border:1px solid var(--border);background:#ffffff08}.stat-card h3{margin:0 0 .4rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stat-value{font-size:1.8rem;font-weight:700}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.history-item{padding:.75rem 1rem;border-radius:12px;background:#ffffff08;border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:var(--text)}.xp-card{position:relative;display:flex;flex-direction:column;gap:.35rem}.xp-card.level-up:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle at 20% 20%,rgba(77,244,255,.25) 0,transparent 30%),radial-gradient(circle at 80% 40%,rgba(255,76,240,.22) 0,transparent 28%),radial-gradient(circle at 50% 80%,rgba(212,255,79,.2) 0,transparent 30%);animation:xp-burst .9s ease-out forwards;pointer-events:none}.xp-card.scale-up{animation:xp-scale-in .65s ease-out}.xp-card.minimal{padding:.35rem .25rem}.xp-card-row{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.xp-level{margin:0;font-size:1.1rem;letter-spacing:.04em;position:relative}.xp-total{color:var(--muted);font-weight:600}.xp-progress{position:relative;height:14px;background:#ffffff14;border:1px solid var(--border);border-radius:999px;overflow:hidden}.xp-progress-fill{height:100%;background:linear-gradient(90deg,var(--glow-cyan),var(--glow-magenta));box-shadow:0 0 12px #4df4ff59,0 0 24px #ff4cf033;width:0%;transition:width .22s ease-out}.xp-progress-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(77,244,255,.2),transparent 35%),radial-gradient(circle at 70% 50%,rgba(255,76,240,.18),transparent 40%);mix-blend-mode:screen;pointer-events:none;opacity:.8}.xp-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.9rem}.xp-footer{margin-top:1.25rem}@keyframes xp-burst{0%{opacity:0;transform:scale(.95)}30%{opacity:.7}to{opacity:0;transform:scale(1.08)}}@keyframes xp-scale-in{0%{transform:scale(.94);opacity:.6}60%{transform:scale(1.03);opacity:1}to{transform:scale(1);opacity:1}}.settings-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border:1px solid var(--border);border-radius:14px}@media (prefers-reduced-motion: reduce){.streak-banner{transition:none}.streak-banner.streak-milestone{animation:none}.streak-banner.streak-milestone:before,.streak-banner.streak-milestone:after{animation:none;opacity:.35}.recap-timeline,.recap-row{animation:none}}@media (max-width: 768px){.frame-inner{padding:1.25rem}.page-header{flex-direction:column;align-items:flex-start}.game-stage{grid-template-columns:1fr}.divider-line{display:none}.menu-grid.two-up{grid-template-columns:1fr}}