@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e1117;--bg-card: #161b25;--bg-elevated: #1d2535;--border: #2a3348;--border-light: #334060;--green: #3d7a5e;--green-light: #4e9b77;--green-muted: #2a5441;--gold: #c9a84c;--gold-light: #e2c47a;--cream: #f0e6c8;--red: #b84040;--red-light: #d45555;--text: #e8dfc8;--text-muted: #8a9ab5;--text-dim: #4a5568;--radius: 10px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--transition: .18s ease;--map-bg: #0b1520;--map-sphere: #0b1520;--map-graticule: #182534;--map-country: #1a2636;--map-country-stroke: #263548;--map-hover: #243a52;--map-pool: #1e2f42;--map-pool-stroke: #2d4460;--map-pool-hover: #2a4a3c;--map-dim: #111a24;--map-dim-stroke: #1d2c3a;--map-borders: #4a6888;--map-status-bg: rgba(11,17,28,.9);--map-ctrl-bg: rgba(22,27,37,.88)}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,color .2s ease,fill .2s ease,stroke .2s ease}.option-btn,.mode-card,.next-btn,.map-next-btn,.btn-primary,.continent-btn{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform 80ms ease,box-shadow .2s ease,opacity .2s ease}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(61,122,94,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(61,122,94,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.navbar{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 2rem;height:60px;display:flex;align-items:center;gap:.7rem}.nav-logo{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-serif);font-size:1.25rem;color:var(--gold-light);text-decoration:none;letter-spacing:.02em;display:flex;align-items:center;gap:.5rem}.nav-logo .logo-icon{font-size:1.4rem}.nav-right{margin-left:auto;display:flex;align-items:center;gap:.6rem}.nav-mp-btn{display:flex;align-items:center;gap:.4rem;text-decoration:none;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--green-light);background:#4e9b7714;border:1px solid rgba(78,155,119,.2);border-radius:8px;padding:.35rem .75rem;transition:background .2s,border-color .2s,color .2s}.nav-mp-btn:hover{background:#4e9b7726;border-color:#4e9b7766;color:#7ee8b5}.nav-settings-btn{display:none;align-items:center;justify-content:center;text-decoration:none;font-size:1.1rem;color:var(--text-muted);width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:color .2s,border-color .2s,background .2s}.nav-settings-btn:hover{color:var(--cream);border-color:#ffffff2e;background:#ffffff0d}.nav-menu-btn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-muted);font-size:.85rem;font-weight:500;letter-spacing:.04em;padding:.38rem .8rem;cursor:pointer;transition:color .2s,border-color .2s}.nav-menu-btn:hover,.nav-menu-btn.open{color:var(--gold-light);border-color:#d0a5374d}.nav-menu-btn .nmb-icon{font-size:1.15rem;line-height:1}.nav-dropdown{position:fixed;top:60px;left:0;right:0;z-index:99;background:#070c16f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transform:translateY(-6px);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.nav-dropdown.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-dropdown-inner{max-width:860px;margin:0 auto;padding:1.6rem 2rem 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem}.nav-dd-label{display:block;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#649bd780;font-weight:600;margin-bottom:.65rem;padding-bottom:.45rem;border-bottom:1px solid rgba(90,140,200,.1)}.nav-dd-group a{display:block;color:var(--text-muted);text-decoration:none;font-size:.875rem;padding:.28rem 0;transition:color .15s}.nav-dd-group a:hover{color:var(--cream)}.nav-dd-group a.active{color:var(--gold-light)}.nav-backdrop{display:none;position:fixed;top:60px;right:0;bottom:0;left:0;z-index:98}.nav-backdrop.open{display:block}@media (max-width: 680px){.nav-dropdown-inner{grid-template-columns:repeat(2,1fr);gap:1.2rem;padding:1.2rem 1.2rem 1.6rem}}@media (max-width: 380px){.nav-dropdown-inner{grid-template-columns:1fr}}.page{position:relative;z-index:1}.container{max-width:960px;margin:0 auto;padding:0 1.5rem}.hero{text-align:center;padding:6rem 1.5rem 4rem}.hero-eyebrow{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green-light);font-weight:600;margin-bottom:1rem}.hero-title{font-family:var(--font-serif);font-size:clamp(2.4rem,6vw,4rem);color:var(--cream);line-height:1.15;margin-bottom:1.2rem}.hero-title span{color:var(--gold-light)}.hero-subtitle{font-size:1.05rem;color:var(--text-muted);max-width:480px;margin:0 auto 3rem;font-weight:300}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;padding:0 1.5rem 5rem;max-width:960px;margin:0 auto}.mode-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.75rem;text-decoration:none;color:inherit;display:block;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--green-muted) 0%,transparent 60%);opacity:0;transition:opacity var(--transition)}.mode-card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.mode-card:hover:before{opacity:.15}.mode-icon{font-size:2.4rem;margin-bottom:1rem;display:block}.mode-title{font-family:var(--font-serif);font-size:1.3rem;color:var(--cream);margin-bottom:.5rem}.mode-desc{font-size:.875rem;color:var(--text-muted);line-height:1.55;margin-bottom:1.5rem}.mode-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:99px;padding:.25rem .7rem}.best-strip{display:flex;justify-content:center;gap:3rem;padding:0 1.5rem 5rem;max-width:960px;margin:0 auto;flex-wrap:wrap}.best-item{text-align:center}.best-num{font-family:var(--font-serif);font-size:2rem;color:var(--gold-light);display:block}.best-label{font-size:.8rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.game-page{min-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.5rem 4rem}.difficulty-screen{width:100%;max-width:520px;text-align:center;animation:fadeUp .3s ease both}.difficulty-screen h1{font-family:var(--font-serif);font-size:2rem;color:var(--cream);margin-bottom:.6rem}.difficulty-screen p{color:var(--text-muted);margin-bottom:2.5rem;font-size:.95rem}.difficulty-btns{display:flex;flex-direction:column;gap:.9rem}.diff-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color var(--transition),background var(--transition);text-align:left;color:inherit;width:100%}.diff-btn:hover{border-color:var(--green);background:var(--bg-elevated)}.diff-btn.selected{border-color:var(--green);background:var(--bg-elevated);box-shadow:0 0 0 1px var(--green-muted) inset}.diff-btn-left{display:flex;align-items:center;gap:.9rem}.diff-icon{font-size:1.5rem}.diff-name{font-weight:600;color:var(--cream);font-size:1rem;display:block}.diff-desc{font-size:.8rem;color:var(--text-muted)}.diff-tag{font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.2rem .55rem;border-radius:99px}.diff-tag.easy{background:#3d7a5e33;color:var(--green-light);border:1px solid var(--green-muted)}.diff-tag.medium{background:#c9a84c26;color:var(--gold);border:1px solid rgba(201,168,76,.4)}.diff-tag.hard{background:#b8404026;color:var(--red-light);border:1px solid rgba(184,64,64,.4)}.game-hud{width:100%;max-width:680px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem 1.25rem;margin-bottom:1.5rem;font-size:.875rem}.hud-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:52px}.hud-icon{font-size:1rem;line-height:1}.hud-val{font-weight:700;font-size:1rem;color:var(--cream);line-height:1}.hud-label{font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.hud-sep{width:1px;height:28px;background:var(--border)}.progress-wrap{width:100%;max-width:680px;height:3px;background:var(--border);border-radius:99px;margin-bottom:1.75rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--green-light));border-radius:99px;transition:width .4s ease}.question-card{width:100%;max-width:680px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 2rem;margin-bottom:1.25rem;animation:fadeUp .25s ease both}.question-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.45rem}.question-text{font-family:var(--font-serif);font-size:1.45rem;color:var(--cream);line-height:1.3}.flag-display{width:100%;max-width:680px;margin-bottom:1.25rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;min-height:200px}.flag-display img{max-width:100%;max-height:240px;object-fit:contain;padding:1.5rem 3rem;animation:fadeUp .2s ease both}.options-grid{width:100%;max-width:680px;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.option-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;cursor:pointer;color:var(--text);font-family:var(--font-sans);font-size:.9rem;font-weight:500;text-align:left;transition:border-color var(--transition),background var(--transition),transform 80ms ease;display:flex;align-items:center;gap:.65rem;line-height:1.35}.option-btn:hover:not(:disabled){border-color:var(--green-light);background:var(--bg-elevated);transform:translateY(-1px)}.opt-letter{width:24px;height:24px;border-radius:5px;background:var(--bg-elevated);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;color:var(--text-muted);transition:background var(--transition),border-color var(--transition)}.option-btn.correct{border-color:var(--green-light);background:#3d7a5e2e;color:var(--cream)}.option-btn.correct .opt-letter{background:var(--green);border-color:var(--green-light);color:#fff}.option-btn.wrong{border-color:var(--red-light);background:#b8404021;color:var(--text-muted)}.option-btn.wrong .opt-letter{background:var(--red);border-color:var(--red-light);color:#fff}.option-btn:disabled{cursor:default}.feedback-banner{width:100%;max-width:680px;padding:.65rem 1.1rem;border-radius:var(--radius);font-weight:600;font-size:.875rem;display:none;align-items:center;gap:.55rem;margin-bottom:.75rem}.feedback-banner.correct{background:#3d7a5e2e;border:1px solid var(--green);color:var(--green-light);display:flex}.feedback-banner.wrong{background:#b8404021;border:1px solid var(--red);color:var(--red-light);display:flex}.next-btn{width:100%;max-width:680px;background:var(--green);color:#fff;border:none;border-radius:var(--radius);padding:.85rem 1.5rem;font-family:var(--font-sans);font-size:.95rem;font-weight:600;cursor:pointer;letter-spacing:.03em;transition:background var(--transition),transform 80ms ease;display:none;animation:fadeUp .2s ease both}.next-btn.visible{display:block}.next-btn:hover{background:var(--green-light);transform:translateY(-1px)}.map-outer{width:100%;max-width:820px;margin-bottom:1.25rem}.map-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.map-container svg{display:block;width:100%;height:auto}.map-container .country{fill:#1e2b3a;stroke:#2e3f54;stroke-width:.6;cursor:pointer;transition:fill var(--transition)}.map-container .country:hover{fill:#2d4a3e}.map-container .country.target{fill:var(--gold);stroke:var(--gold-light);stroke-width:1.2}.map-container .country.correct-pick{fill:var(--green);stroke:var(--green-light)}.map-container .country.wrong-pick{fill:var(--red);stroke:var(--red-light)}.map-container .country.show-correct{fill:var(--green);opacity:.7}.map-hint{font-size:.8rem;color:var(--text-muted);text-align:center;padding:.55rem;border-top:1px solid var(--border);background:var(--bg)}.gameover-screen{width:100%;max-width:480px;text-align:center;animation:fadeUp .35s ease both}.gameover-icon{font-size:3.5rem;margin-bottom:1rem;display:block}.gameover-title{font-family:var(--font-serif);font-size:2rem;color:var(--cream);margin-bottom:.4rem}.gameover-sub{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.score-display{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.score-item{text-align:center}.score-val{font-family:var(--font-serif);font-size:2.2rem;color:var(--gold-light);display:block;line-height:1;margin-bottom:.3rem}.score-label{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}.score-item.best-score .score-val{color:var(--green-light)}.gameover-actions{display:flex;gap:.75rem;flex-direction:column}.btn-primary{background:var(--green);color:#fff;border:none;border-radius:var(--radius);padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:background var(--transition);text-decoration:none;display:block;text-align:center}.btn-primary:hover{background:var(--green-light)}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.5rem;font-size:.95rem;font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:border-color var(--transition),color var(--transition);text-decoration:none;display:block;text-align:center}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text)}.lives-setting{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.25rem;margin-top:.9rem}.lives-setting-label{font-weight:600;color:var(--text);font-size:.9rem;display:flex;align-items:center;gap:.45rem}.lives-options{display:flex;gap:1.5rem}.lives-opt{display:flex;align-items:center;gap:.4rem;font-size:.875rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.lives-opt input[type=radio]{accent-color:var(--green);width:15px;height:15px;cursor:pointer}.hidden{display:none!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake{animation:shake .3s ease}@media (max-width: 600px){.options-grid,.modes-grid{grid-template-columns:1fr}.game-hud{flex-wrap:wrap;gap:.5rem;justify-content:center}.hud-sep{display:none}.hero{padding:4rem 1rem 2.5rem}.navbar{padding:0 .75rem}.nav-logo{font-size:1.05rem}.nav-logo .logo-icon{display:none}.nav-mp-btn{font-size:0;padding:.35rem;gap:0}.nav-mp-btn:before{content:"⚔";font-size:1rem}.nav-menu-btn{font-size:.75rem;padding:.3rem .6rem}.score-display{grid-template-columns:1fr}.difficulty-screen h1{font-size:1.6rem}}