:root{color-scheme:dark;--gold:#f4ba3b;--gold2:#ffdf84;--ink:#071020;--panel:rgba(6,13,29,.82);--line:rgba(244,186,59,.45);--muted:#aab9d4;--ok:#69dd9a}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#030711;color:#fff}
body{overflow-x:hidden;background:radial-gradient(circle at 50% 25%,#142954 0,#081228 34%,#030711 72%)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#7da9ff 0 1px,transparent 1.6px),radial-gradient(circle,#ffc95b 0 1px,transparent 1.4px);background-size:137px 137px,211px 211px,293px 293px;background-position:13px 21px,71px 111px,142px 53px;opacity:.45}
a{color:inherit}.app{width:min(1120px,100%);margin:auto;padding:18px clamp(14px,3vw,32px) 42px;position:relative;z-index:1}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.back,.icon-btn{border:1px solid var(--line);background:rgba(8,16,34,.72);color:#fff;border-radius:999px;padding:10px 14px;text-decoration:none;font-weight:800;cursor:pointer}.version{color:var(--gold2);font-weight:900;letter-spacing:.08em}
.hero{text-align:center;padding:16px 0 4px}.hero h1{margin:4px 0;font-size:clamp(42px,8vw,92px);line-height:.9;letter-spacing:-.06em;color:var(--gold);text-shadow:0 4px 0 #6e3a10,0 12px 34px rgba(244,186,59,.25)}.hero p{margin:14px auto 0;max-width:760px;color:#c6d3e9;font-size:clamp(16px,2.3vw,22px)}
.hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.hud-card{background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:13px 15px;backdrop-filter:blur(10px)}.hud-card span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.hud-card strong{display:block;margin-top:5px;font-size:clamp(19px,3vw,30px);color:#fff}.hud-card.gold strong{color:var(--gold)}.hud-card.ok strong{color:var(--ok)}
.game-shell{position:relative;min-height:min(760px,80vh);border:1px solid rgba(255,255,255,.12);border-radius:34px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(43,104,196,.18),transparent 52%),rgba(2,7,18,.66);box-shadow:0 30px 90px rgba(0,0,0,.45),inset 0 0 80px rgba(59,120,220,.08)}
.countdown{position:absolute;left:18px;top:18px;z-index:30;display:flex;align-items:center;gap:10px;background:rgba(5,12,26,.82);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:9px 13px;color:#dce8ff;font-weight:800}.countdown b{color:var(--gold);font-variant-numeric:tabular-nums}
.counter{position:absolute;right:18px;top:18px;z-index:30;min-width:165px;background:rgba(5,12,26,.88);border:1px solid var(--line);border-radius:18px;padding:10px 14px;text-align:right}.counter span{display:block;color:#dce8ff;font-size:.82rem}.counter strong{font-size:2rem;color:var(--gold);font-variant-numeric:tabular-nums}
.globe-stage{position:absolute;inset:74px 10px 34px;display:grid;place-items:center;perspective:1200px}.orbit{position:relative;width:min(640px,82vw);aspect-ratio:1;display:grid;place-items:center}.orbit::before,.orbit::after{content:"";position:absolute;border:1px solid rgba(120,180,255,.28);border-radius:50%;inset:-5%;transform:rotateX(68deg)}.orbit::after{inset:-16%;border-color:rgba(244,186,59,.15);transform:rotateX(72deg) rotateZ(18deg)}
.globe{position:relative;width:84%;aspect-ratio:1;border-radius:50%;overflow:visible;transform-style:preserve-3d;filter:drop-shadow(0 28px 55px rgba(0,0,0,.6));animation:float 6s ease-in-out infinite}.sphere{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 34% 27%,#7fd4ff 0 3%,#1e84d4 25%,#0957a2 56%,#023267 78%,#011a3a 100%);box-shadow:inset -52px -24px 85px rgba(0,0,0,.58),inset 28px 18px 54px rgba(255,255,255,.18),0 0 45px rgba(62,154,255,.55);border:2px solid rgba(177,224,255,.62)}.sphere::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 28% 18%,rgba(255,255,255,.36),transparent 26%),radial-gradient(ellipse at 60% 75%,transparent 45%,rgba(0,0,0,.38) 82%);z-index:5;pointer-events:none}.sphere::after{content:"";position:absolute;inset:-3%;border-radius:50%;box-shadow:0 0 0 8px rgba(78,174,255,.08),0 0 56px rgba(78,174,255,.45);z-index:8;pointer-events:none}
.world-map{position:absolute;inset:1%;width:98%;height:98%;animation:drift 18s ease-in-out infinite alternate;transform-origin:center}.land{fill:#6fb24a;stroke:#d7d28b;stroke-width:2;filter:drop-shadow(0 4px 3px rgba(0,0,0,.25))}.land.alt{fill:#8dbb50}.ice{fill:#ecf7ff;opacity:.9}.cloud{fill:none;stroke:rgba(255,255,255,.5);stroke-width:6;stroke-linecap:round;opacity:.52}.grid-lines{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 11%,rgba(202,231,255,.13) 11.2% 11.5%,transparent 11.7% 22%),linear-gradient(90deg,transparent 49.7%,rgba(202,231,255,.12) 50%,transparent 50.3%);opacity:.55;mix-blend-mode:screen;z-index:4}
.site{position:absolute;z-index:12;width:32px;height:32px;border:0;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(244,186,59,.18),0 0 24px var(--gold);cursor:pointer;transform:translate(-50%,-50%);transition:transform .15s ease}.site:hover{transform:translate(-50%,-50%) scale(1.16)}.site::before{content:"";position:absolute;inset:-12px;border:2px solid rgba(244,186,59,.7);border-radius:50%;animation:pulse 1.8s ease-out infinite}.site span{position:absolute;left:50%;top:38px;transform:translateX(-50%);white-space:nowrap;background:rgba(5,12,25,.88);border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:900;color:#fff;pointer-events:none}.site small{color:var(--gold2);margin-left:4px}.site[data-id="north-america"]{left:25%;top:33%}.site[data-id="south-america"]{left:34%;top:66%}.site[data-id="europe"]{left:52%;top:28%}.site[data-id="africa"]{left:54%;top:56%}.site[data-id="asia"]{left:72%;top:35%}.site[data-id="oceania"]{left:79%;top:70%}
.rocket{position:absolute;z-index:25;width:34px;height:78px;transform-origin:50% 85%;pointer-events:none}.rocket .bottle{position:absolute;inset:8px 3px 8px;border:2px solid #dff3ff;border-radius:10px 10px 15px 15px;background:linear-gradient(90deg,rgba(255,255,255,.38),rgba(155,221,255,.12));box-shadow:inset 0 -36px 0 rgba(126,68,24,.96),inset 0 -42px 0 #d99a37}.rocket .bottle::after{content:"Ж";position:absolute;left:5px;right:5px;bottom:16px;border-radius:4px;background:var(--gold);color:#251400;text-align:center;font-size:8px;font-weight:1000}.rocket .cap{position:absolute;left:10px;top:0;width:14px;height:9px;border-radius:3px;background:#e75242}.rocket .fin{position:absolute;bottom:8px;width:12px;height:22px;background:#df6b31}.rocket .fin.l{left:-6px;clip-path:polygon(100% 0,100% 100%,0 100%)}.rocket .fin.r{right:-6px;clip-path:polygon(0 0,100% 100%,0 100%)}.rocket .flame{position:absolute;left:12px;bottom:-31px;width:10px;height:38px;border-radius:50%;background:linear-gradient(#fff5a8,#ff982f 48%,#ed4024 76%,transparent);filter:drop-shadow(0 0 9px #ff8d25);animation:flame .12s ease-in-out infinite alternate}.rocket.launch{animation:launch 2.4s cubic-bezier(.18,.68,.18,1) forwards}
.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0 0}.control{border:1px solid var(--line);background:rgba(8,17,36,.88);color:#fff;padding:11px 16px;border-radius:999px;font-weight:900;cursor:pointer}.control.primary{background:var(--gold);color:#241500;border-color:var(--gold)}.continent-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.continent-stats article{padding:9px;border-radius:14px;background:rgba(8,16,34,.72);border:1px solid rgba(255,255,255,.1);text-align:center}.continent-stats span{display:block;color:var(--muted);font-size:.7rem}.continent-stats strong{color:var(--gold2);font-size:1.15rem;font-variant-numeric:tabular-nums}
.safety{margin-top:18px;display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.panel{border-radius:22px;padding:18px;background:rgba(7,15,31,.78);border:1px solid rgba(255,255,255,.11)}.panel h2{margin:0 0 8px;font-size:1.2rem;color:#fff}.panel p{margin:0;color:#b9c7de;line-height:1.55}.panel strong{color:var(--ok)}.carbonation-meter{height:12px;border-radius:999px;background:#15243b;overflow:hidden;margin:15px 0 8px}.carbonation-meter i{display:block;width:96%;height:100%;background:linear-gradient(90deg,#55c88b,var(--gold));box-shadow:0 0 18px var(--gold)}
@keyframes pulse{from{transform:scale(.55);opacity:1}to{transform:scale(1.45);opacity:0}}@keyframes float{50%{transform:translateY(-10px) rotateZ(.8deg)}}@keyframes drift{from{transform:translateX(-2%) scale(1.02)}to{transform:translateX(2%) scale(1.035)}}@keyframes flame{to{transform:scaleY(1.25)}}@keyframes launch{0%{transform:translate(-50%,-50%) rotate(var(--angle)) scale(.72);opacity:1}12%{transform:translate(-50%,-50%) rotate(var(--angle)) scale(1)}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(calc(var(--angle) + 12deg)) scale(1.15);opacity:0}}
@media(max-width:760px){.hud{grid-template-columns:1fr 1fr}.game-shell{min-height:650px}.globe-stage{inset:88px 0 40px}.counter{min-width:132px}.counter strong{font-size:1.55rem}.continent-stats{grid-template-columns:repeat(3,1fr)}.safety{grid-template-columns:1fr}.site span{font-size:.62rem;padding:4px 7px}}@media(max-width:480px){.hero h1{font-size:46px}.game-shell{min-height:590px}.countdown{font-size:.74rem}.counter{top:62px}.site{width:25px;height:25px}.site span{top:30px}.continent-stats{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.globe,.world-map,.site::before,.rocket .flame{animation:none!important}.rocket.launch{animation-duration:.01ms!important}}