: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}.homeScreen,.game{width:min(760px,100%);min-height:calc(100vh - 32px);min-height:calc(100dvh - 32px);margin:0 auto}.homeScreen{display:grid;grid-template-rows:1fr auto auto;gap:14px;align-content:end}.homeHero{display:flex;flex-direction:column;justify-content:end;min-height:250px;padding:28px 2px 10px}.brandMark{width:76px;height:76px;display:grid;place-items:center;margin-bottom:18px;border-radius:18px;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 18px 44px #00000057;color:#fff8e7;font-size:2.4rem;font-weight:900}.homeStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.homeStats>div{min-height:74px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#181c20d1}.homeStats strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.modeChoices{display:grid;gap:10px;padding-bottom:4px}.homeFooter{padding:8px 2px 4px;text-align:center}.homeFooter a{color:var(--muted);font-size:.82rem;font-weight:700;text-decoration:none}.homeFooter a:hover{color:var(--text)}.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{min-height:calc(100dvh - 24px)}.homeHero{min-height:220px}.homeStats{grid-template-columns:1fr}.homeStats>div{min-height:58px}.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}}