*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:#050d18;color:#edf6ff;font-family:Inter,"Noto Sans TC",system-ui,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}header{height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #203348;background:#07111dcc}.logo img{display:block;width:200px;height:auto;padding:5px 9px;background:white;border-radius:4px}nav{display:flex;gap:32px;color:#9fb3c9;font-size:14px}.login{padding:12px 22px;border:1px solid #35516b;border-radius:8px;font-weight:600;color:#cde8fc}.arrival{min-height:660px;position:relative;display:flex;align-items:center;overflow:hidden}.arrival-art{position:absolute;inset:0;background:linear-gradient(90deg,#050d18 0%,#050d18ee 28%,#050d1840 52%,transparent 85%),linear-gradient(0deg,#050d18 0%,transparent 20%),url('/asterism-alien-cover.png') center right/cover no-repeat}.arrival-copy{position:relative;z-index:1;margin:60px 5vw;width:600px;max-width:50%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.7px;color:#71b9df;display:block}.eyebrow span{display:inline-block;width:6px;height:6px;background:#8bddff;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #56c6ff}h1{font-size:clamp(40px,4.3vw,68px);font-weight:670;letter-spacing:-2px;line-height:1.24;margin:25px 0}h1 em{font-style:normal;color:#88d8ff}.arrival-copy p{color:#a8bbcf;font-size:16px;line-height:1.9;max-width:450px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.primary{display:inline-flex;align-items:center;gap:30px;background:#86dcff;color:#071b2a;padding:17px 24px;border:1px solid #b0eaff;border-radius:8px;font-weight:700;font-size:14px;box-shadow:0 10px 30px #2682a719}.secondary{font-size:13px;color:#b7d1e5}.arrival-facts{display:flex;gap:14px;flex-wrap:wrap;color:#819cb7;font-size:11px;margin-top:28px}.arrival-facts span+span{border-left:1px solid #354759;padding-left:14px}.art-caption{position:absolute;right:4vw;bottom:26px;color:#7694ac;font-size:9px;letter-spacing:1.1px}.life,.residents{padding:80px 5vw;max-width:1600px;margin:auto}.section-title h2{font-size:34px;letter-spacing:-1px;font-weight:620;margin:17px 0}.section-title p{color:#96acc3;font-size:14px;line-height:1.7}.life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.life-grid article{padding:32px;border:1px solid #253d56;border-radius:12px;background:linear-gradient(145deg,#132338,#0b1728);min-height:260px}.number{color:#6796b5;font-size:11px;letter-spacing:2px}.life-grid h3{font-size:21px;font-weight:600;margin:26px 0 17px}.life-grid p{font-size:14px;line-height:1.9;color:#9fb3c9;max-width:320px}.life-grid a{display:inline-block;color:#8cd9fc;font-size:13px;margin-top:15px}.residents{padding-top:20px}.character-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:34px}.character-gallery article{border:1px solid #253e59;border-radius:12px;background:#0e1d30;overflow:hidden;text-align:center;padding-bottom:24px}.character-render{height:240px;background:radial-gradient(ellipse at 50% 48%,#234b6b,#0e1d30 72%);touch-action:pan-y}.character-gallery span{display:block;color:#e0effd;font-weight:650;margin:10px 0;font-size:15px}.character-gallery small{color:#7e9fba;font-size:12px}.create{padding:65px 5vw;border-top:1px solid #25374b;border-bottom:1px solid #25374b;background:linear-gradient(110deg,#102439,#091421);display:flex;justify-content:space-between;align-items:center;gap:40px}.create h2{font-size:38px;line-height:1.3;font-weight:630;letter-spacing:-1px}.create p{color:#9eb7cc;max-width:500px;line-height:1.8}footer{padding:30px 5vw;display:flex;gap:30px;justify-content:space-between;color:#6989a4;font-size:10px;letter-spacing:.5px}@media(max-width:1000px){header{padding:0 24px}nav{gap:18px}.arrival-copy{max-width:60%}.arrival-art{background-position:center;opacity:.85}.character-gallery{grid-template-columns:repeat(3,1fr)}.life-grid article{padding:24px}.character-render{height:220px}}@media(max-width:650px){header{height:76px;padding:0 20px}.logo img{width:145px}nav{display:none}.login{padding:10px 16px;font-size:13px}.arrival{min-height:780px;align-items:flex-start}.arrival-copy{margin:46px 24px;width:auto;max-width:100%}.arrival-art{background:linear-gradient(180deg,#050d18 2%,#050d18ec 35%,transparent 63%,#050d18 100%),url('/asterism-alien-cover.png') 67% bottom/auto 480px no-repeat;opacity:1}.arrival-copy h1{font-size:40px;line-height:1.28;letter-spacing:-1.6px}.arrival-copy p{font-size:14px;max-width:345px}.actions{gap:18px;align-items:flex-start;flex-direction:column;margin-top:24px}.primary{padding:15px 20px;font-size:13px}.arrival-facts{font-size:10px;gap:9px;margin-top:21px;max-width:330px}.art-caption{right:20px;font-size:8px;bottom:15px}.life,.residents{padding:46px 20px}.section-title h2{font-size:27px;line-height:1.4}.life-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}.life-grid article{min-height:210px}.life-grid h3{margin:18px 0 12px}.character-gallery{grid-template-columns:repeat(2,1fr);gap:12px}.character-render{height:190px}.character-gallery article:last-child{grid-column:1/-1;max-width:calc(50% - 6px);width:100%;justify-self:center}.character-gallery small{font-size:10px}.create{padding:40px 24px;flex-direction:column;align-items:flex-start;gap:20px}.create h2{font-size:29px}.create p{font-size:13px}footer{padding:28px 24px;display:grid;gap:14px}.eyebrow{font-size:9px;letter-spacing:2px}}

.arrival-stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.arrival-art{animation:island-drift 15s ease-in-out infinite alternate;transform-origin:70% 65%}.arrival-portal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;background:#051322f5;color:#b5e9ff;font:600 14px system-ui;letter-spacing:2px;backdrop-filter:blur(8px);animation:portal-in .4s ease-out}.arrival-portal i{display:block;width:94px;height:94px;border:1px solid #72ceffa0;border-radius:50%;box-shadow:0 0 40px #3ca8f13a,inset 0 0 30px #2c91d431;position:relative;animation:portal-spin 4s linear infinite}.arrival-portal i:before,.arrival-portal i:after{content:'';position:absolute;border-radius:50%;border:1px solid #8bddff85;inset:12px;transform:rotateX(65deg)}.arrival-portal i:after{inset:-12px;transform:rotateY(65deg);box-shadow:0 0 22px #438dcd22}.arrival-portal.depart{opacity:0;transform:scale(1.06);transition:opacity .65s,transform .65s;pointer-events:none}@keyframes island-drift{from{transform:scale(1.015) translateY(0)}to{transform:scale(1.045) translateY(-9px)}}@keyframes portal-spin{to{transform:rotate(360deg)}}@keyframes portal-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.arrival-art,.arrival-portal i{animation:none}.arrival-stars{display:none}*{scroll-behavior:auto!important}}