@font-face{font-family:GameKai;src:url('assets/title-font.woff') format('woff');font-display:swap}
:root{--ivory:#ebe5cc;--muted:#a8b5a8;--gold:#c8b484;--ink:#152d32;--serif:'STKaiti','KaiTi','Songti SC',serif;--sans:'Microsoft YaHei','PingFang SC',sans-serif}*{box-sizing:border-box}body{margin:0;background:#10272d;color:var(--ivory);font-family:var(--sans);font-size:14px}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}.game{height:100svh;min-height:640px;position:relative;overflow:hidden;isolation:isolate;background:#142c33}.scenery,.scene-wash,.grain,.border-frame,.blackout{position:absolute;inset:0;pointer-events:none}.scenery{z-index:-4;background-size:cover;background-position:center;transition:opacity .65s,transform 1.6s,filter 1.2s}.scene-wash{z-index:-3;background:linear-gradient(90deg,rgba(10,29,34,.83),rgba(13,33,38,.26) 48%,rgba(13,33,38,.02) 75%),linear-gradient(0deg,rgba(9,25,30,.95),transparent 38%,rgba(9,25,30,.2))}.grain{z-index:8;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.border-frame{z-index:7;inset:18px;border:1px solid #d1bf8d26}.border-frame:before,.border-frame:after{content:'';position:absolute;width:27px;height:27px;border-color:#c8b48490;border-style:solid}.border-frame:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.border-frame:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:relative;z-index:15}.brand{display:flex;align-items:center;gap:13px;text-align:left;letter-spacing:4px;font-family:var(--serif);font-size:24px}.brand-seal{display:grid;place-items:center;width:38px;height:43px;border:1px solid #c8b4849c;font-size:26px;outline:1px solid #c8b48439;outline-offset:3px;letter-spacing:0}.brand small{display:block;font-family:var(--sans);font-size:7px;letter-spacing:2.1px;margin-top:6px;color:#b5b8a4}.topbar nav{display:flex;align-items:center;gap:25px}.top-button{font-size:12px;letter-spacing:2px;padding:9px 0;position:relative;color:#d3d7c8;transition:color .2s}.top-button>span:first-child{font-size:17px;vertical-align:-1px;padding-right:4px}.top-button:hover,.text-button:hover{color:#fff2bf}.skip{border:1px solid #b6b8995c;padding:9px 15px!important}.skip b{font-weight:400}.skip[aria-pressed=true]{background:#b4a06d;color:#132d32}.icon-button{font-size:24px;color:#c1c8b8}.dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#d6b67a;right:-5px;top:5px}.title-screen{position:absolute;inset:105px 0 0}.title-copy{position:absolute;left:12%;top:7%;}.eyebrow{font-size:10px;letter-spacing:5px;color:#c2c6b3;display:flex;gap:15px;align-items:center}.eyebrow i{width:31px;height:1px;background:#b9ac81}.main-title{font-family:var(--serif);font-size:clamp(86px,8.9vw,154px);line-height:1.12;letter-spacing:14px;position:relative;margin:28px 0 25px;text-shadow:0 5px 35px #102b3370}.main-title>span{display:block}.main-title>span:nth-child(2){margin-left:80px}.main-title em{font-size:15px;font-style:normal;position:absolute;left:0;bottom:15px;writing-mode:vertical-rl;letter-spacing:7px;background:#844c3a;outline:1px solid #b876544d;outline-offset:4px;padding:12px 6px}.title-poem{font-family:var(--serif);font-size:19px;line-height:2;letter-spacing:3px;color:#c0c8b9;margin:0 0 29px}.title-actions{display:flex;align-items:center;gap:25px}.primary-button{background:#cdc099;color:#263737;border:1px solid #e0d4b2;padding:16px 28px;min-width:193px;letter-spacing:4px;font-family:var(--serif);font-size:21px;transition:background .2s,transform .2s}.primary-button span{padding-left:23px;font-family:serif}.primary-button:hover{background:#e2d5ac;transform:translateY(-2px)}.text-button{font-size:13px;letter-spacing:2px;padding:12px 0;color:#c3c8b8}.title-hint{font-size:10px;letter-spacing:2px;color:#96a99f;margin-top:17px}.title-hint span{margin-left:18px;border-left:1px solid #82958966;padding-left:18px}.vertical-verse{position:absolute;right:7%;top:12%;writing-mode:vertical-rl;font-family:var(--serif);font-size:18px;letter-spacing:8px;line-height:2.5;color:#e6e0c0;opacity:.8}.vertical-verse span{display:block;margin-top:60px}.title-bottom{position:absolute;bottom:40px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:10px;color:#aab7a6;letter-spacing:2px}.title-bottom i,.play-footer i{font-style:normal;margin:0 10px;color:#b5a377}.play-screen{position:absolute;inset:105px 0 0}.stage-click{position:absolute;inset:0;z-index:1;cursor:pointer}.scene-heading{position:absolute;top:5%;left:6%;z-index:2;pointer-events:none}.scene-heading>span{font-size:10px;letter-spacing:4px;color:#c3b487}.scene-heading h1{font-family:var(--serif);font-size:29px;letter-spacing:4px;font-weight:400;margin:13px 0}.scene-heading p{font-family:var(--serif);font-size:14px;letter-spacing:3px;color:#a3b5aa}.scene-marker{position:absolute;right:6%;top:7%;writing-mode:vertical-rl;letter-spacing:9px;font-family:var(--serif);font-size:18px;border-left:1px solid #c5b18470;padding-left:14px;color:#cbbb94;pointer-events:none}.dialogue-wrap{position:absolute;bottom:61px;left:8%;right:8%;z-index:6}.dialogue-meta{display:flex;gap:20px;justify-content:flex-end;align-items:center;margin:0 5px 12px;font-size:10px;color:#bdc4b4;letter-spacing:2px}.dialogue-meta>span{margin-right:auto}.dialogue-meta button{font-size:11px;padding:5px}.dialogue-meta button[aria-pressed=true]{color:#f4d996}.live-dot{width:4px;height:4px;background:#c2ba8c;display:inline-block;margin:0 6px 3px 0;border-radius:50%}.dialogue-box{display:block;width:100%;text-align:left;position:relative;padding:27px 40px 20px;min-height:196px;border:1px solid #b9b08570;background:linear-gradient(110deg,#142c32f5,#1a3437ec);box-shadow:0 12px 50px #061c2a50;backdrop-filter:blur(15px)}.dialogue-box:before{content:'';position:absolute;inset:6px;border:1px solid #a8a1761d;pointer-events:none}.name-row{display:flex;align-items:center;gap:17px;margin-bottom:16px}#speaker{font-family:var(--serif);font-size:24px;letter-spacing:4px;color:#ddc995}#speakerTag{font-size:8px;letter-spacing:2px;color:#829b94}.name-line{height:1px;width:56px;background:linear-gradient(90deg,#bcae7e80,transparent)}.dialogue-text{font-family:var(--serif);font-size:clamp(18px,1.7vw,25px);line-height:1.85;letter-spacing:1.5px;display:block;min-height:66px;color:#eee9d6}.dialogue-box.thought .dialogue-text{color:#c8d5c8}.dialogue-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;color:#93a69b;font-size:10px;letter-spacing:2px}.diamond{display:inline-block;margin-left:12px;color:#c8b484;font-size:10px;animation:breathe 2s infinite}.progress-track{height:2px;background:#c8b48410}.progress-track>div{height:100%;background:#bda877;transition:width .3s}.play-footer{position:absolute;bottom:31px;left:8%;right:8%;display:flex;justify-content:space-between;color:#839c92;font-size:9px;letter-spacing:2px;z-index:6}.portrait{position:absolute;bottom:175px;right:10%;height:74%;max-height:680px;z-index:3;filter:drop-shadow(0 15px 26px #061c2970);pointer-events:none;transition:filter .4s,opacity .4s,transform .7s;animation:enter .7s both}.portrait.dim{filter:brightness(.6) saturate(.5);transform:scale(.95);opacity:.9}.portrait.subordinate{right:32%;height:66%}.prop-focus{position:absolute;z-index:4;left:38%;top:12%;width:320px;padding:17px 10px;background:radial-gradient(ellipse,#101f29db,transparent 72%);animation:enter .65s both;filter:drop-shadow(0 10px 20px #041c2580)}.prop-focus img{width:100%;display:block;transition:transform .5s}.prop-focus:hover img{transform:rotate(-4deg) scale(1.05)}.prop-focus>span{font-size:10px;letter-spacing:6px;color:#cbbd96}.prop-focus small{font-family:var(--serif);font-size:14px;letter-spacing:2px;color:#dad3b9}.scan-panel{position:absolute;right:13%;top:12%;padding:25px;border:1px solid #87b5ab60;background:#102c32d9;z-index:4;text-align:center}.scan-panel>span{font-size:10px;letter-spacing:3px;color:#adc7b9}.bird-mark{font-family:var(--serif);font-size:39px;letter-spacing:15px;padding:28px;color:#c6d5bb}.scan-panel p{font-size:10px;color:#9ab6a6}.blackout{z-index:5;background:#03090e;opacity:0;transition:opacity .8s}.blackout.active{opacity:1}.is-playing .scene-wash{background:linear-gradient(0deg,#071d28dd,transparent 63%),linear-gradient(90deg,#071d2870,transparent 65%)}.is-playing.museum .scenery{transform:scale(1.015)}.is-playing.gate .scenery,.is-playing.report .scenery{transform:scale(1.19);background-position:66% 50%}.ending-screen{position:absolute;inset:120px 0 0;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;padding-bottom:60px;background:#10293288;z-index:10;backdrop-filter:blur(5px)}.ending-screen h1{font-family:var(--serif);font-size:76px;letter-spacing:14px;margin:25px 0;color:#efe5c5;font-weight:400}.ending-rule{color:var(--gold);position:relative;width:180px}.ending-rule:before,.ending-rule:after{content:'';position:absolute;top:50%;width:65px;height:1px;background:#a59c7190;left:0}.ending-rule:after{left:auto;right:0}.ending-screen p{font-family:var(--serif);font-size:21px;letter-spacing:4px;line-height:2;color:#b9c5b3}.next-mission{border:1px solid #b6ac7859;padding:19px 50px;display:flex;flex-direction:column;gap:12px;margin:10px 0 27px;background:#1834368c}.next-mission small{font-size:10px;letter-spacing:5px;color:var(--gold)}.next-mission strong{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:3px}.next-mission span{font-size:11px;color:#a5b4a3}.ending-actions{display:flex;gap:30px}.ending-note{font-size:10px;letter-spacing:3px;color:#97aa9c;margin-top:25px}dialog{background:#183236;color:#e6e1c9;border:1px solid #b5a87a;width:min(760px,90vw);max-height:83svh;padding:30px 36px;box-shadow:0 30px 100px #03151ade}dialog::backdrop{background:#04181bbd;backdrop-filter:blur(8px)}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b9a57540;padding-bottom:20px}.modal-head small{font-size:9px;letter-spacing:4px;color:#a8b39d}.modal-head h2{font-family:var(--serif);font-size:29px;letter-spacing:5px;font-weight:400;margin:10px 0 0}.close-button{font-size:30px;color:#b5b99d;width:40px;height:40px}.modal-content{padding:12px 0;line-height:1.9}.modal-foot{border-top:1px solid #b9a57530;padding-top:15px;font-family:var(--serif);font-size:13px;letter-spacing:4px;text-align:center;color:#839b8d}.clue-card{padding:20px 0;border-bottom:1px solid #b9a57520}.clue-card h3{font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:3px;margin:0 0 8px;color:#dcc895}.clue-card p{font-size:13px;color:#bbc7b5;margin:0}.clue-card small{color:#8ca99a;font-size:11px}.clue-art{display:block;width:260px;max-width:100%;margin:0 auto}.flip-button{display:block;margin:0 auto 15px;border:1px solid #baa67650;padding:6px 18px;font-size:12px;color:#cdbb8d}.log-line{margin:0;padding:14px 0;border-bottom:1px solid #b9a57520}.log-line dt{font-family:var(--serif);font-size:18px;color:#ccb889;display:flex;justify-content:space-between}.log-line dt small{font:10px var(--sans);color:#768e83}.log-line dd{margin:8px 0 0;font-size:13px;color:#c6cfbd}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #b9a57520}.setting-row label{font-family:var(--serif);font-size:19px;letter-spacing:2px}.setting-row input{width:45%;accent-color:#c8b484}.setting-note{font-size:12px;color:#99b09f;line-height:2}.empty-state{padding:35px 0;text-align:center;color:#b0bfac;font-family:var(--serif);font-size:18px;letter-spacing:2px}.toast{position:absolute;bottom:36%;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:12px 25px;background:#122a30f0;border:1px solid #b6a36b70;color:#e3d9b7;font-family:var(--serif);font-size:17px;letter-spacing:2px;z-index:25;transition:.3s;max-width:85%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}#motes{position:absolute;inset:0;pointer-events:none;z-index:-1}#motes i{position:absolute;width:3px;height:3px;background:#dac388;border-radius:50%;opacity:0;animation:float 12s infinite ease-in-out}@keyframes float{0%{transform:translate(0,35px);opacity:0}35%,65%{opacity:.45}100%{transform:translate(45px,-90px);opacity:0}}@keyframes breathe{50%{opacity:.35}}@keyframes enter{from{opacity:0;translate:25px 0}to{opacity:1;translate:0 0}}
@media(min-width:1700px){.title-copy{top:9%}.dialogue-wrap{left:13%;right:13%;bottom:75px}.dialogue-box{padding:30px 46px}.dialogue-text{min-height:84px}.play-footer{left:13%;right:13%;bottom:40px}.portrait{bottom:210px}.title-copy{left:14%}}
@media(max-height:760px) and (min-width:800px){.game{min-height:560px}.topbar{height:82px}.title-screen,.play-screen{top:82px}.title-copy{top:1%}.main-title{font-size:98px;margin:18px 0}.title-poem{font-size:16px;margin-bottom:18px}.primary-button{padding:12px 23px}.title-bottom{bottom:29px}.scene-heading{top:1%}.dialogue-wrap{bottom:48px}.dialogue-box{min-height:170px;padding:19px 30px 14px}.dialogue-text{font-size:20px;min-height:59px}.play-footer{bottom:24px}.portrait{bottom:155px;height:77%}.ending-screen{inset:90px 0 0;padding-bottom:22px}.ending-screen h1{font-size:58px;margin:16px 0}.ending-screen p{font-size:18px;margin:15px 0}.next-mission{padding:15px 35px;margin-bottom:20px}}
@media(max-width:799px){.game{min-height:610px}.border-frame{inset:9px}.topbar{height:85px;padding:0 6%}.brand{font-size:19px;gap:10px;letter-spacing:2px}.brand-seal{width:28px;height:33px;font-size:22px}.brand small{font-size:5px;letter-spacing:1px}.topbar nav{gap:13px}.top-button{font-size:11px;letter-spacing:0}.top-button>span:first-child{display:none}.skip{padding:7px 10px!important}.icon-button{display:none}.title-screen,.play-screen{top:85px}.title-copy{left:11%;top:10%}.main-title{font-size:104px;letter-spacing:8px;margin:23px 0}.main-title>span:nth-child(2){margin-left:46px}.title-poem{font-size:17px;letter-spacing:2px;margin-bottom:27px}.title-bottom{left:7%;bottom:28px;font-size:9px}.title-bottom>span:last-child{display:none}.vertical-verse{right:8%;top:13%;font-size:15px}.scenery{background-position:62% center}.is-title .scene-wash{background:linear-gradient(90deg,#0d2832c9,#0d28324d),linear-gradient(0deg,#102832,transparent 65%)}.eyebrow{font-size:9px;letter-spacing:3px}.title-hint{font-size:9px;letter-spacing:1px}.scene-heading{left:8%;top:1%}.scene-heading h1{font-size:24px;letter-spacing:2px}.scene-heading p{font-size:12px;letter-spacing:1px}.scene-marker{display:none}.dialogue-wrap{left:5%;right:5%;bottom:53px}.dialogue-box{padding:22px 22px 16px;min-height:225px}.dialogue-text{font-size:19px;line-height:1.85;letter-spacing:1px;min-height:107px}.name-row{margin-bottom:11px;gap:12px}#speaker{font-size:22px;letter-spacing:2px}#speakerTag{font-size:7px}.dialogue-meta{margin-bottom:8px;gap:10px}.play-footer{left:6%;right:6%;bottom:27px;font-size:8px;letter-spacing:1px}.play-footer>span:last-child{display:none}.portrait{right:0;bottom:241px;height:53%;max-height:480px}.portrait.subordinate{right:35%;height:46%}.prop-focus{width:235px;left:18%;top:20%}.scan-panel{right:8%;top:22%;padding:13px}.bird-mark{font-size:27px;padding:20px}.ending-screen{inset:90px 0 0;padding:20px 8% 30px}.ending-screen h1{font-size:51px;letter-spacing:7px}.ending-screen p{font-size:18px;letter-spacing:2px}.next-mission{padding:20px;width:100%}.next-mission strong{font-size:21px;letter-spacing:1px}.ending-actions{gap:20px}.ending-actions .primary-button{min-width:150px;padding:13px 15px;font-size:18px}.ending-actions .primary-button span{padding-left:8px}dialog{padding:24px;max-height:87svh}.primary-button{min-width:174px;padding:14px 22px;font-size:21px}.title-actions{gap:17px}.toast{font-size:14px;width:max-content;bottom:42%}.is-playing.gate .scenery,.is-playing.report .scenery{background-position:63% center;transform:scale(1.1)}}
@media(max-width:370px){.topbar nav{gap:9px}.brand small{display:none}.main-title{font-size:89px}.title-copy{top:8%}.dialogue-text{font-size:17px}.dialogue-box{padding:18px;min-height:215px}.top-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.main-title,.ending-screen h1{font-family:GameKai,var(--serif)}