*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050810;--bg-soft:#0a1120;--text:#e8f1ff;--text-dim:#8fa3c2;--accent:#00e5ff;--accent-soft:#00e5ff1f;--accent-glow:#00e5ff73;--line:#8fa3c22e;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-sans:"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", -apple-system, system-ui, sans-serif}:root[data-mode=life]{--bg:#0d0712;--bg-soft:#190e21;--text:#fff0e6;--text-dim:#c9a896;--accent:#ff8c5a;--accent-soft:#ff8c5a1f;--accent-glow:#ff8c5a73;--line:#c9a89633}html{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg);background:var(--bg);transition:background-color .6s}body{min-height:100vh;color:var(--text);font-family:var(--font-sans);background:0 0;transition:color .6s;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(55% 45% at 18% 10%, var(--accent-soft), transparent 70%), radial-gradient(45% 40% at 85% 85%, var(--accent-soft), transparent 70%);transition:background .6s;position:fixed;inset:0}::selection{background:var(--accent);color:var(--bg)}a{color:inherit}button{font:inherit}.starfield{z-index:-1;position:fixed;inset:0}.boot{z-index:100;background:var(--bg);cursor:pointer;place-items:center;transition:opacity .45s;display:grid;position:fixed;inset:0}.boot--out{opacity:0}.boot__inner{font-family:var(--font-mono);gap:.55rem;min-width:300px;display:grid}.boot__line{color:var(--text-dim);letter-spacing:.08em;font-size:.9rem}.boot__line:before{content:"> ";color:var(--accent)}.boot__cursor{background:var(--accent);justify-self:start;width:.55em;height:1.05em;animation:.75s step-end infinite cursor-blink}.boot__skip{font-family:var(--font-mono);letter-spacing:.3em;color:var(--text-dim);opacity:.6;font-size:.66rem;position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%)}@keyframes cursor-blink{50%{opacity:0}}.nav{z-index:50;background:linear-gradient(to bottom, color-mix(in srgb, var(--bg) 85%, transparent), transparent);pointer-events:none;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,2.5rem);display:flex;position:fixed;top:0;left:0;right:0}.nav>*{pointer-events:auto}.nav__logo{font-family:var(--font-mono);letter-spacing:.14em;font-size:.92rem;font-weight:700;text-decoration:none}.nav__logo span{color:var(--accent)}.mode-switch{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 60%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:999px;gap:.25rem;padding:.25rem;display:flex}.mode-switch__btn{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;align-items:center;gap:1px;padding:.35rem .95rem;font-size:.82rem;transition:color .25s,background-color .25s,box-shadow .25s;display:flex}.mode-switch__btn span{font-family:var(--font-mono);letter-spacing:.22em;font-size:.55rem}.mode-switch__btn:hover{color:var(--text)}.mode-switch__btn.is-active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-glow)}.mode-switch__btn:focus-visible,.hangar__link:focus-visible,.footer__links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{flex-direction:column;justify-content:center;max-width:1080px;min-height:100svh;margin:0 auto;padding:6rem clamp(1rem,5vw,3rem) 4rem;display:flex;position:relative}.hero__kicker{font-family:var(--font-mono);color:var(--accent);letter-spacing:.24em;margin-bottom:1.6rem;font-size:clamp(.68rem,1.8vw,.82rem)}.hero__name{font-family:var(--font-mono);letter-spacing:.05em;text-shadow:0 0 40px var(--accent-soft);align-self:flex-start;font-size:clamp(3.4rem,13vw,8.5rem);font-weight:800;line-height:1;display:inline-block;position:relative}.hero__name:before,.hero__name:after{content:attr(data-text);clip-path:inset(0 0 100%);pointer-events:none;width:100%;position:absolute;top:0;left:0}.hero__name:before{color:var(--accent);animation:3.2s step-end infinite name-glitch}.hero__name:after{color:#ff3d81;animation:3.2s step-end infinite reverse name-glitch}@keyframes name-glitch{0%,84%,to{clip-path:inset(0 0 100%)}85%{clip-path:inset(12% 0 52%);transform:translate(-4px)}88%{clip-path:inset(58% 0 18%);transform:translate(3px)}91%{clip-path:inset(28% 0 48%);transform:translate(-2px)}94%{clip-path:inset(72% 0 8%);transform:translate(4px)}97%{clip-path:inset(5% 0 80%);transform:translate(-3px)}}.hero__role{color:var(--text);letter-spacing:.03em;margin-top:1.4rem;font-size:clamp(1.05rem,3vw,1.45rem)}.hero__rank{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em}.hero__ship{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.22em;margin-top:.9rem;font-size:clamp(.72rem,1.8vw,.85rem)}.hero__tagline{max-width:34em;color:var(--text-dim);border-left:2px solid var(--accent);margin-top:2rem;padding-left:1.1rem;font-size:clamp(.98rem,2.2vw,1.1rem);line-height:2}.hero__scroll{font-family:var(--font-mono);letter-spacing:.24em;color:var(--text-dim);align-items:center;gap:.9rem;margin-top:4rem;font-size:.7rem;display:flex}.hero__scroll-line{background:var(--accent);transform-origin:0;width:54px;height:1px;animation:2.2s ease-in-out infinite scroll-pulse}@keyframes scroll-pulse{0%,to{opacity:.4;transform:scaleX(.25)}50%{opacity:1;transform:scaleX(1)}}@keyframes hero-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.hero__kicker{animation:.7s ease-out 50ms both hero-in}.hero__name{animation:.7s ease-out .18s both hero-in}.hero__role{animation:.7s ease-out .32s both hero-in}.hero__ship{animation:.7s ease-out .44s both hero-in}.hero__tagline{animation:.7s ease-out .56s both hero-in}.hero__scroll{animation:.7s ease-out .75s both hero-in}.section{max-width:1080px;margin:0 auto;padding:clamp(4rem,12vh,8rem) clamp(1rem,5vw,3rem)}.section__head{margin-bottom:3.2rem}.section__label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.22em;margin-bottom:.7rem;font-size:.75rem}.section__title{letter-spacing:.02em;font-size:clamp(1.7rem,4.5vw,2.5rem);font-weight:700}.section__desc{color:var(--text-dim);letter-spacing:.05em;margin-top:.7rem;font-size:.92rem}.reveal{opacity:0}.log__track{gap:3.5rem;padding-left:2.25rem;display:grid;position:relative}.log__track:before{content:"";background:linear-gradient(to bottom, var(--accent), var(--accent-glow) 60%, transparent);width:2px;position:absolute;top:6px;bottom:6px;left:0}.log__entry{gap:3.5rem;display:grid}.log__station{position:relative}.log__station:before{content:"";background:var(--accent);width:9px;height:9px;box-shadow:0 0 14px var(--accent-glow);position:absolute;top:6px;left:-2.25rem;transform:translate(-3.5px)rotate(45deg)}.log__station--origin:before{background:var(--text-dim);box-shadow:none}.log__jump{align-items:center;gap:1rem;display:flex}.log__jump-line{background:repeating-linear-gradient(to right, var(--accent-glow) 0 6px, transparent 6px 12px);flex:1;height:1px}.log__jump-text{font-family:var(--font-mono);letter-spacing:.22em;color:var(--text-dim);white-space:nowrap;font-size:.68rem}.log__meta{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-dim);flex-wrap:wrap;gap:.6rem 1.2rem;margin-bottom:1rem;font-size:.72rem;display:flex}.log__code{color:var(--accent)}.log__engine{border:1px solid var(--accent-glow);color:var(--accent);border-radius:4px;padding:.1rem .5rem}.log__head{flex-wrap:wrap;align-items:baseline;gap:.4rem 1.2rem;display:flex}.log__city{letter-spacing:.04em;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700}.log__period{font-family:var(--font-mono);color:var(--text-dim);font-size:.85rem}.log__station-title{color:var(--accent);letter-spacing:.08em;margin-top:.5rem;font-size:.95rem}.log__summary{color:var(--text-dim);max-width:46em;margin-top:.8rem;line-height:1.9}.log__berths{gap:.9rem;margin-top:1.5rem;display:grid}.log__berth{border-left:2px solid var(--line);padding:.2rem 0 .2rem 1.1rem;transition:border-color .3s}.log__berth:hover{border-color:var(--accent)}.log__berth-head{flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;display:flex}.log__berth-name{font-size:.98rem;font-weight:600}.log__berth-period{font-family:var(--font-mono);color:var(--text-dim);font-size:.75rem}.log__berth-detail{color:var(--text-dim);margin-top:.35rem;font-size:.9rem;line-height:1.8}.arsenal__grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;display:grid}.arsenal__group{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 72%, transparent);border-radius:14px;padding:1.5rem;transition:border-color .3s,transform .3s,box-shadow .3s}.arsenal__group:hover{border-color:var(--accent);box-shadow:0 12px 32px -18px var(--accent-glow);transform:translateY(-4px)}.arsenal__group h3{font-family:var(--font-mono);letter-spacing:.22em;color:var(--accent);margin-bottom:.4rem;font-size:.72rem}.arsenal__note{color:var(--text-dim);margin-bottom:1rem;font-size:.78rem}.arsenal__list{flex-wrap:wrap;gap:.55rem;list-style:none;display:flex}.arsenal__list li{border:1px solid var(--line);color:var(--text);border-radius:999px;padding:.3rem .85rem;font-size:.88rem;transition:border-color .25s,color .25s}.arsenal__list li:hover{border-color:var(--accent);color:var(--accent)}.hangar__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;display:grid}.hangar__bay{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 72%, transparent);border-radius:16px;flex-direction:column;gap:.9rem;padding:1.8rem;transition:border-color .3s,transform .3s;display:flex}.hangar__bay:hover{border-color:var(--accent);transform:translateY(-4px)}.hangar__top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hangar__name{letter-spacing:.02em;font-size:1.15rem}.hangar__status{font-family:var(--font-mono);letter-spacing:.18em;white-space:nowrap;border-radius:999px;padding:.25rem .6rem;font-size:.62rem}.hangar__status--online{color:var(--accent);border:1px solid var(--accent-glow);background:var(--accent-soft)}.hangar__status--wip{color:#ffd166;background:#ffd16614;border:1px solid #ffd16666}.hangar__tagline{color:var(--accent);font-size:.9rem}.hangar__desc{color:var(--text-dim);font-size:.92rem;line-height:1.85}.hangar__progress{gap:.55rem;display:grid}.hangar__bar{font-family:var(--font-mono);color:var(--text-dim);grid-template-columns:64px 1fr 40px;align-items:center;gap:.7rem;font-size:.68rem;display:grid}.hangar__bar-track{background:var(--line);border-radius:999px;height:5px;overflow:hidden}.hangar__bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-glow));height:100%;box-shadow:0 0 10px var(--accent-glow);border-radius:999px;display:block}.hangar__bar-value{text-align:right}.hangar__stack{flex-wrap:wrap;gap:.5rem;margin-top:.2rem;list-style:none;display:flex}.hangar__stack li{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--line);border-radius:6px;padding:.2rem .55rem;font-size:.72rem}.hangar__link{font-family:var(--font-mono);color:var(--accent);letter-spacing:.1em;margin-top:auto;font-size:.8rem;text-decoration:none}.hangar__link:hover{text-shadow:0 0 12px var(--accent-glow)}.holodeck__photos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;margin-bottom:2.8rem;display:grid}.holodeck__photo{aspect-ratio:1;border:1px dashed var(--line);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.18em;border-radius:14px;place-items:center;font-size:.65rem;transition:transform .3s,border-color .3s;display:grid}.holodeck__photo:hover{border-color:var(--accent);transform:scale(1.04)rotate(-1deg)}.holodeck__photo--1{background:linear-gradient(135deg,#ff8c5a29,#b45cff12 55%,#0000)}.holodeck__photo--2{background:linear-gradient(135deg,#b45cff24,#0000 60%,#ff8c5a14)}.holodeck__photo--3{background:linear-gradient(135deg,#0000,#ff8c5a24 65%,#ffd28c1a)}.holodeck__cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem;margin-bottom:2.8rem;display:grid}.holodeck__block{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 72%, transparent);border-radius:16px;padding:1.6rem}.holodeck__block h3{font-family:var(--font-mono);letter-spacing:.22em;color:var(--accent);margin-bottom:1.1rem;font-size:.75rem}.holodeck__block-note{color:var(--text-dim);margin-bottom:1rem;font-size:.85rem}.holodeck__tags{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.holodeck__tags li{border:1px solid var(--line);border-radius:999px;padding:.28rem .8rem;font-size:.85rem}.holodeck__tracks{color:var(--text-dim);flex-wrap:wrap;gap:.35rem 1rem;margin-top:1rem;font-size:.85rem;list-style:none;display:flex}.holodeck__notes ul{gap:.9rem;list-style:none;display:grid}.holodeck__notes li{border-left:2px solid var(--accent-glow);color:var(--text-dim);padding-left:1rem;font-size:.92rem;line-height:1.85}.footer{border-top:1px solid var(--line);max-width:1080px;font-family:var(--font-mono);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin:0 auto;padding:2.5rem clamp(1rem,5vw,3rem) 3.5rem;font-size:.78rem;display:flex}.footer__sign{color:var(--accent);letter-spacing:.2em}.footer__links{gap:1.3rem;display:flex}.footer__links a{color:var(--text-dim);letter-spacing:.1em;text-decoration:none;transition:color .25s}.footer__links a:hover{color:var(--accent)}.footer__todo{opacity:.55;letter-spacing:.1em}.footer__copyright{opacity:.6;letter-spacing:.14em;width:100%;font-size:.68rem}.glitch-overlay{z-index:80;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(180deg, transparent 0, transparent 42px, var(--accent-glow) 42px, var(--accent-glow) 44px);opacity:0;animation:.55s steps(8,end) forwards glitch-slide;position:fixed;inset:0}@keyframes glitch-slide{0%{opacity:0;transform:translate(-4%)}12%{opacity:.9;transform:translate(3%)}25%{opacity:.5;transform:translate(-2%)}38%{opacity:1;transform:translate(2%)}52%{opacity:.35;transform:translate(-1%)}66%{opacity:.8;transform:translate(1%)}80%{opacity:.3;transform:translate(0)}to{opacity:0;transform:translate(0)}}@media (width<=640px){.nav{padding:.8rem 1rem}.mode-switch__btn{padding:.3rem .7rem;font-size:.72rem}.mode-switch__btn span{letter-spacing:.16em;font-size:.5rem}.hero__scroll{margin-top:3rem}.log__track{gap:2.5rem;padding-left:1.5rem}.log__entry{gap:2.5rem}.log__station:before{left:-1.5rem}.log__jump-text{font-size:.58rem}.hangar__bar{grid-template-columns:52px 1fr 36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important}}