:root{color-scheme:dark;--bg: #101316;--panel: #181c20;--panel-2: #20262b;--text: #f4f0e8;--muted: #a8b0b6;--line: #313941;--accent: #e5ba55;--win: #9fe48a;--error: #ff9b8e;--input-bg: #0d1013;--suggestions-bg: #161b1f;--accent-text: #1a1307;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 8%,rgba(68,173,99,.16),transparent 18rem),radial-gradient(circle at 80% 12%,rgba(229,186,85,.12),transparent 16rem),linear-gradient(135deg,#0f1414,#171515 48%,#11171c);color:var(--text);-webkit-tap-highlight-color:transparent}button,input{font:inherit}h1,h2,p{margin:0}h1{font-size:clamp(2.45rem,10vw,4.5rem);line-height:.9;letter-spacing:0}.eyebrow{margin-bottom:4px;color:var(--muted);font-size:.78rem;font-weight:750;text-transform:uppercase}.label{display:block;margin-bottom:6px;color:var(--muted);font-size:.72rem;text-transform:uppercase}.app{min-height:100vh;min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.hidden{display:none!important}button{min-height:44px;border:1px solid transparent;border-radius:8px;background:var(--accent);color:var(--accent-text);font-weight:750;cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.56}button:hover{border-color:#ffffff57}.iconButton{min-width:70px;padding:0 12px;background:var(--panel-2);color:var(--text);border-color:var(--line)}.modeChoice{min-height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;text-align:left;background:var(--panel);color:var(--text);border-color:var(--line)}.modeChoice.dailyChoice{background:linear-gradient(135deg,#e5ba55,#e1cc82);color:var(--accent-text);border-color:transparent}.modeChoice strong,.modeChoice small{display:block}.modeChoice strong{font-size:1.2rem}.modeChoice small{margin-top:3px;color:currentColor;opacity:.72;line-height:1.35}.choiceMeta{padding:7px 9px;border-radius:8px;background:#ffffff1c;font-size:.78rem;font-weight:800;white-space:nowrap}#newPracticeButton{width:72px;min-height:34px;background:transparent;color:var(--muted);border-color:var(--line);font-size:.84rem}#newPracticeButton[hidden]{display:none}.guessForm{display:grid;gap:9px}.guessForm label{color:var(--muted);font-size:.88rem}.inputRow{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}.inputWrap{position:relative;min-width:0}input{width:100%;min-width:0;height:48px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--text)}.topbar,.summary,.historyPanel{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#181c20d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{min-height:86px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px 16px}.stats{display:grid;grid-template-columns:repeat(2,minmax(74px,1fr));gap:8px}.stats>div,.summary>div{min-height:64px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#ffffff08}.stats strong,.summary strong{font-size:1.2rem;font-variant-numeric:tabular-nums}.summary{display:grid;grid-template-columns:1fr .75fr 1fr;gap:8px;padding:10px}.historyPanel{min-height:0;display:flex;flex-direction:column;padding:12px}.historyHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.historyHeader h2{font-size:1rem}.message{min-height:42px;color:var(--muted);line-height:1.35}.message.win{color:var(--win)}.message.error{color:var(--error)}.scale{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:var(--muted);font-size:.8rem}.bar{height:12px;border-radius:99px;background:linear-gradient(90deg,#585f69,#fff1a8,#f0aa49,#44ad63)}.suggestions{position:absolute;z-index:20;top:calc(100% + 6px);right:0;left:0;max-height:min(248px,44vh);margin:0;padding:6px;overflow:auto;list-style:none;border:1px solid var(--line);border-radius:8px;background:var(--suggestions-bg);box-shadow:0 16px 34px #0000006b}.suggestions[hidden]{display:none}.suggestions button{width:100%;min-height:42px;padding:0 10px;border:0;background:transparent;color:var(--text);text-align:left;font-weight:650}.suggestions button:hover,.suggestions button:focus{background:#e5ba5524;color:#fff5d6;outline:none}.history{min-height:0;margin:0;padding:0;list-style:none;overflow:auto;display:grid;gap:8px}.history li{display:grid;grid-template-columns:24px 14px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:46px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#ffffff08}.guessNumber{color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}.swatch{width:14px;height:14px;border-radius:50%}.countryName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distance{color:var(--muted);font-size:.86rem;font-variant-numeric:tabular-nums;white-space:nowrap}.revealOverlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#06080a9e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:revealOverlayIn .28s cubic-bezier(.22,1,.36,1) both}.revealDialog{position:relative;width:min(100%,420px);padding:28px 24px 22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(160deg,#20262bf5,#12161afa 58%,#0e1216fc);box-shadow:0 28px 80px #0000007a,0 0 0 1px #ffffff0a inset,0 1px #ffffff14 inset;overflow:hidden;animation:revealDialogIn .42s cubic-bezier(.22,1,.36,1) both}.revealGlow{position:absolute;inset:-40% -20% auto;height:220px;background:radial-gradient(circle at 50% 60%,rgba(229,186,85,.34),transparent 62%),radial-gradient(circle at 20% 30%,rgba(68,173,99,.18),transparent 48%);pointer-events:none;animation:revealGlowPulse 2.8s ease-in-out infinite}.revealBadge{position:relative;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,155,142,.28);background:#ff9b8e1a;color:#ffc8bf;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;animation:revealFadeUp .52s cubic-bezier(.22,1,.36,1) 80ms both}.revealEyebrow{position:relative;margin-top:16px;color:var(--muted);font-size:.92rem;font-weight:700;animation:revealFadeUp .52s cubic-bezier(.22,1,.36,1) .12s both}.revealTitle{position:relative;margin-top:6px;font-size:clamp(1.45rem,5vw,1.85rem);line-height:1.05;letter-spacing:-.02em;animation:revealFadeUp .52s cubic-bezier(.22,1,.36,1) .16s both}.revealCountry{position:relative;margin-top:10px;font-size:clamp(2.2rem,9vw,3rem);line-height:.95;font-weight:850;letter-spacing:-.03em;background:linear-gradient(135deg,#fff4d4,#e5ba55 42%,#9fe48a);-webkit-background-clip:text;background-clip:text;color:transparent;animation:revealCountryIn .64s cubic-bezier(.22,1,.36,1) .22s both}.revealHint{position:relative;margin-top:14px;color:var(--muted);font-size:.92rem;line-height:1.45;animation:revealFadeUp .52s cubic-bezier(.22,1,.36,1) .3s both}.revealHint strong{color:var(--text);font-weight:800}.revealActions{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;animation:revealFadeUp .52s cubic-bezier(.22,1,.36,1) .38s both}.revealPrimary,.revealSecondary{min-height:46px;border-radius:12px;font-size:.92rem}.revealPrimary{background:linear-gradient(135deg,#e5ba55,#d9a63f);color:var(--accent-text);border-color:transparent;box-shadow:0 10px 24px #e5ba5538}.revealSecondary{background:#ffffff0a;color:var(--text);border-color:var(--line)}@keyframes revealOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes revealDialogIn{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes revealFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes revealCountryIn{0%{opacity:0;transform:translateY(16px) scale(.96);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes revealGlowPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@media(max-width:420px){.revealActions{grid-template-columns:1fr}}.game{width:min(760px,100%);min-height:calc(100vh - 32px);min-height:calc(100dvh - 32px);margin:0 auto}.homeScreen{width:min(760px,100%);margin:0 auto;display:flex;flex-direction:column;gap:20px;padding:8px 0 4px}.homeHero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 8px 4px}.brandMark{width:88px;height:88px;display:grid;place-items:center;margin-bottom:20px;border-radius:24px;background:radial-gradient(circle at 32% 28%,#5cd58a 0 16%,transparent 17%),radial-gradient(circle at 62% 64%,#e5ba55 0 12%,transparent 13%),linear-gradient(145deg,#0a6f8a,#12363f 58%,#15191d);box-shadow:0 0 0 1px #ffffff14,0 20px 48px #0000006b,0 0 60px #5cd58a1f;color:#fff8e7;font-size:2.6rem;font-weight:900}.homeHero h1{font-size:clamp(2.6rem,12vw,3.4rem);letter-spacing:-.03em}.homeTagline{margin-top:10px;max-width:18rem;color:var(--muted);font-size:.95rem;line-height:1.45}.homeStatsStrip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0;padding:16px 12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#20262bb8,#181c20e0);box-shadow:inset 0 1px #ffffff0a}.homeStat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center}.homeStatValue{font-size:1.35rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.homeStatValue--status{font-size:1.05rem;letter-spacing:.02em}.homeStatLabel{color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.homeStatDivider{width:1px;height:36px;background:var(--line);opacity:.9}.homeModes{display:flex;flex-direction:column;gap:12px}.modeCard{min-height:92px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.modeCard:active:not(:disabled){transform:scale(.985)}.modeCard--daily{border-color:#e5ba5559;background:linear-gradient(135deg,#e5ba55f5,#d6bc6ceb),linear-gradient(180deg,#e5ba55,#d4b05a);color:var(--accent-text);box-shadow:0 12px 32px #e5ba552e,inset 0 1px #ffffff47}.modeCard--practice{background:linear-gradient(180deg,#20262bf2,#181c20fa)}.modeCardIcon{width:44px;height:44px;flex-shrink:0;position:relative;border-radius:12px;background:radial-gradient(circle at 35% 30%,#5cd58a 0 18%,transparent 19%),radial-gradient(circle at 65% 68%,#e5ba55 0 14%,transparent 15%),linear-gradient(145deg,#0a6f8a,#12363f 60%,#15191d);box-shadow:inset 0 1px #ffffff1f}.modeCardIcon--practice{background:radial-gradient(circle at 50% 50%,rgba(168,176,182,.22) 0 35%,transparent 36%),linear-gradient(145deg,#2a3238,#1a2025)}.modeCardIcon--practice:after{content:"";position:absolute;inset:13px;border:2px solid rgba(168,176,182,.55);border-top-color:transparent;border-radius:50%}.modeCardContent{display:flex;flex-direction:column;gap:4px;min-width:0}.modeCardTop{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.modeCardTop strong{font-size:1.08rem;line-height:1.2}.modeCardDesc{color:currentColor;opacity:.72;font-size:.84rem;line-height:1.35}.modeCardBadge{padding:4px 8px;border-radius:999px;background:#1a130724;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.modeCard--practice .modeCardBadge--muted{background:#ffffff0f;color:var(--muted)}.modeCardChevron{width:28px;height:28px;flex-shrink:0;border-radius:999px;background:#1a13071a;position:relative}.modeCardChevron:after{content:"";position:absolute;top:50%;left:46%;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translate(-50%,-50%) rotate(45deg)}.modeCard--practice .modeCardChevron{background:#ffffff0f}.homeFooter{padding:4px 2px 2px;text-align:center}.homeFooter a{color:var(--muted);font-size:.8rem;font-weight:700;text-decoration:none}.homeFooter a:hover{color:var(--text)}@media(min-width:561px){.homeScreen{gap:24px;padding-top:16px}.homeHero{padding:24px 8px 8px}.homeStatsStrip{padding:18px 20px}.homeStatValue{font-size:1.5rem}.homeStatValue--status{font-size:1.15rem}.modeCard{min-height:96px;padding:18px 20px}}.game{display:grid;grid-template-rows:auto auto minmax(240px,1fr) auto auto minmax(120px,.65fr);gap:12px}.privacyScreen{width:min(720px,100%);margin:0 auto;padding-bottom:24px}.privacyHeader{padding:8px 2px 20px}.privacyBack{display:inline-block;margin-bottom:18px;color:var(--muted);font-size:.88rem;font-weight:700;text-decoration:none}.privacyBack:hover{color:var(--text)}.privacyMeta{margin-top:8px;color:var(--muted);font-size:.9rem}.privacyBody{display:grid;gap:22px}.privacyBody section{padding:18px;border:1px solid var(--line);border-radius:8px;background:#181c20d1}.privacyBody h2{margin-bottom:10px;font-size:1.1rem}.privacyBody p,.privacyBody ul{color:var(--text);line-height:1.55}.privacyBody p+p,.privacyBody ul{margin-top:10px}.privacyBody ul{padding-left:1.2rem}.privacyBody li+li{margin-top:6px}.privacyBody a{color:var(--accent)}.globeShell{position:relative;min-height:240px;display:grid;place-items:center;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle,#31565b40,#090c0e7a 62%)}canvas{width:min(100%,54vh);max-width:560px;aspect-ratio:1;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}.loading{position:absolute;inset:auto 18px 18px;color:var(--muted);text-align:center}.loading.hidden{display:none}@media(max-width:560px){.app{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.game{min-height:calc(100dvh - 24px);grid-template-rows:auto auto minmax(210px,.9fr) auto auto minmax(120px,.62fr);gap:10px}.homeScreen{gap:16px;padding-top:4px}.homeHero{padding-top:4px}.brandMark{width:80px;height:80px;margin-bottom:16px;border-radius:22px;font-size:2.4rem}.homeTagline{font-size:.9rem}.homeStatsStrip{padding:14px 8px}.homeStatValue{font-size:1.2rem}.homeStatValue--status{font-size:.95rem}.modeCard{min-height:88px;gap:12px;padding:14px}.topbar{grid-template-columns:minmax(0,1fr) auto;min-height:76px;padding:12px}.topbar .stats{grid-column:1 / -1;grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr;min-width:82px}.stats>div{min-height:50px;padding:8px 10px}.summary{grid-template-columns:1fr .7fr}.summary>div:last-child{grid-column:1 / -1;min-height:54px}canvas{width:min(100%,46vh)}.inputRow{grid-template-columns:1fr}.distance{max-width:9.5rem;overflow:hidden;text-overflow:ellipsis}}