:root{font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;color:#e5e4d9;background:#101615;font-synthesis:none;--gold:#dfbd69;--muted:#b6bcb3}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#world,canvas,.vignette,.grain,.overlay{position:fixed;inset:0;width:100%;height:100%}canvas{display:block;touch-action:none}.vignette{pointer-events:none;z-index:1;background:radial-gradient(ellipse at 55% 45%,transparent 30%,#070d0b90 100%);box-shadow:inset 0 0 130px #04080755}.grain{z-index:2;pointer-events:none;opacity:.13;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.38' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:fixed;z-index:10;top:0;left:0;width:100%;padding:28px 38px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(#090e0c9c,transparent)}.home{display:flex;gap:13px;align-items:center;font-size:15px;letter-spacing:3px}.sigil{font-size:32px;color:var(--gold)}.home small{display:block;font-size:8px;letter-spacing:2px;color:#a8b2ab;margin-top:6px}.chapter{font-size:11px;letter-spacing:2px;color:#9ba9a0;display:flex;gap:15px;align-items:center}.chapter span{color:var(--gold);font-family:Georgia,serif;font-size:18px}.chapter i{width:3px;height:3px;background:#94a093;border-radius:50%}nav{display:flex;gap:8px}nav button{border:1px solid #ced8ca26;color:#c5cfc5;background:#14211d70;padding:9px 12px;font-size:11px;letter-spacing:1px;border-radius:3px}nav button:hover{border-color:var(--gold)}.intro{z-index:3;background:linear-gradient(90deg,#0a100fe8 0%,#0a100fc7 28%,#0a100f20 61%,transparent 100%);display:flex;align-items:center;padding:95px 7vw 85px}.intro-copy{max-width:470px}.eyebrow{font-size:10px;letter-spacing:4px;color:var(--gold);display:flex;align-items:center;gap:12px}.eyebrow span{width:30px;height:1px;background:var(--gold)}.series{font-size:14px;letter-spacing:5px;margin:32px 0 12px;color:#c2c9bf}.series b{font-size:9px;font-weight:400;letter-spacing:2px;display:inline-block;border:1px solid #e2bc672e;padding:4px 7px;margin-left:9px;color:var(--gold)}h1{font-family:"Noto Serif TC",serif;font-weight:500;font-size:clamp(60px,7.2vw,104px);letter-spacing:8px;line-height:1.12;margin:0;text-shadow:0 4px 24px #0008}h1 span{display:block;color:#dbc992}.english{font-family:Georgia,serif;font-size:11px;letter-spacing:5px;color:#a8b1a1;margin:21px 0 23px}.description{color:#a7b0a6;font-size:13px;line-height:2;letter-spacing:1.5px;margin:0 0 27px}.primary{background:var(--gold);color:#20281f;border:1px solid #e5c77f;min-height:53px;padding:0 23px;font-size:13px;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between;gap:65px;box-shadow:0 4px 30px #d6b66010;transition:background .2s,transform .2s}.primary:hover{background:#f0d28b;transform:translateY(-2px)}.intro-meta{display:flex;gap:15px;color:#7f8d81;font-size:9px;letter-spacing:.5px;margin-top:17px}.intro-meta span+span{border-left:1px solid #a2b59838;padding-left:15px}.scene-note{position:absolute;right:5vw;bottom:135px;text-align:right}.scene-note>span{font:10px Georgia,serif;letter-spacing:5px;color:#b8c0b0}.scene-note i{display:block;margin:17px 0 17px auto;width:35px;height:1px;background:#d5bc765b}.scene-note p{font-size:11px;line-height:1.9;letter-spacing:2px;color:#99a593}.intro-footer{position:absolute;left:7vw;right:5vw;bottom:28px;display:flex;justify-content:space-between;border-top:1px solid #a4b99e24;padding-top:18px;font-size:9px;letter-spacing:1px;color:#78897c}#hud{position:fixed;inset:0;z-index:4;pointer-events:none}.objective{position:absolute;top:111px;left:38px;padding-left:16px;border-left:2px solid var(--gold);max-width:390px;text-shadow:0 2px 8px #000}.objective>span{font-size:10px;letter-spacing:3px;color:var(--gold)}.objective h2{font-size:15px;font-weight:400;letter-spacing:1px;margin:10px 0}.objective p{font-size:11px;line-height:1.7;color:#bcc7b9;margin:0}.awareness{position:absolute;bottom:45px;right:38px;width:170px;text-align:right;text-shadow:0 1px 5px #000}.awareness>span{font-size:12px;letter-spacing:3px}.alert-track{height:2px;background:#b2c4aa40;margin:12px 0}.alert-track i{display:block;width:0;height:100%;background:#dbb566;transition:width .1s}.awareness small{color:#a2af9c;font-size:10px;letter-spacing:1px}.keyboard{position:absolute;bottom:42px;left:38px;display:flex;gap:20px;font-size:10px;color:#a6b19f}kbd{font-family:inherit;font-size:10px;display:inline-flex;justify-content:center;align-items:center;min-width:22px;padding:5px 6px;border:1px solid #b9c6b44a;border-bottom-width:2px;border-radius:3px;margin-right:4px;background:#101a166b;color:#d3d7c7}#interact-prompt{pointer-events:auto;position:absolute;left:50%;bottom:130px;transform:translate(-50%);background:#14211be8;color:var(--gold);border:1px solid #d5b97060;padding:10px 18px;font-size:12px;white-space:nowrap;border-radius:4px}.modal{z-index:20;display:grid;place-items:center;background:#07100cbd;backdrop-filter:blur(9px);padding:25px}.modal>div{max-width:450px;text-align:center}.modal .eyebrow{justify-content:center}.modal h2{font-family:serif;font-size:45px;letter-spacing:5px;font-weight:400;margin:24px 0}.modal p:not(.eyebrow){font-size:13px;color:#a7b7a5;line-height:2;margin-bottom:30px}.modal .primary{width:100%;justify-content:center;min-width:260px}.secondary{width:100%;padding:15px;background:transparent;color:#c0ccba;border:1px solid #bccbad40;margin-top:12px;font-size:12px;letter-spacing:2px}.modal a{display:block;margin-top:22px;font-size:11px;color:#8d9e8c}.modal .primary:focus-visible{outline-offset:4px}#toast{position:fixed;left:50%;top:100px;transform:translate(-50%);z-index:30;color:#e1d6b6;background:#132019ed;border:1px solid #d3b97336;padding:12px 24px;font-size:12px;max-width:min(90vw,600px);line-height:1.8;pointer-events:none;opacity:0;transition:opacity .2s}#toast.show{opacity:1}#touch{position:fixed;bottom:max(17px,env(safe-area-inset-bottom));left:20px;right:20px;z-index:8;pointer-events:none;justify-content:space-between;align-items:end;display:none}#touch button{pointer-events:auto;color:#e3dfcb;background:#11201cad;border:1px solid #c8ceaa50;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:50%;width:48px;height:48px;font-size:20px}.dpad{display:grid;grid-template-columns:repeat(3,48px);gap:3px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.actions{display:flex;gap:9px;align-items:end}.actions button{font-size:12px!important}.actions #act{width:60px;height:60px;border-color:#d1b461;color:var(--gold)}#crouch[aria-pressed=true]{background:#a4934466;border-color:var(--gold)}#fatal{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101615;padding:30px}#fatal p{font-size:14px;line-height:1.8}#fatal a{margin-top:20px}#fatal button{padding:12px 20px}@media(pointer:coarse){#touch:not([hidden]){display:flex}.keyboard{display:none}.awareness{bottom:148px}.objective{max-width:340px}#interact-prompt{bottom:170px}}@media(max-width:700px){header{padding:18px}.chapter{display:none}.home{font-size:12px;letter-spacing:2px}.home small{font-size:6px}.home .sigil{font-size:26px}nav{gap:5px}nav button{font-size:10px;padding:9px}nav #quality{display:none}.intro{padding:90px 8vw 75px;background:linear-gradient(90deg,#0a100fe3,#0a100f55)}h1{font-size:72px}.series{margin-top:23px}.scene-note{display:none}.intro-footer{left:8vw;right:8vw;font-size:8px}.intro-footer span:last-child{display:none}.objective{top:90px;left:20px;max-width:290px}.objective h2{font-size:13px}.objective p{font-size:10px}.awareness{right:20px;width:130px;bottom:145px}#toast{top:178px;font-size:11px;padding:10px 15px}.keyboard{gap:8px;left:15px;right:15px;bottom:15px;flex-wrap:wrap}.awareness small{font-size:9px}.modal h2{font-size:35px}#interact-prompt{max-width:90vw;font-size:11px}.intro-meta{font-size:8px;gap:8px}.intro-meta span+span{padding-left:8px}}@media(max-height:560px){header{padding:12px 22px}.intro{padding:65px 7vw 40px}.intro-copy{max-width:480px}.series{margin:10px 0;font-size:11px}h1{font-size:55px}h1 span{display:inline}.english{margin:10px 0;font-size:9px}.description{font-size:11px;line-height:1.65;margin-bottom:15px}.description br:first-of-type{display:none}.eyebrow{font-size:8px}.primary{min-height:44px}.intro-footer{bottom:14px;padding-top:9px}.intro-meta{margin-top:10px}.objective{top:70px;max-width:280px}.objective p{display:none}.awareness{bottom:145px;font-size:10px}.scene-note{bottom:65px}.modal h2{margin:10px 0;font-size:30px}.modal p:not(.eyebrow){margin-bottom:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}