:root{--paper:#fff2e2;--card:#fffbf4;--ink:#343a43;--navy:#2c3d59;--red:#df624d;--muted:#947b62;--line:#e1cfb5;--font:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#e6ddce;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}body{overscroll-behavior:none}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #b88a3d;outline-offset:2px}button:disabled{opacity:.45;cursor:default}#app{max-width:600px;margin:auto;height:100dvh;display:flex;flex-direction:column;background:var(--paper);box-shadow:0 0 50px #5b49321a;position:relative}.top{padding:15px 20px 12px;border-bottom:1px solid var(--line);background:#fff4e6;flex-shrink:0;z-index:2}.bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font:800 23px KaiTi,STKaiti,serif;color:var(--navy);letter-spacing:3px}.tools{display:flex;gap:6px}.tool{font-size:13px;background:#fffbf4;border:1px solid var(--line);border-radius:8px;color:#7b6654;padding:7px 9px}.status{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:13px}.stat{padding:9px 11px;background:#f3e5d0;border-radius:10px;min-width:0}.stat small{display:block;font-size:11px;color:#9a8169}.stat strong{display:block;font-size:18px;line-height:1.5;color:var(--navy)}.hp-line{display:flex;justify-content:space-between;font-size:11px;color:#8b7a64;margin:10px 0 5px}.track{height:5px;background:#dfd2be;border-radius:5px;overflow:hidden}.fill{height:100%;background:#62a17a;border-radius:5px}.save-warn{width:100%;padding:7px;background:#ffe1cd;border:0;border-radius:5px;color:#9b5239;font-size:12px;margin-top:8px}.reader{flex:1;min-height:0;overflow:auto;padding:26px 25px 32px;scroll-behavior:smooth;touch-action:pan-y}.eyebrow{font-size:12px;font-weight:bold;color:#9a7d5d;letter-spacing:3px;margin:0 0 12px}.reader h1,.reader h2{font:800 32px/1.35 KaiTi,STKaiti,serif;color:var(--navy);margin:0 0 22px;letter-spacing:2px}.reader h3{font:800 23px/1.4 KaiTi,STKaiti,serif;color:var(--navy);margin:24px 0 15px}.prose p{font-size:var(--font);line-height:1.95;letter-spacing:.4px;margin:0 0 18px;text-align:justify;overflow-wrap:anywhere}.quote{border-left:3px solid var(--red);background:#f7e9d5;border-radius:0 8px 8px 0;padding:13px 16px;font-size:var(--font);line-height:1.8;color:#8e513d;margin:19px 0}.divider{display:flex;align-items:center;gap:16px;margin:25px 0;color:#b99b76;font:18px KaiTi,serif}.divider:before,.divider:after{content:"";height:1px;background:#ddc8a8;flex:1}.actions{padding:13px 20px max(17px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff8ed;flex-shrink:0;display:grid;gap:9px}.button{display:block;width:100%;padding:13px 17px;min-height:51px;border:1px solid #d6c3a6;border-radius:12px;background:#fffcf5;color:var(--navy);text-align:left;line-height:1.5;box-shadow:0 3px 0 #cdbb9f30}.button strong{display:block;font-size:17px}.button small{display:block;font-size:12px;color:#a08060;margin-top:3px;line-height:1.5}.button.primary{background:var(--red);border-color:#ce5944;color:#fffaf0;box-shadow:0 3px 0 #b9503d}.button.primary small{color:#ffe6d6}.button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.battle-actions{grid-template-columns:1fr 1fr 1fr;gap:7px}.battle-actions .button{padding:11px 9px;text-align:center}.battle-actions .button strong{font-size:16px}.battle-actions .button small{font-size:10px}.enemy{padding:18px;border:1px solid #d8bea0;border-radius:14px;background:#fff9ef;margin:16px 0 22px}.enemy-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.enemy b{font-size:20px;color:#754f3d;line-height:1.5}.enemy .track{margin:11px 0 6px;height:7px;background:#e9d7c0}.enemy .fill{background:#d9785f}.enemy-hp{text-align:right;color:#a28265;font-size:11px}.intent{font-size:11px;border-radius:6px;background:#f2dfc1;color:#94603e;padding:5px 8px;white-space:nowrap}.enemy .next{font-size:13px;color:#8d6d54;line-height:1.6;margin:11px 0 0}.battle-log{padding:3px 0 4px}.battle-log p{font-size:var(--font);line-height:1.85;margin:0 0 13px}.battle-log p:last-child{color:#916e52}.reward{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.reward>div{background:#f3e4cd;padding:14px;border-radius:12px;color:#967755;font-size:12px}.reward b{display:block;margin-top:5px;color:#2c4d63;font-size:25px}.hint{font-size:13px;line-height:1.8;color:#997c5d;margin:16px 0}.up-list{display:grid;gap:12px}.skill{border:1px solid var(--line);border-radius:12px;padding:17px;background:#fffbf4;margin-bottom:13px}.skill-title{display:flex;justify-content:space-between;gap:10px;font-size:18px;font-weight:bold;color:var(--navy)}.skill-title small{font-size:12px;color:#a88965;font-weight:normal}.skill p{font-size:14px;line-height:1.8;color:#8c725b;margin:9px 0 0}.skill .button{margin-top:12px;font-size:14px}.fusion{border-color:#bd9a5e;background:#fbf0d8}.fusion .skill-title{color:#aa7138}.menu{padding-top:10vh;text-align:center}.menu .eyebrow{letter-spacing:5px;margin-top:25px}.menu h1{font-size:52px;letter-spacing:7px;margin:24px 0 15px}.menu .tagline{font-size:17px;color:#8b6349;line-height:1.8;margin:0}.menu .intro{font-size:15px;color:#9d8266;line-height:2;margin:28px 0 0}.seal{display:inline-block;border:2px solid var(--red);color:var(--red);padding:7px 13px;border-radius:6px;transform:rotate(-7deg);font:bold 42px KaiTi,serif}.menu .blurb{text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 8px;margin:30px 0;font:17px/2 KaiTi,STKaiti,serif;color:#806247}.note{font-size:12px;line-height:1.8;color:#a48c73}.summary-line{font-size:14px;line-height:1.9;color:#896f54;padding:13px;border:1px dashed #d2bb98;border-radius:10px}.journal-entry{border-left:2px solid #d8c4a3;padding:0 0 20px 17px;margin:0 0 0 8px}.journal-entry b{font-size:17px;color:#5b6772}.journal-entry p{font-size:13px;line-height:1.8;color:#9b8062;margin:6px 0}#toast{display:none;position:fixed;z-index:10;bottom:22px;left:50%;transform:translateX(-50%);max-width:90vw;background:#2c3d59ed;color:#fff4df;padding:12px 20px;border-radius:10px;font-size:14px;line-height:1.6}.loading{margin:auto;text-align:center}.loading p{font-size:17px;color:#8f745c;margin:25px}.loading button{padding:12px 30px;background:#df624d;color:white;border:0;border-radius:10px}details{font-size:13px;color:#9d8061;margin:16px 0}details .prose{margin-top:15px}summary{cursor:pointer}@media(max-height:700px){.top{padding:10px 17px}.status{margin-top:9px}.stat{padding:6px 9px}.stat strong{font-size:16px}.hp-line{margin-top:7px}.reader{padding:20px}.actions{padding:10px 15px 13px;gap:7px}.button{padding:11px 14px;min-height:47px}.menu{padding-top:4vh}.menu h1{font-size:44px}}@media(min-width:800px){#app{border-left:1px solid #d6c5ac;border-right:1px solid #d6c5ac}}
.power-strip{display:flex;align-items:center;gap:15px;font-size:12px;color:#927858;margin-top:14px}.power-strip b{font-size:16px;color:#2c3d59}.chapter-count{margin-left:auto;font-size:11px;white-space:nowrap}.conversation{margin:20px 0}.speech{margin:0 0 17px;padding:14px 16px;border:1px solid #dfceb5;border-radius:4px 15px 15px 15px;background:#fffcf5}.speaker{display:block;font-size:12px;letter-spacing:2px;color:#927757;margin-bottom:7px;font-weight:bold}.speech p{font-size:var(--font);line-height:1.8;margin:0;color:#3e4d59;overflow-wrap:anywhere}.speech.mine{border-color:#e2b49e;background:#fae9d5;border-radius:15px 4px 15px 15px}.speech.mine .speaker{color:#bd6550}.remember{margin:18px 0}.remember>span{display:block;font-size:11px;color:#a88b67;letter-spacing:2px;margin-bottom:8px}.remember .speech{border-style:dashed;background:#f5e8d4}.ascension{position:relative;padding:18px 20px;margin:23px 0;border:1px solid #dfbc88;border-radius:13px;background:linear-gradient(115deg,#fff8e4,#f5dfb9)}.ascension-kicker{font-size:11px;color:#a27b42;letter-spacing:3px}.ascension-title{font:800 27px/1.5 KaiTi,STKaiti,serif;color:#9e6035;margin:6px 0}.ascension-title span{font:normal 20px sans-serif;color:#b39267;margin:0 7px}.ascension p{font-size:13px;margin:0;color:#98734f;line-height:1.8}.ascension p>span{float:right;color:#a18258}.story-detail{border-top:1px dashed #d8c3a1;padding-top:15px;margin-top:23px}.story-detail summary{font-size:12px;color:#aa8e6b}.story-detail .prose p,.story-detail .battle-log p{font-size:15px;line-height:1.9}.story-actions .button strong{font-size:17px}.reader .menu .blurb{line-height:2.1}.story-actions .button small{font-size:11px}.top .tools{gap:5px}.top .tool{padding:7px 8px}.reader h2{font-size:30px}.reader .prose p{line-height:1.9}@media(max-width:380px){.brand{font-size:21px;letter-spacing:2px}.top .tool{padding:7px;font-size:12px}.power-strip{gap:12px}.power-strip b{font-size:15px}.ascension{padding:14px}.ascension-title{font-size:25px}.ascension p>span{float:none;display:block}.speech{padding:12px 14px}}
.scene-art{margin:19px 0 22px}.scene-frame{position:relative;aspect-ratio:3/2;background:#efe0c9;border:1px solid #dec7a9;border-radius:13px;overflow:hidden;display:grid;place-items:center}.scene-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.art-ready .scene-frame img{opacity:1}.art-wait{padding:20px;font:16px/1.8 KaiTi,STKaiti,serif;color:#977550}.art-ready .art-wait,.art-error .art-wait{visibility:hidden}.scene-art figcaption{font-size:11px;letter-spacing:2px;color:#a08463;text-align:right;margin-top:8px}.art-retry{position:relative;z-index:1;font-size:14px;padding:12px 16px;border:1px solid #cfb794;border-radius:9px;background:#fff7e9;color:#8d6346}.art-retry[hidden]{display:none}@media(prefers-reduced-motion:reduce){.scene-frame img{transition:none}}
.next-beat{font-size:var(--font);line-height:1.8;margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--ink)}
.ascension{padding:12px 15px;margin:13px 0 16px}.gain-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ascension-title{font-size:25px;margin:0 0 4px;white-space:nowrap}.ascension-title span{margin:0 3px}.gain-badge{font-size:12px;font-weight:bold;color:#9c4d2b;background:#efd2a0;border-radius:6px;padding:5px 7px;white-space:nowrap}.actions .next-beat{font-size:13px;line-height:1.55;padding:0 2px;margin:0 0 2px;border:0;color:#79634f}.reader h2{margin-bottom:16px}.scene-art{margin-top:14px}.ascension{animation:gain-in .25s ease-out}@keyframes gain-in{from{transform:translateY(5px);opacity:.65}to{transform:translateY(0);opacity:1}}@media(max-width:380px){.ascension{padding:10px 12px}.ascension-title{font-size:23px}.gain-badge{font-size:11px;padding:4px 6px}}@media(prefers-reduced-motion:reduce){.ascension{animation:none}}