@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--ink:#ecede5;--muted:#9bada9;--gold:#d7bc83;--jade:#7cbea9;--line:#bda66b38;--panel:#102d30e8;--deep:#091b20;--serif:'Noto Serif SC','Songti SC','SimSun',serif}*{box-sizing:border-box}body{margin:0;background:var(--deep);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.65}button,input,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .2s,border-color .2s,transform .2s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:hover:not(:disabled){border-color:var(--gold)}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit}h1,h2,h3,p{margin:0}h2{font-weight:500}button{border:1px solid var(--line);background:transparent}small{font-size:.8rem}.world-backdrop{position:fixed;inset:0;background:linear-gradient(#071d22e3,#071d22f4),url('assets/landscape.png') center/cover;z-index:-1}.page-shell{max-width:1600px;margin:0 auto;padding:0 40px}.topbar{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand-seal{border:1px solid var(--gold);width:48px;height:54px;display:grid;place-items:center;color:var(--gold);font-size:30px;transform:rotate(-3deg);border-radius:5px}.brand strong{font-size:29px;font-weight:600;letter-spacing:5px;display:block;line-height:1.3}.brand small{color:var(--gold);font-size:11px;letter-spacing:2px}.top-quote{color:#c0c9bb;letter-spacing:4px;font-size:14px}.top-tools{display:flex;align-items:center;gap:26px}.currency{font-family:var(--serif);font-size:18px}.currency b{color:var(--gold);margin-right:8px}.currency small{margin-left:5px;color:var(--muted)}.icon-button{width:38px;height:38px;border-radius:50%;color:var(--gold);font-size:20px}.nav-tabs{display:flex;height:72px;align-items:stretch;gap:20px}.nav-tabs button{border:0;position:relative;font-size:15px;padding:0 12px;color:var(--muted);white-space:nowrap}.nav-tabs button span{font-size:21px;padding-right:9px}.nav-tabs button.active{color:var(--gold)}.nav-tabs button.active:after{content:'';position:absolute;bottom:8px;left:14px;right:14px;height:2px;background:var(--gold)}.nav-date{margin-left:auto;align-self:center;color:var(--muted);font-size:13px;white-space:nowrap}.game-layout{display:grid;grid-template-columns:248px minmax(0,1fr) 288px;gap:22px}.panel{background:linear-gradient(145deg,#163638ed,#0d272beb);border:1px solid var(--line);border-radius:4px;box-shadow:0 12px 35px #0002}.panel-eyebrow{font-size:15px;display:flex;justify-content:space-between;align-items:center;color:var(--gold);letter-spacing:2px}.panel-eyebrow>span{font-size:11px;color:var(--muted);letter-spacing:1px}.character-panel{padding:22px 23px}.avatar{width:112px;height:112px;margin:22px auto 16px;border:1px solid var(--gold);border-radius:50%;background:linear-gradient(140deg,#789782,#1f4647);overflow:hidden;position:relative;outline:5px solid #bda66b0a}.portrait{background-image:url('assets/characters.png');background-size:200% auto;background-repeat:no-repeat;background-position:left top;width:100%;height:100%}.portrait.female{background-position:right top}.avatar .portrait{position:absolute;width:240%;height:310%;top:-20px;left:-75%;background-size:200% auto}.character-panel h2{text-align:center;font-size:23px;letter-spacing:3px}.realm-pill{text-align:center;margin:8px auto;color:var(--gold);font-size:14px}.identity{text-align:center;color:var(--muted);font-size:12px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:20px 0}.meter{margin:14px 0}.meter>div:first-child{display:flex;justify-content:space-between;font-size:13px;color:#c0d0c8;margin-bottom:8px}.meter small{color:#7d9490;font-size:11px}.track{height:5px;background:#061e22;border-radius:3px;overflow:hidden}.track i{height:100%;display:block;background:linear-gradient(90deg,#3c8e89,#88c6ac);border-radius:3px;transition:width .5s}.track i.red{background:linear-gradient(90deg,#a86350,#d99578)}.track i.gold{background:linear-gradient(90deg,#9a814b,#e4c787)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-top:24px}.stat-grid>div{display:flex;justify-content:space-between;font-size:13px}.stat-grid span{color:var(--muted)}.stat-grid b{color:#e2d3a9;font-weight:500}.fate-note{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.fate-note>span{display:block;font-size:12px;color:var(--muted)}.fate-note strong{font-size:16px;display:block;color:var(--gold);margin:5px 0}.fate-note p{font-size:12px;color:#9bada4;line-height:1.8}.center-column{min-width:0}.scene{height:420px;background:linear-gradient(135deg,#376c70,#142e35);background-image:linear-gradient(0deg,#09252ba6,transparent 70%),url('assets/landscape.png');background-size:cover;background-position:center;position:relative;border:1px solid #d6c08b80;border-radius:4px;overflow:hidden;box-shadow:0 15px 35px #0004}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04212775,transparent 55%)}.scene-caption{position:absolute;top:30px;left:32px;z-index:2}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:3px}.scene h1{font-size:39px;font-weight:500;letter-spacing:6px;margin:8px 0 6px;text-shadow:0 3px 12px #0b302c}.scene-caption p{color:#e3eadb;font-size:14px;letter-spacing:3px;text-shadow:0 1px 4px #143e3f}.scene-character{position:absolute;width:290px;height:360px;left:4%;bottom:-18px;filter:drop-shadow(0 12px 12px #10232b70)}.scene-character .portrait{background-size:210% auto;background-position:left top}.scene-character .portrait.female{background-position:right top}.scene-location{position:absolute;bottom:23px;right:25px;display:flex;align-items:center;gap:10px;background:#102c2acc;padding:10px 15px;border:1px solid #ccb88950;backdrop-filter:blur(8px)}.scene-location>span{color:var(--gold);font-size:30px}.scene-location strong,.scene-location small{display:block}.scene-location strong{font-size:15px;letter-spacing:3px}.scene-location small{font-size:11px;color:#b9cbbc}.scene-poem{position:absolute;right:30px;top:27px;font-size:15px;line-height:1.5;color:#dcd9b9;letter-spacing:3px}.scene-poem i{display:block;height:16px}.cultivation-panel{margin-top:20px;padding:22px 26px}.cultivation-title{display:flex;justify-content:space-between;align-items:center}.cultivation-title h2{font-size:27px;letter-spacing:4px;margin-top:4px}.next-realm{font-size:12px;color:var(--muted);text-align:right}.next-realm b{display:block;font-size:18px;letter-spacing:3px;color:var(--gold);font-weight:400}.cultivation-panel .meter{margin:20px 0 24px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.action-card{padding:16px 12px;display:flex;align-items:center;gap:12px;text-align:left;border-color:#8ea18a4d;background:#ffffff03;border-radius:3px}.action-card.primary{background:linear-gradient(110deg,#547866,#2b554d);border-color:#b8c6987d}.action-icon{font-size:31px;color:var(--gold);margin-left:6px}.action-card strong{display:block;font-size:16px;letter-spacing:2px;font-weight:500}.action-card small{display:block;font-size:11px;color:#b1c3b6;margin-top:5px}.right-column{display:flex;flex-direction:column;gap:20px}.quest-panel{padding:22px}.quest-panel h3{font-weight:500;font-size:17px;margin:18px 0 7px}.quest-panel>p{font-size:12px;color:var(--muted)}.quest-item{display:flex;gap:10px;align-items:center;margin-top:22px}.quest-mark{width:32px;height:36px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold);font-size:19px}.quest-item strong,.quest-item small{display:block}.quest-item strong{font-size:13px;font-weight:500}.quest-item small{font-size:10px;color:var(--muted);margin-top:4px}.quest-item>b{margin-left:auto;font-size:12px;color:var(--gold);font-weight:400}.journal-panel{padding:22px;flex:1;max-height:416px;overflow:hidden}.journal-list{overflow:auto;max-height:340px;scrollbar-width:thin;scrollbar-color:#8c9e7850 transparent}.journal-list article{padding:14px 0;border-bottom:1px solid #abc3a719;padding-left:15px;border-left:1px solid #bfab6f25;position:relative}.journal-list article:before{content:'';position:absolute;top:23px;left:-3px;width:5px;height:5px;background:#c5b274;transform:rotate(45deg)}.journal-list article>span{font-size:11px;color:#82998d}.journal-list p{font-size:13px;color:#c2cdbb;line-height:1.9;margin-top:5px}.save-hint{font-size:11px;color:#8fa095;text-align:center;margin-top:-6px}footer{display:flex;justify-content:space-between;font-size:11px;color:#849b93;padding:24px 0 20px;letter-spacing:2px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#03141bd1;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;background:#122e31;border:1px solid #cebc8370;box-shadow:0 35px 120px #0008;border-radius:6px;outline:none}.close-modal{position:absolute;right:15px;top:12px;width:30px;height:30px;border:0;font-size:24px;color:var(--muted);z-index:5}.creation-modal{width:min(1040px,100%);display:grid;grid-template-columns:44% 56%;overflow:hidden}.creation-modal .close-modal{display:none}.creation-art{position:relative;min-height:690px;background:linear-gradient(0deg,#0a293b9c,#08252620),url('assets/landscape.png') 35% center/cover;overflow:hidden}.creation-art-title{position:absolute;top:32px;left:28px;right:25px;z-index:2}.creation-art-title h2{font-size:30px;line-height:1.7;margin-top:10px;letter-spacing:4px;text-shadow:0 3px 10px #173c41}.creation-art>.portrait{position:absolute;bottom:-45px;left:-14%;width:130%;height:565px;background-size:200% auto;filter:drop-shadow(0 15px 14px #0e273a70)}.creation-art-footer{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:14px;letter-spacing:3px;color:#e5e3c8;text-shadow:0 2px 6px #000}.creation-form{padding:28px 38px;background:radial-gradient(ellipse at top right,#36574c48,transparent 70%)}.creation-form>h2{font-size:28px;letter-spacing:5px;margin:4px 0 18px}.name-row{display:flex;align-items:center;gap:12px}.name-row label{font-size:14px;color:var(--gold);white-space:nowrap}.name-row input{width:100%;min-width:0;background:#061b20a1;border:1px solid var(--line);color:var(--ink);padding:8px 12px;border-radius:3px}.small-button{font-size:12px;padding:8px 12px;white-space:nowrap}.choice-row{display:flex;gap:12px;margin:14px 0 18px}.choice-button{flex:1;padding:7px;font-size:14px;color:var(--muted)}.choice-button.selected{border-color:var(--gold);background:#c5b77f12;color:var(--gold)}.allocation-header{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.allocation-header h3{font-size:16px;font-weight:500;letter-spacing:2px}.allocation-header>span{font-size:13px;color:var(--muted)}.allocation-header b{color:var(--gold);font-size:20px;font-weight:500}.muted{color:var(--muted);font-size:12px;margin:5px 0 10px}.allocation-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #b9c0a214}.allocation-row strong{font-weight:500;font-size:15px;letter-spacing:3px}.allocation-row small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.point-controls{display:flex;gap:14px;align-items:center}.point-controls button{width:27px;height:27px;border-radius:50%;line-height:1;padding:0;color:var(--gold);font-size:18px}.point-controls b{font-size:20px;font-weight:500;width:22px;text-align:center}.presets{display:flex;gap:10px;margin:18px 0}.presets button{flex:1;font-size:12px;padding:6px 4px;color:#c4cdb8}.start-button{width:100%;border:1px solid #decc9a;background:linear-gradient(100deg,#c5b078,#d7c18b);color:#253a34;padding:13px;letter-spacing:4px;font-size:17px;font-weight:600;border-radius:3px}.start-button span{float:right;margin-right:15px}.creation-note{text-align:center;font-size:10px;color:var(--muted);margin-top:12px}.modal-body{padding:35px}.modal-body h2{font-size:28px;letter-spacing:3px;margin:5px 0 18px}.modal-body p{color:#bccbbb;margin:12px 0 24px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:50;padding:13px 22px;background:#1e4138f2;border:1px solid var(--gold);box-shadow:0 7px 20px #0004;color:#f0e5c4;font-size:14px;transition:.25s;max-width:90vw;text-align:center}#toast.show{transform:translate(-50%,0);opacity:1}@media(min-width:1450px){.scene{height:465px}.scene-character{height:400px;width:320px}.journal-panel{max-height:460px}.journal-list{max-height:387px}}@media(max-width:1200px){.page-shell{padding:0 24px}.game-layout{grid-template-columns:210px minmax(0,1fr) 240px;gap:15px}.character-panel,.quest-panel,.journal-panel{padding:17px}.nav-tabs{gap:3px}.nav-tabs button{font-size:13px;padding:0 8px}.nav-tabs button span{font-size:18px}.scene-caption{left:22px}.scene h1{font-size:30px}.action-card{gap:7px;padding:12px 7px}.action-icon{font-size:26px}.action-card strong{font-size:14px}.action-card small{font-size:10px}}@media(max-width:980px){.game-layout{grid-template-columns:200px minmax(0,1fr)}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start}.journal-panel{max-height:300px}.journal-list{max-height:210px}.save-hint{grid-column:1/-1}.top-quote{display:none}.nav-date{display:none}.nav-tabs{justify-content:space-between}.creation-art{min-height:660px}.creation-form{padding:24px}.creation-art-title h2{font-size:23px}}@media(max-width:680px){.page-shell{padding:0 14px}.topbar{height:85px}.brand strong{font-size:22px}.brand-seal{width:37px;height:43px;font-size:25px}.brand small{font-size:9px}.top-tools{gap:10px}.currency{font-size:14px}.currency small{display:none}.icon-button{width:30px;height:30px;font-size:16px}.nav-tabs{height:62px;gap:0;overflow-x:auto}.nav-tabs button{font-size:12px;padding:0 11px}.nav-tabs button span{display:none}.game-layout{grid-template-columns:1fr;gap:15px}.character-panel{display:grid;grid-template-columns:70px 1fr 1fr;gap:0 15px;align-items:center;padding:14px}.character-panel .panel-eyebrow,.character-panel .divider,.character-panel .identity,.character-panel .stat-grid,.character-panel .fate-note{display:none}.avatar{width:64px;height:64px;grid-row:1/4;margin:0}.character-panel h2{font-size:18px;text-align:left}.realm-pill{text-align:left;margin:0;font-size:12px}.character-panel .meter{margin:4px 0}.character-panel .meter:nth-of-type(4){grid-column:3;grid-row:1/3}.character-panel .meter:nth-of-type(5){grid-column:3;grid-row:3}.character-panel .meter:nth-of-type(6){grid-column:2;grid-row:3}.meter>div:first-child{font-size:11px;margin-bottom:4px}.scene{height:340px}.scene-caption{top:21px;left:22px}.scene h1{font-size:28px}.scene-caption p{font-size:12px;letter-spacing:1px}.scene-character{width:240px;height:295px;left:0}.scene-location{right:13px;bottom:17px;padding:8px 10px}.scene-location strong{font-size:13px}.scene-location small{font-size:10px}.scene-poem{right:16px;top:23px;font-size:13px}.cultivation-panel{padding:18px;margin-top:15px}.cultivation-title h2{font-size:23px}.right-column{grid-template-columns:1fr}.save-hint{font-size:10px}.quest-panel{display:none}footer{font-size:10px;letter-spacing:0}footer>span{display:none}.modal-backdrop{padding:12px}.creation-modal{grid-template-columns:1fr;max-height:94vh;overflow:auto}.creation-art{min-height:170px;height:170px;background-position:center 45%}.creation-art-title{top:24px;left:22px;width:55%}.creation-art-title h2{font-size:20px;letter-spacing:2px}.creation-art>.portrait{width:195px;height:255px;left:auto;right:-10px;bottom:-80px}.creation-art-footer{display:none}.creation-form{padding:20px 22px}.creation-form>h2{font-size:23px;margin-bottom:12px}.allocation-row{padding:7px 0}.presets{margin:14px 0}.creation-note{font-size:10px}.modal-body{padding:28px 22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}