:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#f1eadf;background:#101b17;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{user-select:none;touch-action:none}button,select,input{font:inherit}button{cursor:pointer}.canvas-wrap{position:fixed;inset:0}.canvas-wrap canvas{display:block;width:100%;height:100%}.ui-layer{position:fixed;inset:0;z-index:5;pointer-events:none}.ui-layer button,.ui-layer select,.ui-layer input{pointer-events:auto}.orientation-lock{display:none;position:absolute;inset:0;z-index:20;place-items:center;padding:30px;color:#f4ecd9;background:linear-gradient(145deg,#0e1915fa,#2d2330fa);text-align:center;pointer-events:auto}.orientation-lock div{display:grid;gap:12px;max-width:260px}.orientation-lock strong{font-family:STSong,SimSun,serif;font-size:26px;font-weight:500}.orientation-lock small{color:#f4ecd9a8;line-height:1.7}.orientation-glyph{color:#d8d3a5;font-size:54px;line-height:1}.hidden{display:none!important}.title-screen{position:absolute;inset:0;display:grid;place-items:center start;padding:6vw 8vw;background:linear-gradient(90deg,rgba(13,24,21,.78),rgba(13,24,21,.1) 62%,transparent);pointer-events:auto}.title-copy{max-width:620px;animation:rise .8s cubic-bezier(.2,.7,.2,1) both}.title-kicker,.dialogue-speaker{color:#cfb070;font-size:11px;letter-spacing:.28em;text-transform:uppercase}h1,h2,h3{font-family:STSong,SimSun,serif;font-weight:500}.title-copy h1{font-size:clamp(48px,7vw,106px);line-height:.96;letter-spacing:-.08em;margin:16px 0 22px}.title-copy h1 em{color:#d8d3a5;font-style:normal}.title-note{max-width:27em;color:#f2ede0c2;line-height:1.8}.title-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.ink-button{min-width:108px;border:1px solid rgba(233,224,199,.32);border-radius:3px;padding:12px 18px;color:#f5ecdb;background:#101c173d;backdrop-filter:blur(8px);transition:transform .2s,background .2s,border-color .2s}.ink-button:hover{transform:translateY(-2px);border-color:#cfb070;background:#cfb0702e}.ink-button.primary{color:#1b2820;background:#d8d3a5;border-color:#d8d3a5}.ink-button.disabled{opacity:.35;pointer-events:none}.legal{margin-top:60px;max-width:34em;color:#f2ede087;font-size:11px;line-height:1.7}.title-mark{position:absolute;right:9vw;bottom:13vh;width:160px;height:220px;opacity:.45;transform:rotate(10deg)}.title-mark span{position:absolute;display:block;width:8px;border-radius:100%;background:#d8d3a5;transform-origin:bottom}.title-mark span:nth-child(1){left:34px;height:140px;bottom:0;transform:rotate(-18deg)}.title-mark span:nth-child(2){left:76px;height:200px;bottom:3px;transform:rotate(1deg)}.title-mark span:nth-child(3){left:116px;height:120px;bottom:0;transform:rotate(21deg)}.hud-top-left,.hud-top-right{position:absolute;top:24px;display:flex;flex-direction:column;gap:5px;text-shadow:0 1px 14px rgba(0,0,0,.65)}.hud-top-left{left:28px;align-items:flex-start}.hud-top-right{right:28px;align-items:flex-end;flex-direction:row;gap:8px}.hud-chapter{font-family:STSong,SimSun,serif;color:#f1dfb6;font-size:14px;letter-spacing:.04em}.hud-objective-label{margin-top:8px;color:#ffe49bad;font-size:9px;letter-spacing:.18em}.hud-objective{max-width:26em;color:#fff2cf;font-size:16px;font-weight:600;letter-spacing:.02em}.hud-quest{max-width:32em;color:#f9f4e4c7;font-size:12px;line-height:1.45;letter-spacing:.02em}.hud-distance{color:#e2c979;font-size:11px;letter-spacing:.08em}.fragment-icon{color:#d8d3a5;font-size:17px}.hud-fragments{color:#f9f4e4d9;font-size:13px}.hud-bottom{position:absolute;left:28px;bottom:22px;color:#ffffff9e;font-size:11px;text-shadow:0 1px 12px #000}.hud-fps{margin-left:12px;color:#d8d3a5}.interaction-prompt{position:absolute;left:50%;bottom:15%;transform:translate(-50%);padding:10px 16px;border:1px solid rgba(241,232,200,.38);border-radius:100px;color:#f4eddc;background:#0e17148a;backdrop-filter:blur(8px)}.dialogue{position:absolute;left:50%;bottom:5.5%;width:min(560px,calc(100% - 48px));transform:translate(-50%);padding:15px 20px 16px;border:1px solid rgba(216,211,165,.18);border-left:2px solid #d8d3a5;background:#0c1411ad;backdrop-filter:blur(14px);box-shadow:0 16px 40px #0000002e;pointer-events:auto}.dialogue p{margin:8px 0 0;color:#f5edda;line-height:1.7}.route-actions{display:flex;gap:8px;margin-top:12px}.route-actions button{border:1px solid rgba(216,211,165,.45);padding:8px 12px;color:#f5edda;background:#d8d3a51f}.chapter-banner{position:absolute;left:50%;top:22%;transform:translate(-50%);min-width:min(480px,calc(100% - 48px));text-align:center;animation:dissolve 4.4s ease both;text-shadow:0 2px 22px #08100d}.chapter-banner p{margin:0;font-family:STSong,SimSun,serif;font-size:clamp(22px,2.6vw,38px);letter-spacing:.04em;color:#f6e6be}.chapter-banner span{display:block;margin-top:8px;color:#fff4d89e;font-size:10px;letter-spacing:.18em}.pause-screen{position:absolute;inset:0;display:grid;place-items:center;background:#090f0d94;backdrop-filter:blur(12px);pointer-events:auto}.pause-card,.settings-card{width:min(420px,calc(100% - 40px));padding:32px;background:#141f1ae8;border:1px solid rgba(216,211,165,.27);box-shadow:0 20px 60px #00000040}.pause-card h2{margin:8px 0 22px;font-size:36px}.pause-card .ink-button{display:block;width:100%;margin-top:10px}.settings-panel{position:absolute;inset:0;display:grid;place-items:center;background:#090f0da3;backdrop-filter:blur(12px);pointer-events:auto}.settings-card h3{margin-top:0;font-size:28px}.settings-card label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:18px 0;color:#f6efdcd1}.settings-card select,.settings-card input[type=range]{accent-color:#d8d3a5}.ending-copy{text-align:center;max-width:580px}.ending-copy h1{font-size:clamp(44px,7vw,92px);margin:20px 0}.ending-copy p:not(.title-kicker){color:#f4eddccc;line-height:2}.ending-copy .ink-button{margin-top:24px}.touch-controls{display:none;position:absolute;inset:0}.touch-controls.visible{display:block}.joystick{position:absolute;left:24px;bottom:24px;width:118px;height:118px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#1019152e}.joystick i{position:absolute;left:50%;top:50%;width:45px;height:45px;transform:translate(calc(-50% + var(--jx, 0px)),calc(-50% + var(--jy, 0px)));border-radius:50%;background:#d8d3a5bd}.touch-actions{position:absolute;right:22px;bottom:25px;display:flex;align-items:end;gap:10px}.touch-actions button{width:54px;height:54px;border:1px solid rgba(255,255,255,.36);border-radius:50%;color:#f6edd7;background:#10191561}.touch-actions button:nth-child(2){width:68px;height:68px;background:#d8d3a5ad;color:#1c2c21}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes dissolve{0%,to{opacity:0}15%,75%{opacity:1}}@media(min-width:701px){.ui-layer:not(.touch-device) .touch-controls.visible{display:none}}@media(max-width:700px)and (orientation:portrait){.orientation-lock{display:grid}}@media(max-width:700px){.title-screen{place-items:end start;padding:12vw 8vw 10vh;background:linear-gradient(0deg,#0d1815e0,#0d181514 75%)}.title-copy h1{font-size:clamp(48px,16vw,84px)}.title-mark{right:8vw;top:12vh;transform:scale(.66) rotate(10deg);transform-origin:top right}.title-actions{gap:7px}.ink-button{padding:11px 14px;min-width:94px}.legal{margin-top:28px}.hud-bottom{display:none}.hud-top-left{top:18px;left:18px}.hud-top-right{top:18px;right:18px}.interaction-prompt{bottom:20%}.dialogue{bottom:21%;width:calc(100% - 32px);padding:14px 16px}.dialogue p{font-size:14px;line-height:1.55}}