:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#071b2c;color:#f4f7fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}
.shell{min-height:100svh;background:radial-gradient(ellipse at 78% 4%,rgba(6,182,212,.1),transparent 35%),#071b2c}
.noise{background-image:radial-gradient(rgba(255,255,255,.13) .65px,transparent .65px);background-size:18px 18px}
.screen{animation:enter .35s ease both}
@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.choice{transition:border-color .18s,background .18s,transform .18s}
.choice:hover{transform:translateY(-2px);border-color:#22d3ee;background:#123b53}
.choice:active{transform:scale(.99)}
.choice.selected{border-color:#fbbf24;background:#273b42}
.radar{animation:spin 3s linear infinite;transform-origin:center}
@keyframes spin{to{transform:rotate(360deg)}}
.scanline{animation:scan 1.25s ease-in-out infinite alternate}
@keyframes scan{from{transform:translateY(-35px);opacity:.25}to{transform:translateY(35px);opacity:1}}
#cursorFx{position:fixed;inset:0;z-index:40;width:100%;height:100%;pointer-events:none}
@media(hover:none),(pointer:coarse){#cursorFx{display:none}}
.earth-globe{position:relative;isolation:isolate;width:132px;height:132px;overflow:hidden;border:1px solid rgba(125,211,252,.65);border-radius:50%;background:radial-gradient(ellipse at 32% 26%,#8be3ff 0%,#1599dc 29%,#0871b8 57%,#034274 78%,#021d38 100%);box-shadow:inset -13px -3px 24px rgba(1,12,31,.72),inset 5px 4px 16px rgba(186,239,255,.3),0 0 55px rgba(6,182,212,.2)}
.earth-map{position:absolute;inset:0;width:300%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='132' viewBox='0 0 360 132'%3E%3Cg fill='%2349d17b'%3E%3Cpath d='M29 24 42 14 60 16 67 24 84 27 87 38 78 45 73 58 62 60 56 73 47 68 43 56 33 51 29 39 21 33zM67 70 78 72 84 84 81 98 73 116 66 108 64 94 58 83zM112 25 126 18 137 22 133 31 119 34zM157 28 171 21 185 25 198 22 213 29 228 27 242 35 235 43 220 42 213 50 201 49 194 59 184 60 179 72 168 69 166 56 155 51 149 40zM183 61 196 56 209 61 216 75 208 91 199 107 191 97 188 82 181 73zM232 69 241 72 247 83 243 94 236 88zM278 88 291 85 302 91 299 100 286 101 278 96zM321 28 329 25 337 31 334 38 325 37z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x;background-size:360px 132px;animation:earth-drift 22s linear infinite;filter:drop-shadow(0 0 3px rgba(54,220,140,.25))}
.earth-glow{position:absolute;inset:0;border-radius:50%;background:linear-gradient(112deg,rgba(210,249,255,.45),transparent 28% 56%,rgba(1,13,34,.2) 70%,rgba(0,8,24,.8) 100%);pointer-events:none}
.earth-limb{position:absolute;inset:-1px;border:1px solid rgba(145,234,255,.48);border-radius:50%;box-shadow:inset 7px 0 10px rgba(207,249,255,.2);pointer-events:none}
@keyframes earth-drift{from{transform:translateX(0)}to{transform:translateX(-360px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}#cursorFx{display:none}}