:root{color:#f8f8ff;font-synthesis:none;text-rendering:optimizelegibility;background:#070b19;font-family:Inter,Noto Sans SC,Microsoft YaHei UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline-offset:4px;outline:3px solid #ffe176}.hidden{display:none!important}.app-shell{background:radial-gradient(circle at 75% 30%,#314e9855,#0000 34%),radial-gradient(circle at 20% 80%,#244c5c44,#0000 35%),linear-gradient(145deg,#111a38,#080d20 58%,#16102a);width:100%;height:100%;min-height:480px;position:relative;overflow:hidden}#game-root{z-index:1;position:absolute;inset:0}#game-root canvas{display:block}.app-shell:not(.game-active) #game-root{opacity:.22;filter:blur(2px)}.ambient-grid{z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30%,#0000);mask-image:linear-gradient(#0000,#000 30%,#0000)}.app-header{z-index:30;padding:calc(18px + env(safe-area-inset-top)) calc(26px + env(safe-area-inset-right)) 18px calc(26px + env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.brand-button,.round-button{color:#fff;cursor:pointer;pointer-events:auto;border:0}.brand-button{letter-spacing:.08em;background:0 0;align-items:center;gap:11px;padding:0;font-size:17px;display:flex}.brand-button span{color:#15162a;background:#ffd64e;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-8deg);box-shadow:0 8px 25px #0006}.header-actions{pointer-events:auto;gap:9px;display:flex}.round-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10162fc4;border:1px solid #ffffff35;border-radius:50%;width:42px;height:42px;transition:all .2s}.round-button:hover{color:#121426;background:#fff;transform:translateY(-2px)}.screen{z-index:10;position:absolute;inset:0}.eyebrow{color:#ffdc69;letter-spacing:.28em;margin:0;font-size:11px;font-weight:900}.home-screen{grid-template-columns:minmax(430px,.95fr) 1.05fr;align-items:center;gap:4vw;padding:82px max(6vw,50px) 48px;display:grid}.home-copy{z-index:2;position:relative}.home-copy h1{letter-spacing:-.09em;margin:16px 0 24px;font-size:clamp(72px,9vw,134px);font-weight:950;line-height:.78}.home-copy h1 span,.home-copy h1 strong{display:block}.home-copy h1 strong{color:#ffd64e;text-shadow:0 12px 60px #ffb62935;-webkit-text-stroke:1px #fff3}.home-lead{color:#d8dced;letter-spacing:.05em;max-width:500px;margin:0 0 32px;font-size:clamp(14px,1.35vw,18px);line-height:1.75}.home-actions{align-items:center;gap:12px;display:flex}.cta-button,.ghost-button{cursor:pointer;border:0;border-radius:14px;min-height:50px;padding:0 20px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.cta-button{color:#141526;background:#ffd64e;justify-content:space-between;align-items:center;gap:34px;min-width:205px;display:inline-flex;box-shadow:0 14px 36px #0006}.cta-button b{font-size:22px}.cta-button:hover{transform:translateY(-3px);box-shadow:0 19px 44px #0008}.cta-button:disabled{opacity:.55;cursor:wait;transform:none}.ghost-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff30}.ghost-button:hover{background:#ffffff1e}.home-meta{color:#ffffff75;letter-spacing:.08em;align-items:center;gap:11px;margin-top:26px;font-size:11px;font-weight:700;display:flex}.home-meta i{background:#ffdc69;border-radius:50%;width:3px;height:3px}.home-controls{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.home-controls span{color:#ffffff8a;letter-spacing:.05em;background:#ffffff08;border:1px solid #ffffff13;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.home-hero{aspect-ratio:1;justify-self:center;place-items:center;width:min(42vw,570px);display:grid;position:relative}.hero-star{z-index:2;color:#17182b;background:linear-gradient(145deg,#fff4a0,#ffc933);border-radius:32%;place-items:center;width:45%;height:45%;font-size:clamp(80px,11vw,150px);animation:4s ease-in-out infinite heroFloat;display:grid;position:relative;transform:rotate(-12deg);box-shadow:0 0 90px #ffd64e55,inset 0 2px 2px #fff}@keyframes heroFloat{0%,to{transform:translateY(0)rotate(-12deg)}50%{transform:translateY(-15px)rotate(-8deg)}}.hero-orbit{border:1px solid #ffffff24;border-radius:50%;animation:18s linear infinite orbitSpin;position:absolute}.orbit-one{inset:12%}.orbit-two{border-style:dashed;animation-duration:30s;animation-direction:reverse;inset:1%}@keyframes orbitSpin{to{transform:rotate(360deg)}}.hero-orbit:after{content:"✦";color:#8df4ff;font-size:20px;position:absolute;top:-10px;left:50%}.hero-silhouette{background:#17152e;border-radius:45% 45% 35% 35%;width:85px;height:115px;position:absolute;bottom:8%;right:2%;transform:rotate(9deg);box-shadow:0 15px 35px #0006}.hero-silhouette:before{content:"";clip-path:polygon(0 45%,15% 0,35% 22%,55% 0,68% 25%,100% 13%,90% 100%,10% 100%);background:#30265d;border-radius:45% 50% 42% 48%;width:62px;height:60px;position:absolute;top:-24px;left:12px}.hero-silhouette span{background:#ffd64e;border-radius:12px;width:65px;height:17px;position:absolute;top:23px;left:-36px;transform:rotate(18deg)}.floating-badge{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121832c8;border:1px solid #ffffff28;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800;position:absolute;box-shadow:0 10px 25px #0004}.badge-one{animation:3.2s ease-in-out infinite badgeFloat;top:24%;left:1%}.badge-two{animation:3.2s ease-in-out .8s infinite badgeFloat;top:15%;right:5%}@keyframes badgeFloat{50%{transform:translateY(-8px)}}.scroll-hint{color:#ffffff65;letter-spacing:.1em;font-size:11px;position:absolute;bottom:24px;left:max(6vw,50px)}.map-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060a18c7;flex-direction:column;padding:78px max(3vw,24px) 18px;display:flex}.map-heading{justify-content:space-between;align-items:end;width:min(1240px,100%);margin:0 auto 12px;display:flex}.map-heading h2{letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(28px,4vw,46px);line-height:1}.world-atlas{background:linear-gradient(#07122518,#07122555),url(/assets/maps/world-atlas.png) 50%/cover no-repeat;border:1px solid #ffffff2d;border-radius:28px;flex:1;width:min(1240px,100%);min-height:0;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #02040da6,0 18px 50px #0006}.atlas-terrain{pointer-events:none;position:absolute;inset:0;overflow:hidden}.island{opacity:.75;background:#4a7857;border-radius:48% 52% 55% 45%;position:absolute;box-shadow:inset -18px -20px #294f3a,0 12px #c2a56e,0 20px 30px #0005}.world-atlas .island{display:none}.island-a{width:34%;height:35%;top:41%;left:10%;transform:rotate(-7deg)}.island-b{width:39%;height:38%;top:24%;right:6%;transform:rotate(8deg)}.cloud{background:#ffffff2c;border-radius:40px;width:88px;height:28px;animation:16s ease-in-out infinite alternate cloudMove;position:absolute;box-shadow:24px 7px 0 -4px #ffffff24,-21px 8px 0 -7px #ffffff20}.cloud-a{top:14%;left:8%}.cloud-b{animation-delay:-6s;top:12%;left:50%}.cloud-c{animation-delay:-10s;top:76%;right:8%}@keyframes cloudMove{to{transform:translate(45px)}}.map-star{color:#fff0a0;animation:2s ease-in-out infinite twinkle;position:absolute}.star-a{top:24%;left:20%}.star-b{animation-delay:.7s;top:70%;left:54%}.star-c{animation-delay:1.3s;top:17%;right:14%}@keyframes twinkle{50%{opacity:.35;transform:scale(.8)}}.atlas-route{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.atlas-route path{fill:none}.route-glow{stroke:#ffe17655;stroke-width:1.2px;filter:blur(1px)}.route-dash{stroke:#fff0a0;stroke-width:.45px;stroke-dasharray:2 1.4;animation:16s linear infinite routeFlow}@keyframes routeFlow{to{stroke-dashoffset:-35px}}.region-node{z-index:3;left:var(--x);top:var(--y);color:#fff;cursor:pointer;background:0 0;border:0;width:78px;height:78px;padding:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s;position:absolute;transform:translate(-50%,-50%)}.region-node:hover:not(.locked),.region-node.active:not(.locked){z-index:5;transform:translate(-50%,-50%)scale(1.18)}.region-aura{background:color-mix(in srgb, var(--region-color) 40%, transparent);opacity:0;border-radius:50%;position:absolute;inset:-2px}.region-node.active .region-aura{animation:1.8s ease-out infinite regionPulse}@keyframes regionPulse{0%{opacity:.7;transform:scale(.72)}to{opacity:0;transform:scale(1.55)}}.region-land{border:3px solid var(--region-color);background:#10172ee5;border-radius:46% 54% 48% 52%;place-items:center;font-size:29px;animation:3s ease-in-out infinite islandBob;display:grid;position:absolute;inset:8px;box-shadow:0 10px 26px #0007,inset 0 0 20px #ffffff12}@keyframes islandBob{50%{transform:translateY(-4px)}}.region-node.active .region-land{box-shadow:0 0 0 5px #ffe17655,0 12px 32px #0008}.region-marker{color:#15162a;background:#ffe176;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:grid;position:absolute;top:0;right:0}.region-title{text-align:center;opacity:0;pointer-events:none;text-shadow:0 3px 12px #000;width:145px;transition:all .2s;display:block;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-5px)}.region-node.active .region-title{opacity:1;transform:translate(-50%)}.region-title strong{font-size:14px;display:block}.region-title small{color:#ffffffb3;letter-spacing:.08em;font-size:10px}.region-node.locked{opacity:.45;filter:grayscale();cursor:not-allowed}.atlas-compass{color:#ffe176;background:#0d1428c9;border:2px solid #ffe17688;border-radius:50%;place-items:center;width:54px;height:54px;font-size:11px;display:grid;position:absolute;bottom:16px;right:18px}.atlas-compass i{background:#ff5f75;width:2px;height:18px;position:absolute;transform:translateY(-5px)}.map-help{color:#ffffff70;letter-spacing:.08em;width:min(1240px,100%);margin:9px auto 0;font-size:11px}.game-hud{z-index:25;top:calc(17px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);letter-spacing:.06em;background:#0c132ac9;border:1px solid #ffffff2c;border-radius:999px;align-items:center;gap:24px;padding:11px 21px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0005}.game-hud b{color:#ffe176}.modal-screen{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060916d9;place-items:center;padding:30px;display:grid;position:absolute;inset:0}.modal-card{text-align:center;background:linear-gradient(145deg,#1c2547,#0d132b);border:1px solid #ffffff28;border-radius:28px;flex-direction:column;align-items:center;gap:13px;min-width:min(360px,90vw);padding:38px;display:flex;box-shadow:0 30px 90px #0009}.modal-card h2{letter-spacing:-.04em;margin:4px 0 10px;font-size:38px}.modal-card>p:not(.eyebrow){color:#fff9;margin:0 0 10px}.result-star{color:#17182b;background:#ffd64e;border-radius:28px;place-items:center;width:82px;height:82px;margin-bottom:8px;font-size:38px;display:grid;transform:rotate(-8deg);box-shadow:0 0 55px #ffd64e55}.toast{z-index:60;top:calc(86px + env(safe-area-inset-top));color:#17182b;white-space:nowrap;background:#ffe176;border-radius:999px;padding:11px 19px;font-size:13px;font-weight:850;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0006}.touch-controls{z-index:24;left:calc(22px + env(safe-area-inset-left));right:calc(22px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;display:none;position:absolute}.touch-controls>div{align-items:center;gap:10px;display:flex}.touch-controls button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;touch-action:none;background:#0d142aa8;border:1px solid #ffffff3c;border-radius:19px;width:62px;height:62px;font-size:24px}.touch-controls .shoot{color:#ffe176;background:#4b347bbd;border-radius:50%}.touch-controls .jump{color:#17182b;background:#ffd64edc;border-radius:50%;width:74px;height:74px}.rotate-notice{z-index:100;text-align:center;background:#080d20;align-content:center;place-items:center;gap:8px;display:none;position:absolute;inset:0}.rotate-notice div{color:#ffe176;font-size:48px;animation:2s ease-in-out infinite rotatePhone}.rotate-notice span{color:#ffffff80;font-size:12px}@keyframes rotatePhone{50%{transform:rotate(90deg)}}@media (hover:none),(pointer:coarse){.game-active .touch-controls{display:flex}}@media (orientation:landscape) and (height<=620px){.app-header{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:8px}.home-screen{padding:62px max(6vw,42px) 20px}.home-copy h1{margin:10px 0 14px;font-size:clamp(58px,12vh,94px)}.home-lead{margin-bottom:17px;line-height:1.5}.home-meta{margin-top:14px}.home-hero{width:min(40vw,380px)}.scroll-hint{display:none}.map-screen{padding-top:61px;padding-bottom:8px}.map-heading h2{font-size:26px}.map-heading{margin-bottom:8px}.map-help{display:none}.game-hud{top:calc(9px + env(safe-area-inset-top))}}@media (width<=820px) and (orientation:landscape){.brand-button b{display:none}.home-screen{grid-template-columns:1.1fr .9fr;gap:2vw}.home-copy h1{font-size:clamp(55px,13vh,82px)}.home-meta{display:none}.home-controls{margin-top:9px}.floating-badge{display:none}.region-node{width:62px;height:62px}.region-land{font-size:22px}.region-title{top:calc(100% + 5px)}.game-hud span:first-child{display:none}}@media (orientation:portrait) and (width<=760px){.rotate-notice{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}