@font-face{font-family:Orbita;src:local('Bahnschrift');font-display:swap}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101519;color:#eae7df;font-family:Orbita,'Segoe UI','Microsoft YaHei',sans-serif;font-weight:400}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 30%,#29383735,transparent 60%);z-index:-1}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,#stage:focus-visible{outline:2px solid #efbd93}button{color:inherit}a{color:inherit;text-decoration:none}.shell{max-width:1680px;margin:auto;padding:0 4.3vw}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17}.brand{display:flex;gap:15px;align-items:center}.brand svg{width:43px;fill:none;stroke:#e8c29e;stroke-width:1.2}.brand svg circle{fill:#e8c29e;stroke:none}.brand>span{font-size:25px;letter-spacing:6px}.brand i{font-style:normal;display:block;font-size:8px;letter-spacing:2px;margin-top:6px;color:#a2aaa9}.edition{font-size:10px;letter-spacing:2px;color:#7e8c90}.edition span{margin-left:22px;color:#d7b491}.icon-btn{border:1px solid #ffffff20;background:transparent;display:flex;gap:10px;align-items:center;padding:11px 14px;border-radius:30px;font-size:11px;color:#bac2be}.equalizer{display:flex;gap:3px;align-items:center;height:12px}.equalizer i{width:2px;height:3px;background:#c9b096}.icon-btn[aria-pressed=true] .equalizer i{animation:sound .8s infinite alternate}.equalizer i:nth-child(2){animation-delay:.3s!important}.equalizer i:nth-child(3){animation-delay:.6s!important}@keyframes sound{to{height:12px}}main{display:grid;grid-template-columns:300px minmax(0,1fr);gap:4vw;padding:44px 0 38px}.story{padding:10px 0 0;display:flex;flex-direction:column;min-width:0}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#b5a18a;display:flex;gap:8px;align-items:center}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#c09d78}h1{font-size:clamp(34px,3.4vw,54px);font-weight:400;letter-spacing:-1.8px;line-height:1.42;margin:25px 0 17px}h1 span{color:#e9b68c}.intro{font-size:12px;color:#8d9a9d;line-height:2.1;margin:0}.mission{border-top:1px solid #ffffff18;margin-top:32px;padding-top:22px}.small-label{font-size:9px;letter-spacing:2px;color:#859396}.mission-title{display:flex;gap:18px;align-items:center;margin-top:16px}.mission-title>b{font-size:44px;color:#6d797a;font-weight:300;letter-spacing:-2px}.mission-title h2{font-size:18px;font-weight:400;margin:0 0 5px}.mission-title div>span{font-size:9px;color:#ae967c;letter-spacing:2px}.mission>p{font-size:11px;color:#96a1a3;margin:14px 0 0}.how{margin-top:32px}.how p{font-size:11px;color:#929ea0;margin:14px 0}.how b{font-size:9px;color:#dbc4a8;margin-right:10px;font-weight:400}.signature{margin-top:auto;padding-top:25px;color:#758383;font-size:8px;letter-spacing:1.4px;display:flex;gap:11px;align-items:center}.cross{font-size:24px;color:#9a8874}.cockpit{min-width:0;border:1px solid #ffffff20;border-radius:5px;background:#0d1419;box-shadow:0 20px 65px #00000030;overflow:hidden}.stage-top{display:flex;justify-content:space-between;align-items:center;height:49px;padding:0 23px;font-size:10px;color:#9ea9a9;border-bottom:1px solid #ffffff12}.stage-top>div{display:flex;align-items:center;gap:9px}.live-dot{height:5px;width:5px;border-radius:50%;background:#b3c3b1;box-shadow:0 0 9px #b3c3b170}.stage-count{gap:18px!important}.stage-count>span:first-child{color:#e8b582;letter-spacing:5px;font-size:14px}.stage-count b{color:#d6dcd6;font-size:10px;font-weight:400;margin-left:6px}#stage{position:relative;aspect-ratio:4/3;overflow:hidden;touch-action:none;cursor:crosshair;background:#0d141c}#space{width:100%;height:100%;display:block;position:relative;z-index:1;touch-action:none}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.map-coordinates{position:absolute;left:21px;font-size:8px;letter-spacing:1.8px;color:#71868f;z-index:2;pointer-events:none}.map-coordinates.top{top:18px}.map-coordinates.bottom{bottom:18px}.map-tag{position:absolute;font-size:8px;letter-spacing:1.3px;color:#9fadaf;z-index:2;transform:translate(-50%,14px);pointer-events:none;white-space:nowrap}.goal-tag{color:#edc39a;transform:translate(-50%,27px)}.goal-tag i{font-style:normal}.map-legend{position:absolute;bottom:18px;right:21px;display:flex;gap:20px;font-size:8px;color:#91a0a4;z-index:2;pointer-events:none}.map-legend>span{display:flex;gap:6px;align-items:center}.legend-path{width:15px;border-top:1px dashed #a7bec1}.legend-ring{height:7px;width:7px;border:1px solid #edb783;border-radius:50%}.controls{display:flex;gap:24px;align-items:center;padding:23px 24px 10px;border-top:1px solid #ffffff14;background:#131b20}.dial{flex:1;min-width:0}.dial label{display:flex;justify-content:space-between;font-size:10px;color:#a9b2b3}.dial output{color:#e4d6c6;font-size:13px}input[type=range]{appearance:none;width:100%;height:22px;background:transparent;cursor:pointer;margin:5px 0 0;display:block}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#455052}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#e8bd94;margin-top:-4px;box-shadow:0 0 0 4px #e8bd9410}input[type=range]::-moz-range-track{height:2px;background:#455052}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#e8bd94}.primary{border:0;background:#e8bb94;color:#1c2528;border-radius:3px;padding:15px 22px;font-size:12px;min-width:141px;display:flex;align-items:center;justify-content:space-between;gap:22px;transition:background .2s,transform .2s}.primary:hover{background:#f6d0a9;transform:translateY(-1px)}.primary>span{font-size:19px;line-height:1}.square-btn{width:39px;height:43px;background:none;border:1px solid #ffffff20;font-size:22px;border-radius:3px;color:#a8b5b6}.square-btn:hover{border-color:#e8bb94}.controls>.square-btn{margin-left:-12px}.control-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 24px 17px;background:#131b20;font-size:9px;color:#849396;min-height:35px}#prediction{display:flex;align-items:center;gap:7px}#prediction i{width:4px;height:4px;border-radius:50%;background:currentColor}#prediction.good{color:#afcebb}.text-btn{border:0;background:transparent;color:#b7a38e;font-size:10px;padding:5px 0}.text-btn:hover{color:#f1d7b7}.text-btn>span{margin-left:6px}footer{display:flex;align-items:center;gap:35px;border-top:1px solid #ffffff20;padding:27px 0}.journey-label{font-size:9px;letter-spacing:1.5px;color:#b7a18b;white-space:nowrap}.journey-label span{display:block;color:#879595;margin-top:7px;font-size:9px;letter-spacing:1px}.journey-label b{font-size:17px;color:#d9dfd8;font-weight:400}#levels{display:flex;justify-content:space-between;gap:10px;flex:1;max-width:840px}.level-button{position:relative;display:flex;gap:12px;align-items:center;border:0;background:none;padding:12px 10px;text-align:left;color:#798a8e;min-width:0}.level-button>b{border:1px solid #465151;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:400;flex-shrink:0}.level-button>span{font-size:11px;white-space:nowrap}.level-button small{display:block;font-size:9px;color:#566568;letter-spacing:3px;margin-top:5px}.level-button[aria-current=true]{color:#ead0b2}.level-button[aria-current=true]>b{border-color:#ddb287;background:#ddb28710;box-shadow:0 0 24px #ddb28710}.level-button.finished small{color:#e8bb94}.footer-note{margin-left:auto;font-size:10px;line-height:1.9;color:#8c9a9c}.fine-print{display:flex;justify-content:space-between;gap:20px;padding:15px 0 22px;border-top:1px solid #ffffff0b;color:#596c73;font-size:8px;letter-spacing:1px}#toast{position:absolute;left:50%;bottom:55px;transform:translate(-50%,8px);max-width:90%;background:#15232de8;border:1px solid #d6ba8e40;border-radius:30px;padding:10px 18px;color:#e4ceb3;font-size:11px;opacity:0;transition:.3s;z-index:4;pointer-events:none;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}.result{position:absolute;inset:0;z-index:5;background:#08101694;backdrop-filter:blur(8px);display:grid;place-items:center;cursor:auto}.result[hidden],.fallback[hidden]{display:none}.result-card{text-align:center;width:min(85%,340px);animation:arrive .5s ease-out}.result-glyph{font-size:60px;font-weight:200;color:#e6bc8d;height:85px}.result-card h2{font-size:35px;font-weight:400;margin:3px 0 10px;letter-spacing:-1px}.result-card p{font-size:12px;color:#a8b6b7;line-height:1.9;margin:0}.result-stars{font-size:26px;color:#e8bd94;letter-spacing:12px;padding:18px 0 22px;padding-left:12px}.result-card .primary{width:100%;font-size:12px}.result-card .text-btn{margin-top:12px}.fallback{position:absolute;inset:0;z-index:10;background:#101519;display:grid;place-content:center;text-align:center;padding:35px;font-size:14px;line-height:2}#stage.paused:after{content:'已暂停 · 点击继续或按 P';position:absolute;inset:0;display:grid;place-items:center;background:#081016a6;backdrop-filter:blur(4px);z-index:3;font-size:16px;letter-spacing:2px;color:#dec6ab;pointer-events:none}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){main{grid-template-columns:330px minmax(0,1fr);gap:70px}.cockpit{max-width:1060px}}@media(max-width:1150px){.shell{padding:0 3vw}main{grid-template-columns:230px minmax(0,1fr);gap:28px}.edition{display:none}h1{font-size:38px}.how{margin-top:22px}.mission{margin-top:24px}.controls{gap:16px;padding:18px 18px 8px}.primary{min-width:120px;padding:14px 16px}.controls>.square-btn{margin-left:-7px}.control-foot{padding:0 18px 14px}footer{gap:18px}.level-button{gap:8px;padding:10px 2px}.footer-note{display:none}}@media(max-width:800px){header{height:83px}.shell{padding:0 22px}main{display:block;padding:28px 0 25px}.story{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:0 15px;margin-bottom:24px}.eyebrow{grid-column:1/-1;font-size:8px}.story h1{font-size:35px;letter-spacing:-1px;margin:16px 0 0;line-height:1.35}.intro{display:none}.mission{border:0;margin:20px 0 0;padding:0;align-self:center}.mission>.small-label{font-size:7px;letter-spacing:1px}.mission-title{gap:10px;margin-top:9px}.mission-title>b{font-size:32px}.mission-title h2{font-size:16px}.mission-title div>span{font-size:7px;letter-spacing:1px}.mission>p{font-size:10px;line-height:1.7;margin-top:9px}.how,.signature{display:none}.stage-top{height:43px;padding:0 15px;font-size:9px}.stage-count{gap:8px!important}.stage-count>span:first-child{font-size:12px;letter-spacing:3px}.controls{padding:17px 16px 8px;flex-wrap:wrap;gap:10px 20px}.dial{flex-basis:40%}.controls>.primary{flex:1;padding:14px 20px}.controls>.square-btn{margin:0;height:45px;width:46px}.control-foot{padding:3px 16px 12px;gap:8px;font-size:8px}.control-foot .text-btn{font-size:9px}.map-coordinates{font-size:6px;letter-spacing:1px;left:12px}.map-coordinates.top{top:12px}.map-coordinates.bottom{bottom:12px}.map-legend{bottom:12px;right:12px;gap:10px;font-size:6px}.map-tag{font-size:6px;letter-spacing:.8px;transform:translate(-50%,10px)}.goal-tag{transform:translate(-50%,17px)}.journey-label{display:flex;justify-content:space-between;align-items:center;width:100%}.journey-label span{margin:0}footer{display:block;padding:19px 0 12px}#levels{margin-top:12px;gap:4px}.level-button{flex-direction:column;gap:9px;flex:1;text-align:center;padding:8px 0}.level-button>span{font-size:9px}.level-button small{font-size:8px;letter-spacing:1px}.level-button>b{width:27px;height:27px}.fine-print{font-size:6px;gap:10px;letter-spacing:.6px;padding-bottom:16px}.fine-print>span:nth-child(2){display:none}.brand>span{font-size:22px;letter-spacing:5px}.brand svg{width:34px}.brand{gap:11px}.brand i{font-size:6px;letter-spacing:1px}.icon-btn{font-size:9px;padding:9px 10px;gap:7px}.result-glyph{font-size:34px;height:40px}.result-card h2{font-size:24px;margin:6px 0}.result-card p{font-size:10px}.result-card .small-label{font-size:7px}.result-stars{font-size:18px;padding:8px 0 10px 12px}.result-card .primary{padding:11px 18px;font-size:11px}.result-card .text-btn{font-size:9px;margin-top:6px}#toast{font-size:9px;padding:8px 12px;bottom:35px;white-space:normal;text-align:center;min-width:220px}}
@media(max-width:800px){.story h1{font-size:clamp(24px,7vw,35px);white-space:nowrap;letter-spacing:-1.2px}.mission-title h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}