@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{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-menu-btn{margin-left:auto;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-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 1rem}.score-display{grid-template-columns:1fr}.difficulty-screen h1{font-size:1.6rem}}.gs-hidden{display:none!important}.gs-nav-auth{display:flex;align-items:center;gap:.6rem}.gs-nav-signin{font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--text-muted);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.38rem .9rem;cursor:pointer;transition:background .16s,border-color .16s,color .16s}.gs-nav-signin:hover{background:#ffffff1a;border-color:#fff3;color:var(--text)}.gs-nav-user{display:flex;align-items:center;gap:.55rem}.gs-nav-avatar{width:32px;height:32px;border-radius:50%;background:var(--green-muted);border:1px solid var(--green);color:var(--green-light);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.gs-nav-avatar img{width:100%;height:100%;object-fit:cover}.gs-nav-name{font-size:.8rem;color:var(--text-muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-nav-profile-link{display:flex;align-items:center;gap:.45rem;text-decoration:none;border-radius:8px;padding:2px 4px;transition:background .15s}.gs-nav-profile-link:hover{background:#ffffff0f}.gs-nav-signout{font-size:.73rem;font-weight:600;color:#b46464cc;background:transparent;border:1px solid rgba(180,100,100,.25);border-radius:7px;padding:.3rem .7rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.gs-nav-signout:hover{background:#b464641f;border-color:#b4646473;color:#d45555}.gs-auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .22s ease}.gs-auth-overlay.open{opacity:1;pointer-events:all}.gs-auth-modal{position:relative;width:100%;max-width:400px;background:#101620;border:1px solid rgba(90,145,210,.18);border-radius:20px;padding:2.4rem 2rem 2rem;box-shadow:0 32px 80px #000000b3,0 0 0 1px #ffffff0a inset;transform:translateY(14px) scale(.97);transition:transform .22s ease}.gs-auth-overlay.open .gs-auth-modal{transform:translateY(0) scale(1)}.gs-auth-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-muted);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.gs-auth-close:hover{background:#ffffff1f;color:var(--text)}.gs-auth-logo{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green-light);font-weight:600;margin-bottom:.9rem}.gs-auth-title{font-family:var(--font-serif);font-size:1.55rem;color:var(--text);margin-bottom:1.4rem;line-height:1.2}.gs-auth-tabs{display:flex;background:#ffffff0a;border-radius:10px;padding:3px;margin-bottom:1.4rem;gap:3px}.gs-tab{flex:1;font-size:.8rem;font-weight:600;padding:.45rem 0;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .16s,color .16s}.gs-tab.active{background:#ffffff17;color:var(--text)}.gs-tab:hover:not(.active){color:var(--text)}.gs-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.68rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;margin-bottom:1.1rem}.gs-google-btn:hover{background:#ffffff1c;border-color:#ffffff38}.gs-auth-divider{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem;color:var(--text-dim);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.gs-auth-divider:before,.gs-auth-divider:after{content:"";flex:1;height:1px;background:#ffffff12}.gs-auth-form{display:flex;flex-direction:column;gap:.7rem}.gs-field input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:.65rem .9rem;font-size:.88rem;font-family:var(--font-sans);color:var(--text);transition:border-color .16s,background .16s;outline:none}.gs-field input::placeholder{color:var(--text-dim)}.gs-field input:focus{border-color:#5a91d280;background:#ffffff12}.gs-auth-error{font-size:.78rem;color:var(--red-light);min-height:1.1em;margin:-.2rem 0}.gs-submit-btn{width:100%;padding:.72rem 1rem;border-radius:10px;border:none;background:var(--green);color:#fff;font-size:.9rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background .16s,transform .12s;margin-top:.2rem}.gs-submit-btn:hover{background:var(--green-light)}.gs-submit-btn:active{transform:scale(.98)}.gs-signout-confirm{position:absolute;top:calc(100% + 8px);right:0;background:#101620;border:1px solid rgba(180,100,100,.3);border-radius:12px;padding:1rem 1.2rem;width:210px;z-index:400;box-shadow:0 12px 40px #0009}.gs-nav-auth{position:relative}.gs-signout-confirm p{font-size:.83rem;color:var(--text);margin-bottom:.8rem;text-align:center}.gs-signout-confirm-btns{display:flex;gap:.5rem}.gs-signout-confirm-btns button{flex:1;padding:.38rem 0;border-radius:7px;border:1px solid transparent;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s}#gs-signout-yes{background:#b4404033;border-color:#b4404066;color:var(--red-light)}#gs-signout-yes:hover{background:#b4404059}#gs-signout-no{background:#ffffff0f;border-color:#ffffff1a;color:var(--text-muted)}#gs-signout-no:hover{background:#ffffff1c}.gs-username-hint{font-size:.82rem;color:var(--text-muted);line-height:1.55;margin-bottom:1.2rem}.gs-username-field{position:relative}.gs-username-field input{padding-right:2.4rem}.gs-username-status{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);font-size:.95rem;font-weight:700;pointer-events:none}.gs-username-status.available{color:var(--green-light)}.gs-username-status.taken{color:var(--red-light)}.gs-username-status.checking{color:var(--text-dim);font-size:.8rem}@media (max-width: 480px){.gs-auth-modal{padding:2rem 1.3rem 1.6rem}.gs-nav-name{display:none}}