:root{--ink:#eee4ca;--muted:#aaa18d;--ember:#d7833b;--panel:#14181b;--line:#4d4538}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#090b0c;margin:0}body{font-family:Georgia,Noto Serif TC,Microsoft JhengHei,serif;overflow-x:hidden}button{font:inherit}.game-shell{background:radial-gradient(circle at 50% 30%,#283036,#090b0c 70%);flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:5;background:linear-gradient(#171b1ef2,#101315f8);border-bottom:1px solid #65543a;flex:none;grid-template-columns:1fr minmax(280px,480px) 1fr;align-items:center;height:82px;padding:0 3vw;display:grid;box-shadow:0 8px 30px #000b}.brand{align-items:center;gap:12px;display:flex}.crown{color:var(--ember);filter:drop-shadow(0 0 8px #ca6a22);font-size:40px}h1{letter-spacing:.25em;margin:0;font-size:25px}.brand p{color:#9e917a;letter-spacing:.25em;margin:3px 0 0;font:9px Arial}.quest{text-align:center;border-left:1px solid var(--line);border-right:1px solid var(--line);justify-self:center;padding:7px 28px}.quest span{color:var(--ember);letter-spacing:.2em;margin-bottom:4px;font:10px Arial;display:block}.quest strong{font-size:14px;font-weight:400}.stats{justify-self:end;min-width:180px}.stats span,.stats b{justify-content:space-between;margin-bottom:6px;font:11px Arial;display:flex}.stats b{color:#d6c7a7}.stats i,.hpbar{background:#2b2926;border:1px solid #544c41;height:5px;display:block}.stats u,.hpbar i{background:linear-gradient(90deg,#743b32,#c96648);height:100%;display:block;box-shadow:0 0 6px #c96648}.world{aspect-ratio:16/9;isolation:isolate;cursor:crosshair;background-position:50%;background-size:100% 100%;flex:none;width:100%;position:relative;overflow:hidden}.map-shade{z-index:-1;pointer-events:none;background:radial-gradient(circle,#0000 35%,#02050745 82%,#020304c8 115%);position:absolute;inset:0}.route-overlay{pointer-events:none;z-index:1;filter:drop-shadow(0 0 2px #d7833b);width:100%;height:100%;position:absolute;inset:0}.route-overlay line{stroke:#e2a45d;stroke-width:.24px;stroke-dasharray:.8 1.3;opacity:.34;vector-effect:non-scaling-stroke}.path-node{z-index:2;cursor:pointer;background:#19150fb0;border:1px solid #d6a15c99;border-radius:50%;width:15px;height:15px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #d7833b70}.path-node:hover{background:#f0a44d;transform:translate(-50%,-50%)scale(1.35)}.road-hint,.coord-status{z-index:5;color:#b9aa8f;letter-spacing:.08em;background:#101416d9;border:1px solid #5a5042;padding:7px 11px;font:10px Microsoft JhengHei,Arial;position:absolute;right:24px}.road-hint{padding-left:27px;top:24px}.road-hint:before{content:"";background:#d58a48;width:10px;height:2px;position:absolute;top:50%;left:9px;box-shadow:0 0 7px #d58a48}.coord-status{color:#938a7b;top:60px}.location-title{z-index:5;border-left:2px solid var(--ember);text-shadow:0 2px 4px #000;padding-left:13px;position:absolute;top:24px;left:28px}.location-title span{color:#c17d45;letter-spacing:.2em;font:9px Arial;display:block}.location-title b{font-size:18px;font-weight:400}.player,.npc,.enemy,.landmark{z-index:4;text-align:center;color:#fff;background:0 0;border:0;position:absolute;transform:translate(-50%,-72%)}.player{pointer-events:none;z-index:6;transition:left .46s linear,top .46s linear}.player.is-moving .map-character{animation:.28s ease-in-out infinite alternate walkBob}@keyframes walkBob{to{transform:translateY(-4px)}}.player label,.npc label,.enemy label,.landmark label{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000;background:#090c0edb;border:1px solid #65543a;margin-top:3px;padding:2px 6px;font:10px Arial;display:block}.npc,.enemy,.landmark{cursor:pointer}.npc:hover .map-character,.enemy:hover .map-character{filter:drop-shadow(0 0 10px #f1a151)drop-shadow(0 8px 4px #000c)}.map-character,.battle-sprite{image-rendering:pixelated;background-repeat:no-repeat;display:block}.map-character{filter:drop-shadow(0 8px 4px #000c);width:54px;height:68px;margin:auto}.sprite-player,.sprite-aria,.sprite-elder,.sprite-enemy{background-image:url(/character-sprites.png);background-size:400% 100%}.sprite-player{background-position:0 0}.sprite-aria{background-position:33.333% 0}.sprite-elder{background-position:66.667% 0}.sprite-enemy{background-position:100% 0}.sprite-ron,.sprite-bandit,.sprite-captive,.sprite-valen{background-image:url(/character-sprites-chapter2.png);background-size:400% 100%}.sprite-ron{background-position:0 0}.sprite-bandit{background-position:33.333% 0}.sprite-captive{background-position:66.667% 0}.sprite-valen{background-position:100% 0}.sprite-black-knight,.sprite-crowned-valen,.sprite-king{background-image:url(/character-sprites-final.png);background-size:300% 100%}.sprite-black-knight{background-position:0 0}.sprite-crowned-valen{background-position:50% 0}.sprite-king{background-position:100% 0}.landmark span{color:#f4b453;filter:drop-shadow(0 0 8px #ff9b2e);font-size:28px;animation:1.3s infinite pulse;display:block}@keyframes pulse{50%{opacity:.72;transform:translateY(-7px)scale(1.16)}}.map-exit{z-index:5;color:#ebc98f;cursor:pointer;background:#171a1ddd;border:1px solid #a2703b;padding:7px 11px;font-size:11px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 15px #000b,inset 0 0 10px #6c421533}.map-exit:hover{color:#fff3d2;border-color:#e0a35b}.notice{z-index:8;border-left:2px solid var(--ember);background:#101416e8;max-width:450px;padding:10px 15px;font-size:12px;position:absolute;bottom:24px;left:26px;box-shadow:0 4px 16px #0008}.chapter-track{z-index:7;color:#6f6b63;background:#101416dc;border:1px solid #554b3d;align-items:center;gap:7px;padding:8px 12px;font:10px Arial;display:flex;position:absolute;bottom:24px;right:24px}.chapter-track .active{color:#efb56f}.chapter-track .done{color:#a5b39c}.chapter-track i{color:#6d4b2e;font-style:normal}.controls{background:#0e1113;border-top:1px solid #3b352d;flex:1;align-items:flex-start;gap:26px;min-height:46px;padding:12px 3vw;display:flex}.controls>div{color:#908779;align-items:center;gap:8px;font:10px Arial;display:flex}.controls .legend{margin-left:auto}.legend i{background:#19150f;border:1px solid #d6a15c;border-radius:50%;width:9px;height:9px;box-shadow:0 0 7px #d7833b}kbd{background:#353331;border:1px solid #777064;border-radius:2px;padding:3px 6px;font:10px Arial;box-shadow:0 2px #111}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030506d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog-card{background:linear-gradient(120deg,#1e2224,#101315);border:1px solid #76664f;grid-template-columns:330px 1fr;width:min(980px,94vw);min-height:370px;display:grid;overflow:hidden;box-shadow:0 20px 80px #000}.portrait{min-height:370px;image-rendering:pixelated;background-image:url(/dialog-portraits.png);background-repeat:no-repeat;background-size:500% 100%;border-right:1px solid #7b5c38}.dialog-content{flex-direction:column;padding:30px 34px;display:flex}.speaker{border-bottom:1px solid #4a4237;justify-content:space-between;padding-bottom:15px;display:flex}.speaker h2{letter-spacing:.12em;margin:0}.speaker p{color:#948b7a;margin:4px 0 0;font-size:11px}.affinity{text-align:right}.affinity span{color:#948b7a;font:9px Arial;display:block}.affinity i{color:#4c4741;margin-left:5px;font-style:normal}.affinity i.filled{color:#c4674e;text-shadow:0 0 8px #c75a43}.dialog-text{color:#ded2b9;flex:1;margin:28px 0;font-size:17px;line-height:2}.dialog-transcript{flex:1;max-height:310px;padding-right:8px;overflow-y:auto}.dialog-transcript .dialog-text{margin:20px 0}.dialog-transcript b{color:#d79250;letter-spacing:.12em;margin-bottom:4px;font-size:11px;display:block}.player-line{color:#b9c3c9;background:#1b2429;border-left:2px solid #668092;margin:14px 0;padding:10px 14px;line-height:1.7}.player-line b{color:#8fa9b9}.npc-line.response{color:#f1dfbd;border-top:1px solid #4a4237;padding-top:14px}.dialog-actions{justify-content:flex-end;gap:12px;display:flex}.dialog-actions button,.battle-result button{text-align:left;color:#ddd2bc;cursor:pointer;background:#25282a;border:1px solid #5c5347;min-width:190px;padding:11px 14px}.dialog-actions button:hover,.battle-actions button:hover,.battle-result button:hover{background:#302c27;border-color:#c6844c}.dialog-actions small{color:#c9854d;letter-spacing:.1em;margin-bottom:3px;font:9px Arial;display:block}.investigation-marker span{color:#f0c86e;animation:1.5s infinite alternate shardGlow}@keyframes shardGlow{to{color:#fff1a9;filter:drop-shadow(0 0 15px #ffc34d);transform:scale(1.16)rotate(8deg)}}.investigation-card{background:linear-gradient(120deg,#1b2024,#0c1013);border:1px solid #806744;grid-template-columns:280px 1fr;width:min(900px,94vw);display:grid;overflow:hidden;box-shadow:0 25px 90px #000}.shard-visual{background:radial-gradient(circle,#6c542b 0,#172128 35%,#090c0f 72%);border-right:1px solid #655238;place-items:center;min-height:410px;display:grid;position:relative;overflow:hidden}.shard-visual span{z-index:2;color:#ffe399;text-shadow:0 0 18px #ffbd42,0 0 55px #d97125;font-size:100px;animation:2s ease-in-out infinite alternate shardFloat}.shard-visual i{border:1px solid #c48a3d55;width:180px;height:180px;position:absolute;transform:rotate(45deg);box-shadow:inset 0 0 50px #e09b3233,0 0 35px #e09b3233}@keyframes shardFloat{to{transform:translateY(-10px)rotate(5deg)}}.investigation-content{padding:38px}.case-label{color:#c98447;letter-spacing:.22em;font:9px Arial}.investigation-content h2{letter-spacing:.12em;margin:9px 0 22px;font-size:25px}.investigation-content>p{color:#c9bea8;font-size:15px;line-height:2}.evidence-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:35px;display:grid}.evidence-actions button,.investigation-result button{color:#e4d5b8;text-align:left;cursor:pointer;background:#24282a;border:1px solid #665746;padding:14px}.evidence-actions button:hover,.investigation-result button:hover{background:#302b25;border-color:#d39550}.evidence-actions small{color:#d18b49;letter-spacing:.14em;margin-bottom:5px;font:9px Arial;display:block}.investigation-result{background:#151a1d;border-left:2px solid #d08a46;margin-top:28px;padding:18px}.investigation-result b{color:#e2a45f;letter-spacing:.12em}.investigation-result p{color:#d5c8ae;line-height:1.8}.investigation-result button{text-align:center;width:100%;margin-top:8px}.fragment-marker.collected span{color:#8fb59d;text-shadow:0 0 12px #6ca985;animation:none}.black-knight-marker.landmark{transform:translate(-50%,-67%)}.black-knight-marker>.map-character{width:62px;height:78px}.final-knight .map-character{width:66px;height:82px}.chapter-event-card{background:linear-gradient(120deg,#1b2024,#0b0e11);border:1px solid #806744;grid-template-columns:340px 1fr;width:min(980px,95vw);min-height:440px;display:grid;overflow:hidden;box-shadow:0 25px 90px #000}.event-portrait{min-height:440px;image-rendering:pixelated;background-repeat:no-repeat;border-right:1px solid #6e5637}.portrait-main{background-image:url(/dialog-portraits.png);background-size:500% 100%}.portrait-final{background-image:url(/dialog-portraits-final.png);background-size:300% 100%}.portrait-black-knight{background-position:0 0}.portrait-crowned-valen{background-position:50% 0}.portrait-king{background-position:100% 0}.portrait-ron-event{background-position:50% 0}.event-shard{background:radial-gradient(circle,#73572b 0,#172128 35%,#080b0e 75%);border-right:1px solid #6e5637;place-items:center;min-height:440px;display:grid;position:relative;overflow:hidden}.event-shard span{color:#ffe399;text-shadow:0 0 20px #ffbd42,0 0 70px #d97125;font-size:110px;animation:2s ease-in-out infinite alternate shardFloat}.event-shard i{color:#aa8d61;letter-spacing:.2em;font:14px Georgia;position:absolute;bottom:40px}.event-content{flex-direction:column;padding:38px 42px;display:flex}.event-content h2{letter-spacing:.1em;margin:9px 0 20px;font-size:25px}.event-content>p{color:#c9bea8;font-size:15px;line-height:1.9}.event-quote{background:#171b1e;border-left:2px solid #b77a3d;padding:14px 17px;color:#ead4ab!important}.event-speaker{letter-spacing:.16em;margin-bottom:-8px;color:#d68a47!important;font:10px Arial!important}.event-primary{color:#e8d8bb;cursor:pointer;background:#292a29;border:1px solid #806340;margin-top:auto;padding:14px}.event-primary:hover{background:#362d24;border-color:#e0a257}.story-choices,.ending-choices{gap:9px;margin-top:18px;display:grid}.story-choices{grid-template-columns:repeat(3,1fr)}.story-choices button,.ending-choices button{color:#dfd3bd;text-align:left;cursor:pointer;background:#222628;border:1px solid #564d42;padding:12px}.story-choices button:hover,.ending-choices button:hover{background:#322a24;border-color:#cf8b48}.story-choices small,.ending-choices small{color:#cf8846;letter-spacing:.12em;margin-bottom:5px;font:9px Arial;display:block}.ending-choices{grid-template-columns:1fr 1fr}.ending-choices .hidden-ending{border-color:#768a67;box-shadow:inset 0 0 16px #637c4c22}.ending-locked{color:#746f66;background:#111416;border:1px dashed #48443e;grid-column:1/-1;padding:9px 12px;font-size:10px}.ending-overlay{background:radial-gradient(circle,#201b15ed,#020304f5 70%)}.ending-card{text-align:center;background:#101416;border:1px solid #8a6b43;width:min(760px,92vw);overflow:hidden;box-shadow:0 30px 110px #000}.ending-portrait{width:100%;height:260px;image-rendering:pixelated;background-repeat:no-repeat;background-size:300%;border-bottom:1px solid #6d5438;background-position-y:24%!important}.ending-card>span{color:#b77a3d;letter-spacing:.3em;margin-top:28px;font:9px Arial;display:block}.ending-card h2{letter-spacing:.16em;margin:8px 0 16px;font-size:29px}.ending-card p{color:#d0c3a9;max-width:600px;margin:0 auto;padding:0 25px;font-size:15px;line-height:2}.ending-card b{color:#e3b976;letter-spacing:.4em;margin:20px;display:block}.ending-card button{color:#d9cbb2;cursor:pointer;background:#25282a;border:1px solid #6c5a43;margin-bottom:28px;padding:11px 24px}.battle-scene{background:radial-gradient(circle at 50% 24%,#37414ae8,#111518fa 62%);border:1px solid #6b5a44;width:min(960px,96vw);min-height:610px;position:relative;overflow:hidden;box-shadow:0 25px 90px #000}.battle-scene:before{content:"";z-index:-1;opacity:.18;background-image:var(--battle-map);filter:blur(2px);background-position:50%;background-size:cover;position:absolute;inset:0}.battle-head{text-align:center;margin:24px 0 4px;position:relative}.battle-head span{color:#db8a48;letter-spacing:.3em;font:9px Arial}.battle-head h2{margin:5px;font-size:16px;font-weight:400}.combatants{grid-template-columns:1fr 70px 1fr;align-items:center;padding:0 80px;display:grid;position:relative}.fighter{text-align:center}.fighter-art{filter:drop-shadow(0 18px 12px #000);place-items:center;height:165px;display:grid}.battle-sprite{width:132px;height:165px}.fighter h3{letter-spacing:.1em;margin:4px 0 10px;font-size:14px}.fighter p{color:#9b9489;margin:6px;font:10px Arial}.hpbar{width:190px;height:7px;margin:auto}.enemy-hp i{background:linear-gradient(90deg,#435e55,#7fa185);box-shadow:0 0 6px #7fa185}.versus{color:#8c7455;text-align:center;font:italic 22px Georgia}.battle-panel{border-top:1px solid #594b3a;margin:18px 28px 25px;padding-top:15px;position:relative}.battle-log{color:#c8bca5;background:#0d1112cf;border-left:2px solid #7f6243;height:77px;padding:8px 14px;overflow:hidden}.battle-log p{margin:3px;font-size:11px}.battle-log b{color:#d58a49;margin-right:12px}.battle-actions{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.battle-actions button{text-align:left;color:#d8cdb8;cursor:pointer;background:#222628;border:1px solid #4e4941;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.battle-actions button>b{color:#d28a4b;font-size:23px}.battle-actions strong,.battle-actions small{display:block}.battle-actions small{color:#8c867b;margin-top:3px;font:9px Arial}.battle-result{justify-content:center;align-items:center;gap:20px;height:70px;display:flex}.battle-result h3{color:#d69251;letter-spacing:.15em}@media (width<=760px){.topbar{grid-template-columns:1fr 1fr;height:auto;min-height:82px;padding:10px 14px}.quest{border:0;border-top:1px solid #39342d;order:3;grid-column:1/-1;width:100%}.brand h1{font-size:18px}.stats{min-width:130px}.world{aspect-ratio:auto;background-size:cover;min-height:520px}.coord-status,.route-overlay{display:none}.controls{flex-wrap:wrap;gap:12px;padding:8px 10px}.controls .legend{margin-left:0}.chapter-track{bottom:72px;right:12px}.notice{bottom:18px;left:15px;right:15px}.location-title{left:15px}.road-hint{right:14px}.dialog-card{grid-template-columns:1fr}.portrait{background-size:500%;border-bottom:1px solid #5f513f;border-right:0;height:150px;min-height:150px;background-position-y:20%!important}.dialog-content{padding:18px}.dialog-transcript{max-height:260px}.dialog-actions{flex-direction:column}.dialog-actions button{width:100%}.investigation-card{grid-template-columns:1fr}.shard-visual{border-bottom:1px solid #655238;border-right:0;min-height:130px}.shard-visual span{font-size:64px}.investigation-content{padding:22px}.evidence-actions,.chapter-event-card{grid-template-columns:1fr}.event-portrait,.event-shard{background-size:300%;border-bottom:1px solid #6e5637;border-right:0;height:150px;min-height:150px;background-position-y:20%!important}.portrait-main{background-size:500%}.event-shard span{font-size:62px}.event-shard i{bottom:15px}.event-content{padding:22px}.story-choices,.ending-choices{grid-template-columns:1fr}.ending-locked{grid-column:auto}.battle-scene{min-height:650px}.combatants{grid-template-columns:1fr 35px 1fr;padding:0 15px}.fighter-art{height:130px}.hpbar{width:120px}.battle-panel{margin:12px}.battle-actions{grid-template-columns:1fr 1fr}.battle-actions button{grid-template-columns:28px 1fr}.battle-actions kbd{display:none}}