:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#e8eee5;background:#0b1420;font-synthesis:none;font-size:16px;--muted:#9aafa9;--mint:#a7cebd;--line:#a7cebd25}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #e5c5a3;outline-offset:4px}a{color:inherit}button svg{flex-shrink:0}::selection{background:#608479;color:#fff}.universe{height:100svh;min-height:460px;width:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 52% 47%,#233137,#14212c 44%,#0a1220 78%)}.nebula{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,#87657e14,transparent 45%),radial-gradient(ellipse at 75% 32%,#5a9c9518,transparent 50%);pointer-events:none}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 120px 25px #060e1655;pointer-events:none;z-index:1}.scene-container{position:absolute;inset:0;z-index:2}.scene-container canvas{touch-action:none;outline:none}.scene-fallback{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:min(360px,85%);padding:24px;background:#20332f;border:1px solid var(--line);border-radius:12px;line-height:1.8;text-align:center}.hud{position:absolute;inset:0;z-index:10;pointer-events:none}.hud button,.map-menu,.fallback-preview{pointer-events:auto}.hud-header{position:absolute;top:30px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;gap:10px;align-items:center;background:none;font-size:18px;font-weight:600;letter-spacing:-.55px;padding:7px 0;color:#e2e5d8}.wordmark svg{color:#d4aa8d}.map-toggle{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#112528b8;border:1px solid var(--line);border-radius:7px;color:#c1d5cc;font-size:11px;letter-spacing:1.4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-toggle:hover,.map-toggle.selected{background:#2c4541;border-color:#9fbead7a}.map-toggle:disabled{opacity:.55}kbd{font:10px monospace;border:1px solid #8cafaa40;padding:2px 5px;border-radius:3px;color:#a1b3ab}.hud-footer{position:absolute;left:36px;right:36px;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.world-status{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2px;color:#93afa5}.status-light{width:4px;height:4px;border-radius:50%;background:#b1d3b3;box-shadow:0 0 8px #add2bc55}.controls-hint{display:flex;align-items:center;justify-content:center;gap:18px;color:#a4b8b0;font-size:11px;background:#1023298c;border:1px solid #7d9a8d1f;padding:11px 15px;border-radius:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls-hint>span{display:flex;align-items:center;gap:7px}.hud-actions{display:flex;gap:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:#182e31b8;color:#adc6b8;border:1px solid #829f8d22;width:36px;height:36px;border-radius:6px}.icon-button:hover{background:#344941;color:#f6edda}.easter-eggs{position:absolute;left:32px;top:48%;display:flex;flex-direction:column;gap:12px}.easter-eggs button{width:35px;height:35px;display:grid;place-items:center;border:1px solid #b9ba9124;border-radius:50%;background:#14232990;color:#91aaa2;transition:background .2s,transform .2s}.easter-eggs button:hover{background:#324b45;color:#efc6a2;transform:translateY(-2px)}.portal-entry{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:10px 13px;background:#172a2cec;border:1px solid #b5cbbd55;border-radius:5px;color:#c4d9c9;font-size:10px;letter-spacing:1.3px;box-shadow:0 8px 24px #06121560}.portal-entry>span:first-child{width:4px;height:4px;background:#c6e6c4;border-radius:50%;box-shadow:0 0 8px #c1e8c4}.portal-entry:hover{color:#ffe3bb;border-color:#ecc09a;background:#2b3f35}.discovery-label{display:flex;gap:9px;align-items:center;white-space:nowrap;background:#19312bf2;border:1px solid #afc9b955;border-radius:5px;padding:10px 12px;font-size:11px;box-shadow:0 8px 25px #06161244}.discovery-label i{width:5px;height:5px;border-radius:50%}.discovery-label>span{color:#a2bbad}.robot-bubble{white-space:nowrap;background:#dfdebf;color:#31493e;padding:9px 12px;border-radius:7px;font-size:12px;box-shadow:0 8px 28px #0003}.map-menu{position:absolute;right:36px;top:89px;width:326px;max-height:calc(100svh - 170px);overflow:auto;border:1px solid #adcab736;border-radius:12px;background:#102724ef;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 70px #07131866;padding:18px 19px;animation:appear .25s ease-out;scrollbar-width:thin;scrollbar-color:#6b8d7b transparent}.map-heading{display:flex;align-items:center;justify-content:space-between;color:#a7bdad;font-size:9px;letter-spacing:2px}.map-heading .icon-button{width:27px;height:27px;background:none;border:0}.island-map{width:100%;height:190px;margin:0 0 4px}.map-node{cursor:pointer;outline:none}.map-node circle{transition:stroke-width .2s}.map-node:hover circle,.map-node:focus circle{stroke-width:3}.map-node text{font-size:10px;font-family:monospace}.map-menu nav{display:flex;flex-direction:column;border-top:1px solid var(--line)}.map-menu nav button{display:flex;align-items:center;gap:13px;width:100%;background:none;padding:12px 5px;border-bottom:1px solid #a7cebd13;text-align:left;border-radius:4px;color:#d4ded0;font-size:13px}.map-menu nav button:hover,.map-menu nav button.selected{background:#789d8520}.map-index{font:10px monospace}.map-menu nav button>span:nth-child(2){flex:1}.map-menu nav button small{display:block;color:#8ca99a;font-size:10px;letter-spacing:.4px;margin-top:4px}.map-menu nav button svg{color:#99b39f}.map-note{font-size:11px;color:#8ea997;line-height:1.8;margin:14px 3px 2px}.spatial-preview{width:248px;background:#162d29ee;border:1px solid #a4c2ad50;border-radius:9px;padding:16px 18px;color:#e1e7d7;box-shadow:0 12px 40px #07150d66;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:appear .35s ease-out;position:relative}.spatial-preview:before{content:"";position:absolute;width:22px;height:1px;left:-23px;top:50%;background:var(--accent)}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:var(--accent);letter-spacing:.7px}.preview-top button{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:19px;background:none;color:#b0c3b3}.preview-top button:hover{background:#82998533}.spatial-preview h2{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.7px;margin:11px 0}.spatial-preview p{color:#aabdac;font-size:12px;line-height:1.75;margin:0 0 16px}.preview-open{display:flex;align-items:center;justify-content:space-between;width:100%;background:#c7d5ba;color:#2a4133;border-radius:4px;padding:10px 12px;font-size:10px;font-weight:600;letter-spacing:2px}.preview-open:hover{background:#e6e3c5}.fallback-preview{position:absolute;left:50%;top:28%;transform:translate(-50%)}.preloader{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#19292d,#0b1420 70%);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .65s,visibility .65s}.preloader.is-finished{opacity:0;visibility:hidden;pointer-events:none}.loader-orbit{width:118px;height:118px;position:relative;margin-bottom:32px;transform:rotate(-28deg)}.loader-orbit>div{position:absolute;inset:5px;border:1px solid #c6d1ae55;border-radius:50%;transform:rotateX(58deg);animation:orbit 4s linear infinite}.loader-orbit>div:nth-child(2){transform:rotateY(58deg);border-color:#d1af8555;animation-direction:reverse;animation-duration:6s}.loader-orbit>span{position:absolute;inset:44px;background:#9bac8c;box-shadow:0 0 35px #9bba8c55;border-radius:50%}.loader-orbit>i{position:absolute;width:7px;height:7px;border-radius:50%;background:#e8b990;top:21px;left:14px;box-shadow:0 0 16px #cda48588}.loader-kicker{font-size:10px;letter-spacing:4px;color:#c4c9b0}.preloader p{color:#829e94;font-size:12px;margin:15px 0 25px}.loader-track{width:172px;height:1px;background:#688b7728}.loader-track>span{display:block;height:1px;background:#c3b68e;transition:width .3s}.loader-progress{font:9px monospace;letter-spacing:2px;color:#7c998e;margin-top:15px}.overlay-backdrop{position:absolute;inset:0;z-index:50;background:#081514a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:36px}.detail-overlay{width:min(890px,100%);height:min(820px,88svh);display:flex;flex-direction:column;background:#172924;border:1px solid #aec0a844;border-radius:14px;box-shadow:0 30px 120px #06120bb3;animation:appear .3s ease-out;overflow:hidden}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-bottom:1px solid var(--line);flex-shrink:0;background:#1c3029}.detail-header>span{font-size:10px;letter-spacing:1.5px;color:var(--accent)}.detail-header .icon-button{background:none;border:0}.detail-scroll{overflow-y:auto;overscroll-behavior:contain;padding:32px 40px 24px;scrollbar-width:thin;scrollbar-color:#738c71 #20392b}.detail-intro{margin-bottom:28px}.detail-place{font-size:11px;color:var(--accent);letter-spacing:1.3px}.detail-intro h2{font-size:clamp(32px,3.3vw,49px);font-weight:400;letter-spacing:-1.9px;line-height:1.17;margin:14px 0}.detail-intro h2 i{color:var(--accent);font-style:normal}.detail-intro p{font-size:15px;color:#a8bca7;line-height:1.8}.placeholder-badge{display:inline-block;font-size:10px;letter-spacing:.5px;color:#b4b99c;border:1px solid #a3aa7c44;border-radius:20px;padding:5px 9px}.placeholder-art{position:relative;background:linear-gradient(130deg,#304038,#26382f);border:1px solid #9bad9a20;border-radius:7px;overflow:hidden;min-height:95px;aspect-ratio:2}.placeholder-art.wide{aspect-ratio:2.8}.placeholder-art svg{width:100%;height:100%;display:block}.placeholder-art>span{position:absolute;bottom:15px;left:17px;font-size:8px;letter-spacing:1.8px;color:#acb9a3}.detail-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:25px 0 12px;margin-bottom:18px;font-size:9px;letter-spacing:1.7px;color:#9eaf96}.detail-section-title>span:last-child{color:#748970}.placeholder-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.placeholder-card{position:relative;border:1px solid #a5b39a22;padding:17px;border-radius:7px}.card-number{display:block;font:10px monospace;color:var(--accent);margin-bottom:14px}.placeholder-card h3{font-size:15px;font-weight:500;color:#d4ddc8;line-height:1.45;margin:17px 0 9px}.placeholder-card p,.resource-placeholder p{font-size:13px;line-height:1.9;color:#97ac94;margin:0}.content-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:17px}.content-tags>span{font-size:9px;border:1px solid #aac3a12d;border-radius:3px;padding:5px 6px;color:#a4b49a}.timeline .placeholder-card{border:0;border-top:2px solid var(--accent);border-radius:0}.resource-placeholder{padding:8px 0 22px}.resource-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.resource-buttons button{border:1px dashed #b5c0a33d;border-radius:4px;font-size:11px;padding:9px 12px;background:none;color:#8d9e83}.detail-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:24px;margin-top:14px}.detail-footer>span{font-size:8px;letter-spacing:2px;color:#7a9175}.detail-footer button{display:flex;align-items:center;gap:7px;font-size:12px;color:#bdcdb0;background:none;padding:7px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes appear{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes orbit{to{rotate:360deg}}@media(max-width:800px){.hud-header{top:23px;left:24px;right:24px}.hud-footer{left:24px;right:24px;bottom:22px}.world-status{font-size:8px;letter-spacing:1px}.controls-hint{gap:11px;font-size:10px;padding:10px}.hint-extra{display:none!important}.map-menu{right:24px;top:78px}.easter-eggs{left:20px}.detail-scroll{padding:25px}.overlay-backdrop{padding:24px}.placeholder-collection{gap:10px}.placeholder-card{padding:12px}}@media(max-width:540px){.universe{min-height:420px}.hud-header{top:19px;left:19px;right:19px}.wordmark{font-size:16px;gap:8px}.wordmark svg{width:21px}.map-toggle{padding:10px 12px;font-size:10px;gap:8px}.map-toggle kbd{display:none}.hud-footer{left:19px;right:19px;bottom:18px;gap:10px;flex-wrap:wrap}.world-status{font-size:7px;letter-spacing:1.2px;order:1}.hud-actions{order:2}.controls-hint{order:3;flex-basis:100%;padding:9px;font-size:10px;gap:16px;background:#10232970}.hint-extra{display:flex!important}.easter-eggs{left:16px;top:43%;gap:10px}.easter-eggs button{width:31px;height:31px}.map-menu{right:17px;left:17px;top:74px;width:auto;max-height:calc(100svh - 175px);padding:14px 17px}.island-map{height:135px}.map-menu nav button{padding:9px 5px;font-size:13px}.map-menu nav button small{font-size:9px;margin-top:3px}.map-note{font-size:10px}.spatial-preview{width:213px;padding:13px 15px}.spatial-preview:before{display:none}.spatial-preview h2{font-size:20px;margin:8px 0}.spatial-preview p{font-size:11px;margin-bottom:12px}.preview-top{font-size:8px}.preview-open{padding:10px}.portal-entry{font-size:9px;padding:9px 11px;gap:8px}.overlay-backdrop{padding:14px 12px}.detail-overlay{height:94svh;border-radius:10px}.detail-header{padding:10px 17px}.detail-header>span{font-size:8px;letter-spacing:1px}.detail-scroll{padding:24px 19px 20px}.detail-intro h2{font-size:33px;letter-spacing:-1.2px}.detail-intro p{font-size:14px}.placeholder-collection{grid-template-columns:1fr;gap:15px}.placeholder-card{padding:16px}.placeholder-card h3{font-size:17px}.placeholder-card p,.resource-placeholder p{font-size:14px}.placeholder-art{aspect-ratio:2.5}.placeholder-art.wide{aspect-ratio:1.8}.detail-section-title{font-size:8px;letter-spacing:1px}.detail-section-title>span:last-child:not(:first-child){display:none}.detail-footer{align-items:flex-start;flex-direction:column;gap:9px}.resource-buttons button{font-size:12px}.loader-orbit{scale:.9}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}