:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#071416;color:#f3f5e9}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071416}body{overflow:hidden}
.world-shell{position:relative;width:100vw;height:100svh;min-height:560px;overflow:hidden;background:linear-gradient(145deg,#10262a,#071416 58%,#12372f)}
.world-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;cursor:grab}.world-canvas:active{cursor:grabbing}
.world-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(1,10,11,.48) 100%),linear-gradient(180deg,rgba(3,12,14,.48),transparent 30%,rgba(3,12,14,.34)}
.world-hud{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(20px,4vw,56px);pointer-events:none}.wordmark,.hud-button{pointer-events:auto}.wordmark{color:#edf2e6;text-decoration:none;letter-spacing:.18em;font-size:12px;font-weight:700}.wordmark span{opacity:.54;font-weight:500}.hud-actions{display:flex;gap:10px}.hud-button{min-height:44px;padding:0 18px;border:1px solid rgba(231,241,228,.28);border-radius:999px;background:rgba(7,20,22,.62);color:#f4f7ef;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:13px}.hud-button:hover,.hud-button:focus-visible{border-color:#c6f36a;outline:2px solid rgba(198,243,106,.4);outline-offset:3px}
.world-intro{position:absolute;z-index:2;left:clamp(20px,7vw,100px);bottom:clamp(72px,12vh,150px);max-width:420px;transition:opacity .35s ease,transform .35s ease}.world-intro.is-hidden{opacity:0;transform:translateY(16px);pointer-events:none}.eyebrow{margin:0 0 16px;color:#c6f36a;letter-spacing:.2em;font-size:11px;font-weight:700}.world-intro h1{margin:0 0 16px;font-size:clamp(42px,7vw,84px);line-height:.95;letter-spacing:-.06em}.world-intro p:not(.eyebrow){margin:0;color:rgba(243,245,233,.72);font-size:16px;line-height:1.7}.intro-dismiss,.orbit-return{margin-top:24px;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:#c6f36a;color:#102119;font:inherit;font-weight:700;cursor:pointer}.intro-dismiss:hover,.intro-dismiss:focus-visible,.orbit-return:hover,.orbit-return:focus-visible{background:#e2ff9f;outline:3px solid rgba(198,243,106,.3);outline-offset:4px}
.world-status,.world-hint{position:absolute;z-index:2;bottom:24px;color:rgba(243,245,233,.62);font-size:12px;letter-spacing:.08em}.world-status{left:clamp(20px,4vw,56px)}.world-hint{right:clamp(20px,4vw,56px)}
body.is-booting .world-intro{opacity:0;transform:translateY(14px)}body.is-ready .world-intro{transition-delay:.25s}
.orbit-view{position:fixed;inset:0;z-index:8;background:#02080d;display:grid;place-items:center;overflow:hidden}.orbit-view[hidden]{display:none}.orbit-canvas{position:absolute;inset:0;width:100%;height:100%}.orbit-copy{position:relative;z-index:1;width:min(560px,calc(100% - 40px));padding:32px;border:1px solid rgba(189,232,224,.22);border-radius:20px;background:rgba(3,14,20,.58);backdrop-filter:blur(18px);text-align:center}.orbit-copy h2{margin:0 0 14px;font-size:clamp(36px,6vw,72px);letter-spacing:-.06em}.orbit-copy p:not(.eyebrow){margin:0;color:rgba(243,245,233,.72);line-height:1.7}.orbit-return{background:#e8f1de}
@media (max-width:700px){.world-hud{padding:16px 16px}.wordmark span{display:none}.hud-button{padding:0 13px;font-size:12px}.world-intro{left:20px;right:20px;bottom:88px}.world-intro h1{font-size:54px}.world-status,.world-hint{bottom:18px;font-size:10px}.world-hint{display:none}.orbit-copy{padding:26px 20px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}