body.modal-open{overflow:hidden}.text-button{border:0;color:var(--gold);font-size:12px;letter-spacing:1px;padding:2px 0}.fate-note .text-button{margin-top:11px}.character-panel{align-self:start}.gold-text{color:var(--gold)!important}.breakthrough-button{width:100%;padding:12px 14px;margin-top:15px;border:1px solid #9d8a584b;background:#bfaa7310;color:var(--gold);font-size:14px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.breakthrough-button small{margin-left:auto;font-size:11px;color:#b8c3ab;letter-spacing:0}.breakthrough-button.ready{border-color:#cebb7d;background:linear-gradient(100deg,#877d4833,#b49c5c20)}.guidance-strip{display:flex;align-items:center;gap:12px;padding:17px 4px;color:#aab9a8;font-size:12px}.guidance-strip>span{font-size:23px;color:var(--gold)}.guidance-strip p{line-height:1.9}.claim-button{margin-left:auto;border-color:#c2aa725c;background:#b09e5220;color:var(--gold);font-size:11px;padding:4px 8px;white-space:nowrap}.quest-item>div{min-width:0}.quest-panel .quest-item{margin-top:18px}.completed-note{font-size:13px!important;margin-top:15px}.journal-list article.breakthrough p,.journal-list article.story:first-child p{color:#e1d3a9}.journal-list article.danger p{color:#d0a394}.resume-banner{width:100%;padding:13px 10px;font-size:13px;color:var(--gold);border-color:#ceb77d80;background:#b8a46720;margin-bottom:16px}.view-panel{padding:28px}.view-header{margin-bottom:25px}.view-header h1{font-size:31px;font-weight:500;letter-spacing:5px;margin:7px 0 10px}.view-header p{font-size:14px;color:#a8b9ad;line-height:1.9}.small-panel{margin-top:20px;padding:24px 26px}.small-panel .panel-eyebrow{margin-bottom:18px}.gold-button{display:inline-block;border:1px solid #d7c187;color:#233b34;background:linear-gradient(110deg,#c6af76,#dec996);border-radius:3px;padding:12px 24px;font-size:15px;letter-spacing:3px;font-weight:600;white-space:nowrap}.outlined-button{display:inline-block;border:1px solid #b7a77359;color:var(--gold);border-radius:2px;padding:8px 13px;font-size:12px;letter-spacing:1px;white-space:nowrap}.region-scene{height:255px;background:linear-gradient(0deg,#08242ded,transparent 80%),url('assets/landscape.png') center 65%/cover;border:1px solid #cebd8770;position:relative;display:flex;align-items:flex-end;padding:23px}.region-scene.region-1{background-position:50% 20%;background-size:170%;filter:hue-rotate(12deg)}.region-scene.region-2{background-position:left top;background-size:150%}.region-scene.region-3{background-position:right 70%;background-size:140%;filter:hue-rotate(-15deg)}.region-scene.region-4{background-position:center 25%;background-size:120%}.region-level{position:absolute;top:16px;right:16px;font-size:11px;background:#183831b0;color:#ded4b1;border:1px solid #caba8050;padding:4px 10px}.region-scene h2{font-size:28px;letter-spacing:4px;text-shadow:0 2px 4px #13352c}.region-scene p{font-size:12px;color:#d4ddcb;letter-spacing:2px;margin-top:3px}.region-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.region-card{text-align:center;display:flex;flex-direction:column;align-items:center;padding:12px 2px;border:1px solid #869c7d40;gap:5px;background:#021c222b}.region-card.selected{background:#6b865b25;border-color:var(--gold)}.region-number{font-size:11px;color:#b9aa7a;letter-spacing:2px}.region-card strong{font-size:13px;font-weight:500;white-space:nowrap}.region-card small{font-size:10px;color:var(--muted)}.region-description{font-size:14px;line-height:1.9;color:#bcc9b8;margin-top:20px}.explore-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:22px;gap:15px}.explore-footer p{font-size:11px;color:var(--muted);margin-top:5px}.npc-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}.npc-seal{display:grid;place-items:center;color:var(--gold);border:1px solid #c4b0786b;border-radius:50%;width:45px;height:45px;margin:0 auto 9px;background:#b6ad6410;font-size:22px}.npc-row strong{display:block;font-size:14px;font-weight:500}.npc-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.npc-row+.muted{margin-top:22px}.sect-card{display:flex;align-items:center;gap:18px;padding:22px 0;border-top:1px solid var(--line)}.sect-emblem{width:60px;min-width:60px;height:66px;display:grid;place-items:center;border:1px solid #cab37475;color:var(--gold);font-size:34px;border-radius:32px 32px 4px 4px;background:linear-gradient(#78825220,#4d80671c)}.sect-card>div:nth-child(2){flex:1}.sect-card h2{font-size:23px;letter-spacing:3px;margin:3px 0 8px}.sect-card p{font-size:13px;color:#b6c7b9;line-height:1.9}.sect-card small{display:block;font-size:11px;color:var(--gold);margin-top:7px}.sect-card .eyebrow{font-size:10px;letter-spacing:2px}.sect-card.joined .sect-emblem{background:#6b956a40;box-shadow:0 0 20px #ccb46212}.sect-duty{margin-top:20px;border-top:1px solid var(--line);padding-top:22px}.sect-duty .action-grid{margin-top:20px}.skill-card{padding:25px 0;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line)}.skill-seal{width:56px;min-width:56px;height:75px;border:1px solid #c8b68055;background:linear-gradient(90deg,#7b806635,#23443a);color:var(--gold);font-size:34px;display:grid;place-items:center;box-shadow:3px 0 #b5ad7a30,6px 0 #b5ad7a15}.skill-content{flex:1}.skill-content h2{font-size:22px;letter-spacing:2px;margin:5px 0}.skill-content .eyebrow{font-size:10px;letter-spacing:2px}.skill-content p{font-size:12px;color:var(--muted)}.skill-dots{display:flex;align-items:center;gap:6px;margin-top:12px}.skill-dots i{width:6px;height:6px;border:1px solid #b4a67968;transform:rotate(45deg)}.skill-dots i.lit{background:var(--gold);border-color:var(--gold)}.skill-dots>span{font-size:10px;color:var(--gold);margin-left:8px}.path-note{font-size:14px;color:#c0cdbb;line-height:1.9}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.item-card{border:1px solid #a6b08f33;padding:17px 14px;display:flex;flex-direction:column;background:#031b231c}.item-top{display:flex;justify-content:space-between;align-items:center}.item-icon{font-size:32px;color:var(--gold)}.item-top b{font-weight:400;color:var(--muted);font-size:13px}.item-card h3{font-size:15px;letter-spacing:1px;font-weight:500;margin:8px 0}.item-card h3 small{font-size:10px;color:var(--gold)}.item-card p{font-size:11px;color:#acbcae;line-height:1.9;flex:1;margin-bottom:13px}.item-card .outlined-button{width:100%;margin-top:auto}.item-passive{color:#849a8d;font-size:10px;margin-top:auto}.recipe-list>div{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #a7b38c20}.recipe-list strong{font-size:14px;font-weight:500}.recipe-list small{font-size:11px;color:var(--muted)}.market-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.market-list button{display:flex;justify-content:space-between;gap:10px;padding:12px;font-size:13px;color:#bdccbc}.market-list small{color:var(--gold);white-space:nowrap}.realm-step{display:flex;align-items:center;gap:20px;border-left:1px solid #c7ba8235;padding:15px 0 15px 22px;position:relative}.realm-step.current{border-left:2px solid var(--gold);background:linear-gradient(90deg,#bfb57113,transparent)}.realm-index{width:35px;height:35px;min-width:35px;border:1px solid #a8af8140;border-radius:50%;font-size:12px;display:grid;place-items:center;color:#8fa193}.realm-step.current .realm-index,.realm-step.achieved .realm-index{color:var(--gold);border-color:#baa576a0}.realm-step h2{font-size:20px;letter-spacing:3px}.realm-step h2 small{font-size:10px;color:var(--gold);margin-left:12px;letter-spacing:1px}.realm-step p{font-size:12px;color:var(--muted);margin-top:4px}.realm-exp{font-size:11px;color:#879d90;margin-left:auto;white-space:nowrap}.realm-road+.muted{margin-top:25px}.source-link{font-size:11px;color:#a5b69f;display:block;margin-top:12px;text-underline-offset:4px}.creation-modal{max-height:94vh;overflow:hidden}.creation-art{min-height:750px}.creation-form{max-height:94vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#b8aa7760 transparent;padding:25px 35px}.creation-form>h2{margin-bottom:14px}.creation-art>.portrait{height:650px;bottom:-50px;width:140%;left:-20%}.creation-options{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;margin-top:-4px}.creation-options label{font-size:13px;color:var(--gold)}.creation-options select{font-size:12px;color:#c5d3c3;background:#0c2428;border:1px solid var(--line);padding:7px 9px;border-radius:2px;width:100%}.creation-form .allocation-header{margin-top:17px}.creation-form .choice-row{margin:12px 0 16px}.creation-form .allocation-row{padding:8px 0}.creation-form .presets{margin:15px 0}.creation-form .start-button{padding:11px}.creation-form .creation-note{margin-top:9px}.story-divider{text-align:center;color:var(--gold);position:relative;margin:15px 0}.story-divider:before,.story-divider:after{content:'';width:40%;height:1px;background:linear-gradient(90deg,transparent,#b9a66b65);position:absolute;top:50%;left:0}.story-divider:after{left:auto;right:0;transform:rotate(180deg)}.event-story{font-size:16px;line-height:2.1;color:#d0d9c9!important;margin:18px 0 25px!important}.event-choices{display:flex;flex-direction:column;gap:12px}.event-choices>button{text-align:left;padding:17px 18px;border-color:#b8b58640;background:#021a211f;border-radius:3px}.event-choices>button>div{display:flex;align-items:center;gap:12px}.choice-index{font-size:20px;color:var(--gold)}.event-choices strong{font-size:16px;font-weight:500;letter-spacing:2px}.chance-tag{font-size:11px;color:var(--gold);margin-left:auto;white-space:nowrap}.event-choices p{font-size:13px;line-height:1.9;color:#b0c0b0;margin:9px 0!important}.event-choices small{font-size:11px;color:#839e90;line-height:1.8}.outcome-body{text-align:center;padding:45px 50px}.outcome-seal{display:grid;place-items:center;width:70px;height:70px;border:1px solid var(--gold);outline:5px solid #ad985410;border-radius:50%;margin:0 auto 22px;color:var(--gold);font-size:38px;background:radial-gradient(#bbb86d24,transparent)}.outcome-body h2{margin-top:10px}.outcome-body>p{line-height:2;color:#d2dccc;margin:18px 0 22px}.outcome-effects{font-size:13px;color:var(--gold);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:25px}.outcome-body .gold-button{min-width:220px}.breakthrough-modal{text-align:center}.breakthrough-modal h2{font-size:23px;letter-spacing:2px}.breakdown{display:flex;flex-direction:column;text-align:left;border-top:1px solid var(--line);padding-top:10px}.breakdown>span{display:flex;justify-content:space-between;font-size:14px;color:#b5c6b6;padding:10px 0}.breakdown b{font-size:13px;color:var(--gold);font-weight:400}.battle-versus{display:flex;justify-content:center;align-items:center;gap:65px;margin:18px 0}.battle-avatar{height:115px;width:115px;border:1px solid var(--gold);border-radius:50%;background:#73806a40;overflow:hidden;position:relative}.battle-avatar .portrait{position:absolute;width:210%;height:250%;top:-12px;left:-57%;background-size:200% auto}.battle-versus>span{color:var(--gold);font-size:14px;letter-spacing:5px;line-height:2}.enemy-emblem{height:115px;width:115px;border:1px solid #c9947359;border-radius:50%;font-size:56px;display:grid;place-items:center;color:#d39e7c;background:radial-gradient(#b96a5925,#082529)}.battle-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.battle-actions>button{padding:12px 5px;font-size:14px;border-color:#bfac735e;background:#8a9a6910}.battle-actions small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.battle-log{border-top:1px solid var(--line);padding-top:13px;max-height:130px;overflow:auto;scrollbar-width:thin}.battle-log p{font-size:12px;color:var(--muted);margin:4px 0}.battle-log p:first-child{color:#d3d6b3}.settings-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.import-button{position:relative;overflow:hidden;padding:12px 16px;cursor:pointer}.import-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.help-notes{border-top:1px solid var(--line);padding-top:20px;margin-top:26px}.help-notes h3{font-size:16px;color:var(--gold);font-weight:500}.help-notes p{font-size:13px;line-height:1.9;margin:12px 0}.chronicle-list{border-left:1px solid #bca77138;padding-left:22px}.chronicle-list article{margin-bottom:20px}.chronicle-list span{font-size:12px;color:var(--gold)}.chronicle-list p{font-size:14px;line-height:1.9;margin:5px 0}.ending-body{text-align:center;padding:60px 45px;background:linear-gradient(#102e31c2,#0b2830ed),url('assets/landscape.png') center/cover}.ending-body h2{font-size:42px;letter-spacing:7px;color:#eee0b5;margin:15px 0 25px}.ending-body p{line-height:2;font-size:16px}.ending-stats{display:flex;justify-content:center;gap:30px;margin:30px 0;color:var(--gold);font-size:13px}.character-meters .meter{margin:14px 0}
@media(max-width:1200px){.view-panel{padding:23px}.sect-card{gap:14px;flex-wrap:wrap}.sect-card>.outlined-button{margin-left:74px}.skill-card{gap:14px;flex-wrap:wrap}.skill-card>.outlined-button{margin-left:70px}.inventory-grid{grid-template-columns:1fr 1fr}.recipe-list>div{grid-template-columns:85px 1fr auto}.npc-row small{font-size:10px}.region-card strong{font-size:12px}.region-card small{font-size:9px}}
@media(max-width:980px){.creation-art{min-height:740px}.creation-form{padding:24px}.creation-art>.portrait{height:620px;width:170%;left:-34%}.creation-art-title h2{font-size:25px}.quest-panel{min-height:260px}.right-column{align-items:stretch}.journal-panel{min-height:260px}.region-cards{gap:6px}.region-card{padding:10px 2px}.region-card strong{font-size:11px}.region-card small{font-size:9px}.region-description{font-size:13px}.view-header h1{font-size:28px}}
@media(max-width:680px){.character-panel{grid-template-columns:66px minmax(0,1fr) minmax(0,1fr);align-items:center}.avatar{grid-column:1;grid-row:1/3}.character-panel h2{grid-column:2;grid-row:1}.character-panel .realm-pill{grid-column:2;grid-row:2;white-space:nowrap;font-size:11px}.character-meters{grid-column:3;grid-row:1/3;display:grid;gap:4px}.character-meters .meter{margin:0}.character-meters .meter>div:first-child{font-size:9px;margin-bottom:3px}.character-meters .meter small{font-size:8px}.character-meters .track{height:3px}.character-panel .character-meters>.meter:last-child{display:none}.breakthrough-button{font-size:12px;padding:10px;letter-spacing:1px;gap:6px}.breakthrough-button small{font-size:10px}.view-panel{padding:20px 17px}.view-header{margin-bottom:18px}.view-header h1{font-size:27px;letter-spacing:3px}.view-header p{font-size:12px}.small-panel{padding:20px 17px;margin-top:15px}.region-scene{height:220px;padding:18px}.region-scene h2{font-size:25px}.region-card strong{font-size:10px}.region-card small{font-size:9px;line-height:1.6}.region-card{min-height:83px}.region-number{font-size:10px}.region-description{font-size:13px}.explore-footer{gap:10px}.explore-footer p{font-size:10px}.gold-button{font-size:13px;padding:11px 18px;letter-spacing:2px}.sect-card h2{font-size:22px}.sect-card p{font-size:13px}.sect-card small{font-size:11px}.sect-emblem{width:50px;min-width:50px;height:60px;font-size:30px}.sect-card>div:nth-child(2){min-width:180px}.sect-card>.outlined-button{margin-left:64px}.skill-content h2{font-size:21px}.skill-card>.outlined-button{margin-left:70px}.recipe-list>div{grid-template-columns:1fr auto;gap:6px;padding:13px 0}.recipe-list strong{grid-column:1}.recipe-list small{grid-column:1;grid-row:auto;font-size:10px}.recipe-list button{grid-column:2;grid-row:span 2}.inventory-grid{gap:10px}.item-card{padding:14px 12px}.item-card p{font-size:11px}.market-list{gap:8px}.market-list button{font-size:11px;padding:10px;gap:5px}.realm-exp{font-size:9px}.realm-step{padding-left:15px;gap:13px}.realm-step h2{font-size:19px;letter-spacing:2px}.realm-step h2 small{font-size:9px;margin-left:5px}.realm-step p{font-size:11px}.realm-index{width:30px;min-width:30px;height:30px}.npc-row strong{font-size:12px}.npc-row small{font-size:9px}.creation-modal{overflow:auto}.creation-art{min-height:175px;height:175px}.creation-art>.portrait{height:280px;width:205px;left:auto;right:-10px;bottom:-100px}.creation-art-title{top:24px;left:22px;width:58%}.creation-art-title h2{font-size:21px}.creation-form{max-height:none;overflow:visible;padding:20px 22px}.creation-options{grid-template-columns:30px 1fr;gap:8px}.creation-form>h2{font-size:24px}.creation-options select{font-size:12px}.creation-form .allocation-row{padding:7px 0}.modal-body{padding:28px 22px}.event-story{font-size:15px}.event-choices>button{padding:14px}.event-choices strong{font-size:14px;letter-spacing:1px}.event-choices p{font-size:12px}.event-choices small{font-size:10px}.chance-tag{font-size:10px}.event-choices>button>div{gap:8px}.battle-versus{gap:25px}.battle-avatar,.enemy-emblem{width:95px;height:95px}.battle-actions{gap:8px}.battle-actions button{font-size:12px}.outcome-body{padding:35px 25px}.outcome-body>p{font-size:15px}.breakthrough-modal h2{font-size:19px}.ending-body{padding:48px 25px}.ending-body h2{font-size:32px}.ending-stats{gap:15px;font-size:11px}.ending-body p{font-size:15px}.guidance-strip{font-size:11px}.nav-tabs button{font-size:12px}.right-column .journal-panel{min-height:200px;max-height:250px}.journal-list{max-height:180px}}
@media(min-width:681px){.creation-form .allocation-row strong{font-size:16px}.creation-form .allocation-row small{font-size:12px}.creation-form .creation-note{font-size:12px}.creation-options select{font-size:14px}.creation-form .muted{font-size:13px}.scene-caption{left:43%;top:38px}.scene-caption p{letter-spacing:1px}.scene h1{font-size:34px;letter-spacing:4px}}
.stat-grid>div,.meter>div:first-child,.journal-list p,.quest-item strong,.sect-card p,.region-description{font-size:14px}.quest-item small,.fate-note p,.creation-note,.event-choices small,.skill-content p,.item-card p,.item-passive,.recipe-list small,.region-card small,.realm-step p,.market-list small,.source-link,.save-hint{font-size:12px}.region-card strong,.outlined-button,.market-list button,.creation-options label,.creation-options select{font-size:14px}.realm-exp,.npc-row small,.panel-eyebrow>span,.currency small{font-size:12px}.scene-caption p{font-size:15px}.view-header p{font-size:15px}.quest-panel>p{font-size:13px}.realm-road+.muted{font-size:14px}.action-card small{font-size:12px}.text-button{font-size:13px}
@media(max-width:1200px) and (min-width:981px){.scene-caption{left:34%;top:28px}.scene h1{font-size:28px}.scene-character{height:340px;width:270px}.quest-item{gap:7px}.quest-item strong{font-size:13px}.quest-item small{font-size:11px}.region-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.scene-character{width:205px;height:260px;bottom:-8px;left:-5px}.scene-caption{left:22px;top:20px}.scene h1{font-size:28px}.scene-caption p{font-size:13px}.character-meters .meter>div:first-child{font-size:11px}.character-meters .meter small{font-size:10px}.region-cards{grid-template-columns:repeat(3,1fr)}.region-card strong{font-size:14px}.region-card small{font-size:12px}.region-card{min-height:80px}.nav-tabs button{font-size:14px}.market-list{grid-template-columns:1fr}.npc-row{grid-template-columns:1fr 1fr;gap:20px}.npc-row strong{font-size:14px}.recipe-list small{font-size:12px}.inventory-grid{grid-template-columns:1fr 1fr}.realm-exp{font-size:10px}.breakthrough-button{flex-wrap:wrap}.breakthrough-button small{font-size:12px}.breakthrough-button small{margin-left:auto}.modal .muted{font-size:12px}.battle-actions>button{font-size:14px}.action-card strong{font-size:15px}.action-card small{font-size:11px}}
