@font-face{font-family:Frama;src:url(/fonts/PPFrama-Regular.woff2)}@font-face{font-family:Ivar;src:url(/fonts/IvarHeadline-Regular.woff2)}*{box-sizing:border-box}html,body{margin:0;overflow:hidden;width:100%;height:100%;background:#101621;color:#edf2f5;font-family:Frama,system-ui,sans-serif}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:hover{filter:brightness(1.22)}button:focus-visible{outline:1px solid #d4eafa;outline-offset:5px}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 20%,#0b162260 75%,#0b111ab0);z-index:1}.grain{position:fixed;inset:0;pointer-events:none;background:url(/textures/grain.webp);opacity:.025;z-index:20}#header{position:fixed;top:0;left:0;right:0;z-index:8;display:flex;justify-content:space-between;align-items:center;padding:30px 3.4%;gap:30px}#brand{display:flex;align-items:center;gap:12px;text-align:left;font-size:18px;letter-spacing:.09em;padding:0}#brand svg{width:36px;fill:none;stroke:#cadced;stroke-width:1.4}#brand small{display:block;font-size:7px;letter-spacing:.4em;opacity:.5;margin-top:6px}.chapter{font-size:8px;letter-spacing:.18em;opacity:.4}nav{display:flex;align-items:center;gap:28px}nav button{font-size:10px;letter-spacing:.06em;padding:5px 0}#sound-btn{display:flex;gap:9px;align-items:center;font-size:8px}.waves{display:flex;align-items:center;height:16px;gap:3px}.waves i{display:block;width:1px;height:4px;background:#d4eafb}.sound-on .waves i{animation:sound 1s infinite alternate}.waves i:nth-child(2){animation-delay:.2s}.waves i:nth-child(3){animation-delay:.4s}@keyframes sound{to{height:15px}}#frontstage{position:fixed;inset:0;z-index:5;transition:opacity .9s;background:#101622}#opening-frame{height:100%;width:100%;border:0}#frontstage.leaving{opacity:0;pointer-events:none}#home{position:fixed;inset:0;pointer-events:none;z-index:7}.home-caption{position:absolute;left:3.4%;bottom:60px}.home-caption small{font-size:8px;letter-spacing:.22em;opacity:.55}.home-caption p{font-size:12px;letter-spacing:.12em;margin:13px 0}#choose-traveler{position:absolute;left:50%;bottom:48px;transform:translate(-50%);pointer-events:auto;display:flex;align-items:center;gap:23px;border:1px solid #e4edf23d;padding:18px 24px;background:#16233755}#choose-traveler>span{font-size:26px;font-weight:100;animation:down 1.8s infinite}#choose-traveler div{font-size:8px;letter-spacing:.2em;text-align:left}#choose-traveler small{display:block;font-size:10px;opacity:.6;margin-top:8px;letter-spacing:.08em}.home-number{position:absolute;bottom:78px;right:3.4%;font-size:8px;letter-spacing:.16em;opacity:.5}@keyframes down{50%{transform:translateY(5px)}}[data-mode=home] #home-btn,[data-mode=game] #home-btn,[data-mode=game] #about-btn,[data-mode=game] .chapter,#replay-opening{display:none}[data-mode=home] #replay-opening{display:block}#gallery{position:fixed;inset:0;z-index:3;pointer-events:none}#gallery button,#gallery footer{pointer-events:auto}.gallery-top{position:absolute;left:3.4%;right:3.4%;top:126px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;opacity:.65}#ghost{position:absolute;top:25%;width:100%;text-align:center;font:700 15vw/1 Impact,sans-serif;color:transparent;-webkit-text-stroke:1px #b8d1e512;white-space:nowrap;letter-spacing:-.03em}.side-label{position:absolute;left:4.2%;top:47%;writing-mode:vertical-rl;font-size:7px;letter-spacing:.2em;opacity:.3;transform:rotate(180deg)}.side-label.right{left:auto;right:4.2%;transform:none}.arrow{position:absolute;top:47%;width:46px;height:46px;border:1px solid #c7dcec39;border-radius:50%;font-size:22px}#prev{left:17%}#next{right:17%}.character-copy{position:absolute;left:7.4%;bottom:170px}.eyebrow{font-size:8px;letter-spacing:.15em;color:#bad8e9;display:flex;align-items:center;gap:13px}.eyebrow i{width:30px;height:1px;background:#b8ceda66}h1{font:900 clamp(62px,7.4vw,126px)/.87 Impact,"Arial Narrow",sans-serif;margin:22px 0 19px;letter-spacing:-.02em;text-shadow:0 4px 30px #09182799}.character-copy p{font-size:10px;line-height:1.9;opacity:.65;letter-spacing:.08em}.character-copy #animation-btn{font-size:9px;border-bottom:1px solid #cfe3f04a;padding:7px 0}.character-detail{position:absolute;right:7.4%;bottom:170px;width:250px}.index{display:flex;align-items:baseline;gap:13px;margin-bottom:24px}.index b{font:53px Ivar,serif;font-weight:400}.index span{font-size:10px;opacity:.35}#stats{display:grid;gap:12px;max-width:190px;margin:0 0 27px}#stats>div{display:grid;grid-template-columns:1fr 22px;font-size:9px;gap:7px;opacity:.8}#stats i{height:2px;grid-column:1/3;background:#bdd6e52a}#stats b{display:block;height:2px;background:#a7c9e1}#enter-btn{background:#c9dfed;color:#152432;padding:18px 19px;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;font-size:12px;letter-spacing:.03em;transition:transform .2s}#enter-btn:hover{transform:translateY(-3px)}#enter-btn small{display:block;font-size:7px;letter-spacing:.13em;opacity:.6;margin-bottom:8px}#enter-btn b{font-size:27px;font-weight:300}.character-detail>p{font-size:8px;opacity:.4;text-align:center}footer{position:absolute;bottom:0;left:3.4%;right:3.4%;height:130px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c6d9e626}.roster-caption{font-size:9px;letter-spacing:.12em}.roster-caption small{display:block;font-size:7px;opacity:.35;letter-spacing:.1em;margin-top:9px}#roster{display:flex;gap:9px}.roster-item{width:63px;height:75px;border:1px solid #cee2ee25;background:linear-gradient(#bacdd806,#bacdd811);position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.roster-item img{width:100%;height:100%;object-fit:contain;opacity:.55}.roster-item span{position:absolute;left:4px;top:5px;font-size:7px;opacity:.5;z-index:1}.roster-item.active{border-color:#c4deef}.roster-item:hover{transform:translateY(-5px)}.roster-item.active img,.roster-item:hover img{opacity:1}.roster-count{font:32px Ivar,serif;display:flex;align-items:center;gap:11px;opacity:.65}.roster-count small{font:7px/1.7 Frama,sans-serif;letter-spacing:.12em}#model-status{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-size:10px;padding:15px 20px;background:#102035d9;border:1px solid #bcd4e437;z-index:4;white-space:nowrap}#game-ui{position:fixed;inset:0;z-index:3;pointer-events:none}#game-ui button{pointer-events:auto}.compass{position:absolute;left:50%;top:33px;transform:translate(-50%);display:flex;gap:23px;font-size:9px;align-items:center;text-shadow:0 2px 6px #000}.compass span{opacity:.5}.compass small{position:absolute;top:20px;left:50%;color:#c4e0f3}.mission{position:absolute;top:113px;left:3.4%;padding:15px 18px;border-left:2px solid #a5c8e3;background:linear-gradient(90deg,#111e34cf,transparent);max-width:320px}.mission small{font-size:7px;letter-spacing:.13em;color:#b5d3e6}.mission h2{font-size:17px;font-weight:400;letter-spacing:.08em;margin:12px 0 8px}.mission p{font-size:10px;line-height:1.8;opacity:.68;margin:0}#mission-progress{display:flex;align-items:center;gap:5px;margin-top:15px}#mission-progress b{font:9px Frama;margin-right:14px}#mission-progress i{width:30px;height:3px;background:#b7d9ea36}#mission-progress i.lit{background:#b4d6ef;box-shadow:0 0 8px #aacfff}.location{position:absolute;right:3.4%;top:116px;text-align:right;font-size:8px;text-shadow:0 2px 5px #000}.location small{font-size:7px;letter-spacing:.15em;opacity:.65}.location h2{font:30px Ivar,serif;font-weight:400;letter-spacing:.1em;margin:10px 0 14px}#marker{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px;left:50%;top:25%;transform:translate(-50%);text-shadow:0 3px 8px #000;color:#d7ecfc}#marker span{font-size:36px}#marker b{font-size:9px;letter-spacing:.1em;font-weight:400}#marker small{font-size:9px;opacity:.7}#interaction{position:absolute;bottom:27%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:13px;padding:13px 22px;background:#112a3ef0;border:1px solid #bdd9ee67;font-size:12px;white-space:nowrap}kbd{font:8px Frama,sans-serif;border:1px solid #c9dfed48;border-radius:2px;padding:4px 6px;background:#14233666;color:#dfedf6}#interaction kbd{background:#c1dbea;color:#112230;font-size:14px;padding:5px 10px}#interact-touch{display:none}#notification{position:absolute;left:50%;top:34%;transform:translate(-50%);background:linear-gradient(90deg,transparent,#152b41aa,transparent);padding:20px 50px;text-shadow:0 2px 8px #000;font-size:14px;letter-spacing:.08em;opacity:0;transition:opacity .3s;white-space:nowrap}#notification.visible{opacity:1}.map-block{position:absolute;bottom:40px;left:3.4%;width:223px}.map-block canvas{width:100%;height:165px;background:#132333;border:1px solid #bed5e343;box-shadow:0 3px 20px #0002}.vital-bars{display:flex;gap:4px;margin-top:4px}.vital-bars i{height:5px;flex:1;background:#0f2031bb}.vital-bars b{display:block;height:100%;width:100%;background:#93b789}.vital-bars i:nth-child(2) b{background:#8baeda}.vital-bars i:nth-child(3) b{background:#d1c19a;width:0}.map-block p{font-size:7px;display:flex;gap:6px;align-items:center;margin:10px 0}.map-block p>span:last-child{margin-left:auto;opacity:.5}.controls{position:absolute;right:3.4%;bottom:27px;display:flex;align-items:center;gap:17px;font-size:9px;color:#dcebf3b3}.controls button,.controls>span{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:9px;padding:0}#transition{position:fixed;inset:0;z-index:30;background:#0d1926;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:fadein .5s}#transition h2{font:56px Ivar,serif;letter-spacing:.15em;margin:30px 0 15px}#transition p{font-size:12px;letter-spacing:.2em;opacity:.5}#transition small{font-size:8px;letter-spacing:.2em;opacity:.4}#transition>div{width:180px;height:1px;background:#c4def533;margin:40px 0 20px}dialog{border:1px solid #bdcfd844;background:#101e2def;color:#eaf2f6;padding:42px 46px;width:min(540px,90vw);max-height:92dvh;overflow:auto}dialog::backdrop{background:#050d19aa;-webkit-backdrop-filter:none;backdrop-filter:none}dialog h2{font:40px/1.4 Ivar,serif;font-weight:400;margin:20px 0}dialog h2 em{font-style:normal;color:#b9d7ec}dialog p{font-size:12px;line-height:2;opacity:.7}dialog .close{position:absolute;right:17px;top:12px;font-size:29px;opacity:.5}.primary,.secondary{display:block;width:100%;padding:16px 20px;margin-top:13px;font-size:12px;text-align:left}.primary{background:#c6dfee;color:#142a3a}.secondary{border:1px solid #bed6e638;text-align:center}.subtle{font-size:10px;opacity:.55}dialog label{display:flex;align-items:center;gap:25px;font-size:10px;margin:26px 0}dialog input{flex:1;accent-color:#bcd8ec}.info-grid{display:flex;justify-content:space-between;border-block:1px solid #cce0ec20;padding:22px 0;margin:27px 0}.info-grid span{display:flex;flex-direction:column;font-size:9px;gap:7px;opacity:.8}.info-grid b{font:34px Ivar,serif}.small-print{font-size:9px!important}#wheel{width:min(600px,96vw);text-align:center;padding:28px}#wheel .eyebrow,#complete .eyebrow{justify-content:center}#wheel h2{font-size:28px;margin:15px 0}#character-wheel{width:350px;height:350px;margin:20px auto;position:relative;border:1px solid #bad7ed25;border-radius:50%;background:radial-gradient(circle,transparent 22%,#bdd9ed0b 23%,#bdd9ed05 65%,transparent 66%)}.wheel-person{position:absolute;left:50%;top:50%;width:70px;height:82px;border:1px solid #a6c7e149;background:#162a3ccc;padding:0}.wheel-person img{height:58px;width:100%;object-fit:contain}.wheel-person span{font-size:7px}.wheel-person.active{background:#5e8dab88;border-color:#c3e2f6}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:36px Ivar,serif;opacity:.7}.wheel-center small{display:block;font:7px Frama;letter-spacing:.2em;margin-top:6px}#complete{text-align:center}.complete-mark{font-size:60px;color:#bcd9ed;margin-top:25px}.touch-controls{display:none}#fatal{position:fixed;inset:0;z-index:100;background:#101927;padding:20vh 10%;text-align:center}#fatal button{background:#bed8ec;color:#102132;padding:14px 30px}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media(max-width:1150px){.chapter,.roster-caption,.roster-count{display:none}footer{justify-content:center}.character-detail{right:5%;width:215px}.character-copy{left:5%}.controls{gap:10px}.controls>span:nth-child(3){display:none}}@media(max-height:720px)and (min-width:761px){.character-copy,.character-detail{bottom:125px}.character-detail .index{margin-bottom:13px}#stats{gap:8px;margin-bottom:18px}h1{font-size:76px;margin:16px 0}footer{height:100px}.roster-item{height:65px}.gallery-top{top:103px}}@media(max-width:760px){#header{padding:22px 6%;gap:12px}#brand{font-size:13px;gap:6px}#brand svg{width:29px}#brand small{font-size:5px}nav{gap:13px}nav button{font-size:8px}#sound-btn{font-size:7px;gap:5px}#about-btn{display:none}.home-caption{left:0;right:0;bottom:150px;text-align:center}.home-caption p{font-size:11px}#choose-traveler{bottom:58px;padding:16px 22px;white-space:nowrap}.home-number{left:0;right:0;bottom:24px;text-align:center;font-size:7px}.gallery-top{top:96px;left:6%;right:6%;font-size:7px}#ghost{top:26%;font-size:25vw}.side-label{display:none}.arrow{top:39%;width:37px;height:37px;font-size:18px}#prev{left:6%}#next{right:6%}.character-copy{left:6%;bottom:212px}.character-copy .eyebrow{font-size:6px;gap:7px}.character-copy .eyebrow i{width:13px}h1{font-size:54px;margin:15px 0 0}.character-copy p{display:none}#animation-btn{margin-top:9px;font-size:8px!important}.character-detail{bottom:219px;right:6%;width:auto}.index{margin:0;gap:7px}.index b{font-size:38px}#stats{display:none}#enter-btn{position:fixed;left:6%;bottom:111px;width:88%;padding:13px 18px}#enter-btn small{font-size:6px}.character-detail p{display:none}footer{height:91px;left:6%;right:6%;border:0;overflow:auto;justify-content:flex-start;scrollbar-width:none}#roster{gap:5px;margin:auto}.roster-item{width:39px;height:53px;flex-shrink:0}.roster-item img{object-fit:cover}#model-status{font-size:9px}.compass{top:78px;gap:14px;font-size:8px}.mission{left:6%;top:115px;padding:12px;max-width:235px}.mission h2{font-size:14px;margin:9px 0 6px}.mission p{font-size:9px}.mission small{font-size:6px}#mission-progress{margin-top:9px}.location{top:auto;bottom:31px;right:6%;font-size:7px}.location h2{font-size:20px;margin:8px 0}.location small{font-size:6px}.map-block{width:136px;left:6%;bottom:32px}.map-block canvas{height:107px}.map-block p{font-size:6px}.map-block p>span:last-child{display:none}.controls{inset:247px auto auto 6%;gap:12px}.controls>span{display:none}.controls button{font-size:8px}.controls kbd{display:none}.touch-controls{display:block}#joystick{position:absolute;left:9%;bottom:205px;width:92px;height:92px;border:1px solid #cce4f045;border-radius:50%;background:#cce4f008;pointer-events:auto;touch-action:none}#joystick span{position:absolute;top:26px;left:26px;width:38px;height:38px;border-radius:50%;background:#cce4f02b;border:1px solid #cce4f040}.touch-controls button{position:absolute;right:9%;bottom:220px;width:54px;height:54px;font-size:24px;border-radius:50%;border:1px solid #bed7e755;background:#bed7e70f;touch-action:none}#run-touch{right:28%;bottom:209px;width:44px;height:44px;font-size:21px}#interaction{bottom:36%;padding:10px 13px;font-size:10px}#interaction kbd{display:none}#interact-touch{display:block;font-size:10px;border-bottom:1px solid #bcd8ec}#notification{font-size:11px;padding:16px 25px}dialog{padding:32px 27px}dialog h2{font-size:31px}#transition h2{font-size:37px}#transition p{font-size:10px}#character-wheel{height:290px;width:290px}.wheel-person{width:58px;height:68px}.wheel-person img{height:45px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}[data-mode=intro] .vignette,[data-mode=home] .vignette,[data-mode=intro] .grain,[data-mode=home] .grain{display:none}@font-face{font-family:Neue;src:url(/reference/guillaume/NeueMontreal-Regular.woff2)}#gallery-backdrop{position:fixed;inset:0;z-index:2;background:#050404}#gallery-backdrop iframe{border:0;width:100%;height:100%}[data-mode=gallery] #scene,[data-mode=gallery] .vignette,[data-mode=gallery] .grain,[data-mode=gallery] .gallery-top,[data-mode=gallery] #ghost,[data-mode=gallery] .side-label,[data-mode=gallery] .character-copy h1,[data-mode=gallery] .character-copy p,[data-mode=gallery] #stats,[data-mode=gallery] .index,[data-mode=gallery] .roster-caption,[data-mode=gallery] .roster-count,[data-mode=gallery] .character-detail>p{display:none}[data-mode=gallery]{font-family:Neue,system-ui,sans-serif;color:#f0ebe2}[data-mode=gallery] #header{padding:24px 30px;align-items:baseline}[data-mode=gallery] #brand{font:500 14px Neue,sans-serif;letter-spacing:-.03em}[data-mode=gallery] #brand svg,[data-mode=gallery] #brand small,[data-mode=gallery] .chapter{display:none}[data-mode=gallery] nav{gap:25px}[data-mode=gallery] nav button{font:14px Neue,sans-serif;letter-spacing:0;opacity:.7}[data-mode=gallery] #sound-btn{position:fixed;right:31px;bottom:31px;font-size:0;opacity:1}[data-mode=gallery] #sound-btn .waves{height:16px;transform:scale(1.2)}[data-mode=gallery] .character-copy{left:30px;bottom:35px}[data-mode=gallery] .character-copy .eyebrow{font:11px Neue,sans-serif;color:#f0ebe2;letter-spacing:0}[data-mode=gallery] .character-copy .eyebrow i{display:none}[data-mode=gallery] .character-copy #animation-btn{font:11px Neue,sans-serif;opacity:.6}[data-mode=gallery] .character-detail{position:fixed;right:30px;bottom:72px;width:112px}[data-mode=gallery] #enter-btn{background:none;color:#f0ebe2;position:static;width:112px;padding:8px 0;font:13px Neue,sans-serif;border-bottom:1px solid #f0ebe250}[data-mode=gallery] #enter-btn small{display:none}[data-mode=gallery] #enter-btn b{font-size:17px}[data-mode=gallery] #enter-btn div{font-size:0}[data-mode=gallery] #enter-btn div:after{content:"进入世界";font-size:13px}[data-mode=gallery] footer{left:30px;right:30px;bottom:20px;height:60px;border:none;justify-content:center;pointer-events:auto;opacity:1;transition:opacity .2s}[data-mode=gallery] footer:hover{opacity:1;pointer-events:auto}[data-mode=gallery] #roster{pointer-events:auto}[data-mode=gallery] .roster-item{width:40px;height:53px;border:1px solid #f0ebe225;background:#05040488}[data-mode=gallery] .arrow{top:auto;bottom:88px;width:25px;height:25px;border:0;border-radius:0;font:18px Neue,sans-serif;opacity:.5}[data-mode=gallery] #prev{left:30px}[data-mode=gallery] #next{left:66px;right:auto}@media(max-width:760px){[data-mode=gallery] #header{padding:24px 22px}[data-mode=gallery] #home-btn{font-size:11px}[data-mode=gallery] .character-copy{left:22px;bottom:32px}[data-mode=gallery] .character-detail{right:22px;bottom:64px}[data-mode=gallery] #sound-btn{right:23px;bottom:30px}[data-mode=gallery] .character-copy .eyebrow{display:none}[data-mode=gallery] footer{bottom:120px;opacity:1;height:45px;left:22px;right:22px}[data-mode=gallery] .roster-item{width:33px;height:42px}[data-mode=gallery] #roster{gap:4px}[data-mode=gallery] #prev{left:22px;bottom:70px}[data-mode=gallery] #next{left:58px;bottom:70px}}body[data-mode=game] #scene{visibility:visible}body[data-mode=game] .vignette,body[data-mode=game] .grain{display:none}[data-mode=gallery] footer{width:max-content;left:50%;right:auto;transform:translate(-50%)}@media(max-width:760px)and (max-height:600px){.controls{inset:auto 6% 12px auto;z-index:4}}