.mars-page{padding:12px;min-height:calc(100dvh - 72px);background:#f4f2ed;box-sizing:border-box}.mars-scene{position:relative;isolation:isolate;overflow:hidden;height:calc(100dvh - 96px);min-height:540px;border:1px solid #293d36;border-radius:24px;background:#101d20;--mars-cx:50%;--mars-cy:60%;--mars-radius:220px}.mars-scene>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mars-copy{position:absolute;top:clamp(24px,4vh,54px);left:0;right:0;padding:0 22px;text-align:center;color:#edf3df;z-index:4}.mars-kicker{font-size:10px;letter-spacing:.23em;color:#a5b7a2;font-weight:650}.mars-copy h1{margin:13px 0 3px;font-size:clamp(23px,3.3vw,42px);line-height:1.12;font-weight:500;letter-spacing:-.045em}.mars-copy p{margin:0;color:#aebaa8;font-size:clamp(15px,1.7vw,20px);line-height:1.5}.mars-home{display:inline-flex;align-items:center;gap:15px;margin-top:20px;padding:12px 20px;border:1px solid #d9f79f;background:#d8f59b;color:#233625;border-radius:30px;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 8px 35px #0002;transition:background .2s,transform .2s}.mars-home:hover{background:#e6ffb4;transform:translateY(-2px)}.mars-home:focus-visible,.mars-avatar:focus-visible{outline:3px solid #e3f7aa;outline-offset:5px}.mars-avatar{position:absolute;z-index:3;left:calc(var(--mars-cx) - 80px);top:calc(var(--mars-cy) - 52px);width:76px;height:118px;padding:0;border:0;background:transparent;color:#fff;cursor:default;touch-action:pan-y;perspective:350px;transition:opacity .25s}.mars-avatar-head{display:grid;place-items:center;position:absolute;z-index:2;top:0;left:15px;width:46px;height:46px;border:4px solid #dfead0;border-radius:50%;background:#314c41;box-shadow:0 0 0 1px #293e34,0 4px 8px #13231d55;overflow:hidden;box-sizing:border-box;transform-origin:50% 85%;font-size:14px;font-weight:700}.mars-avatar-head img{width:100%;height:100%;object-fit:cover}.mars-avatar-body{position:absolute;top:31px;left:6px;width:64px;height:76px}.mars-avatar-name{position:absolute;top:109px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 8px;border:1px solid #e9cfad40;border-radius:14px;background:#30231d99;font-size:10px;color:#eee0c8;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis}.mars-avatar.looking .mars-avatar-head{animation:mars-look 1.8s ease-in-out infinite}.mars-ship{position:absolute;z-index:2;left:calc(var(--mars-cx) + 12px);top:calc(var(--mars-cy) - 37px);width:124px;transform-origin:50% 75%;filter:drop-shadow(0 6px 6px #281a1950)}.mars-ship svg{display:block;width:100%;height:auto}.mars-ship-flame{opacity:0;transform-origin:center top}.mars-earth{position:absolute;right:11%;top:30%;width:25px;height:25px;border-radius:50%;background:radial-gradient(ellipse at 35% 28%,#c5d69a 0 18%,transparent 20%),radial-gradient(ellipse at 60% 75%,#a2c78c 0 24%,transparent 27%),radial-gradient(circle at 30% 30%,#4faba4,#244d5f 72%,#102933);box-shadow:0 0 18px #b5eecf23;opacity:.65}.mars-earth span{position:absolute;top:34px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.2em;color:#a6bca8}.mars-coordinate{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#c7ae985e;font-size:8px;letter-spacing:.2em}.mars-scene.departing .mars-ship{animation:mars-takeoff 1.25s cubic-bezier(.4,0,.7,.5) both}.mars-scene.departing .mars-ship-flame{opacity:1;animation:mars-flame .12s alternate infinite}.mars-scene.departing .mars-avatar{opacity:0;transition-delay:.15s}.mars-scene.departing .mars-earth{opacity:1;box-shadow:0 0 24px #caffbb55}.mars-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes mars-look{0%,100%{transform:rotateY(0) rotateZ(0)}25%{transform:rotateY(-35deg) rotateZ(-8deg) translateX(-3px)}70%{transform:rotateY(35deg) rotateZ(8deg) translateX(3px)}}@keyframes mars-takeoff{0%,12%{transform:translate(0,0) rotate(0)}35%{transform:translate(12px,-65px) rotate(20deg)}100%{transform:translate(var(--flight-x,330px),var(--flight-y,-420px)) rotate(39deg) scale(.05);opacity:0}}@keyframes mars-flame{to{transform:scaleY(.65)}}@media(max-width:760px){.mars-page{padding:8px;min-height:calc(100dvh - 104px)}.mars-scene{height:calc(100dvh - 120px);min-height:530px;border-radius:18px}.mars-copy{top:28px;padding:0 14px}.mars-copy h1{font-size:26px;max-width:290px;margin:13px auto 5px}.mars-copy p{font-size:16px}.mars-earth{right:12%;top:35%;width:18px;height:18px}.mars-earth span{top:25px;font-size:6px}.mars-avatar{left:calc(var(--mars-cx) - 65px);transform:scale(.9);transform-origin:bottom center}.mars-ship{width:100px;left:calc(var(--mars-cx) + 12px);top:calc(var(--mars-cy) - 24px)}}@media(prefers-reduced-motion:reduce){.mars-avatar.looking .mars-avatar-head,.mars-scene.departing .mars-ship,.mars-scene.departing .mars-ship-flame{animation:none}.mars-home,.mars-avatar{transition:none}}