.affix-list,.set-summary,.boss-rewards{padding:14px;margin:14px 0;background:#ede0c9;border-left:3px solid #9f6638}.affix-list p,.set-summary p,.boss-rewards p{margin:6px 0;font-size:16px}.affix-list span{color:#7d392a;font-weight:700}.affix-list small,.boss-rewards small{display:block;font-size:14px;color:#70553f}.boss-rewards>div+div{border-top:1px solid #ac885766;margin-top:12px;padding-top:12px}.world-card-body{min-width:0}.world-card{align-items:start}.boss-rewards .tip{margin-top:12px}.inv-tile>.painted-icon,.inv-tile>span>.painted-icon{width:54px;height:54px}.bag-equipped-slot .painted-icon{width:48px;height:48px}.ability b{font-size:14px}.ability i{background:#12232ac9;border-radius:16px}.boss-hud>div:first-child{gap:10px;align-items:start}.boss-hud #bossPhase{max-width:52%;font-size:14px;line-height:1.4;text-align:right}.boss-hud strong{font-size:16px;line-height:1.4}.full-stats b{overflow-wrap:anywhere}.cast-status{font-size:14px}.codex-item p{font-size:14px}.inv-tile.unique{box-shadow:0 0 14px #e9ba6966}.inv-tile.boss{box-shadow:0 0 10px #d7875c44}.inv-tile.set{box-shadow:0 0 10px #60ba9244}
@media(max-width:700px){.combat{width:232px;right:16px}.skills-row{gap:8px}.ability{width:70px;height:76px}.dodge{width:62px;height:66px}.ability b{line-height:1.25}.boss-hud{width:calc(100% - 32px)}.boss-rewards{padding:10px}.world-card-body>h3{font-size:20px}.affix-list small{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.inv-tile{box-shadow:none}.demo-caster,.demo-flash,.animated{animation:none}}
/* v0.6.2: readable item cards and compact cooldown counters. */
.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
.inv-tile{height:auto;min-height:156px;padding:24px 8px 10px;gap:6px;color:#30271f;background:#f4e5c9;text-shadow:none}
.inv-tile>strong{font-size:14px;font-weight:700;line-height:1.45;color:#30271f;min-height:40px;overflow-wrap:anywhere}
.inv-tile>small{color:#57432f;font-size:12px;line-height:1.5;white-space:normal}
.inv-tile>span{flex-shrink:0;height:48px}
.inv-tile .tile-plus,.inv-tile .tile-lock,.inv-tile .tile-quantity{color:#fff7dc;background:#493124;padding:2px 5px;font-size:12px;line-height:1.4;border-radius:3px;z-index:1}
.inv-tile .tile-quantity{font-size:14px;bottom:8px}.inv-tile.material,.inv-tile.gem{padding-bottom:32px}
.bag-equipped-slot b{color:#30271f;font-weight:700}.bag-equipped-slot small,.bag-tools>span{color:#57432f}
#itemContent .detail,#itemContent .detail p,#itemContent .detail dt,#itemContent .detail dd{color:#392b20}
#itemContent .eyebrow{color:#654829;font-size:14px;letter-spacing:.5px}
.panel .common,.item-card .common{color:#493628}.panel .crafted,.item-card .crafted{color:#175436}.panel .set,.item-card .set{color:#293d83}.panel .boss,.item-card .boss{color:#6c237c}.panel .unique,.item-card .unique{color:#785009}
.panel .positive,.item-card .positive{color:#145332}.panel .negative,.item-card .negative{color:#92271f}
.inv-tile.common>strong{color:#493628}.inv-tile.crafted>strong{color:#175436}.inv-tile.set>strong{color:#293d83}.inv-tile.boss>strong{color:#6c237c}.inv-tile.unique>strong{color:#785009}
.ability i{inset:auto;top:0;right:-3px;width:auto;min-width:28px;height:23px;padding:2px 5px;border:1px solid #e7c480;border-radius:7px;background:#251c31;color:#fff4cf;font:700 14px/1.2 system-ui;font-style:normal;pointer-events:none;box-shadow:0 1px 3px #0006}
.ability.cooldown .painted-icon{filter:saturate(.65) brightness(.85)}
@media(max-width:640px){.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inv-tile{padding-left:4px;padding-right:4px}.inv-tile>strong{font-size:14px}.bag-equipped-slot{min-width:0}.bag-equipped-slot b{overflow-wrap:anywhere}}
@media(max-width:340px){.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.advance-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.advance-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:12px solid transparent;border-image:url('./assets/panel-v05.webp') 125 fill / 12px;background:#f1e2c5;color:#392b20}.advance-card h3{margin:0;color:#7a3526}.advance-card p{font-size:16px;line-height:1.65;margin:0}.advance-preview{display:grid;gap:6px;font-size:14px;padding:12px 0}.advance-card button{margin-top:auto}.skill-card>small{color:#634a32;font-size:14px}.advance-card .primary{min-height:48px}@media(max-width:850px){.advance-cards{grid-template-columns:1fr}.advance-preview{grid-template-columns:1fr 1fr}.advance-card{gap:8px}}
.journey-track{display:flex;align-items:center;gap:16px;padding:18px;margin:12px 0 20px;background:#f9edcf;color:#302417;border:2px solid #89622d;border-radius:8px}.journey-track>div{flex:1;min-width:0}.journey-track b,.journey-track span{display:block;margin:6px 0}.journey-track small,.journey-card small{font-size:14px;color:#664322}.journey-track button{min-height:48px;flex-shrink:0}.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.journey-card{padding:20px;background:#fff2d6;color:#302417;border:2px solid #89622d;border-radius:8px;font-size:16px;line-height:1.65}.journey-card.locked{background:#e6d9bf}.journey-card h3{color:#782e28}.journey-card p{color:#302417}.journey-ending{border-left:3px solid #a44636;padding:12px;background:#eadbb9;margin:14px 0}.journey-card progress,.journey-track progress{width:100%;height:10px;accent-color:#94382e}.journey-card button{min-height:48px}@media(max-width:650px){.journey-grid{grid-template-columns:1fr}.journey-track{align-items:stretch;flex-direction:column}.journey-card{padding:16px}}
.battle-track{position:absolute;top:204px;left:34px;width:235px;z-index:4;text-align:left;padding:10px 12px;background:#251b20e8;border:1px solid #c9a267;border-radius:6px;color:#fff1cf;min-height:72px;box-shadow:0 2px 8px #0005}.battle-track small,.battle-track strong,.battle-track span{display:block;font-size:14px;line-height:1.5;color:#fff1cf}.battle-track small{color:#e5c48a}.live-battle-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:#f2d6b6;color:#6a271e;font-size:14px;border:1px solid #a56642;margin-bottom:12px;position:sticky;top:0;z-index:5}.live-battle-notice button{min-height:44px;flex-shrink:0}@media(max-width:640px){.battle-track{top:calc(152px + env(safe-area-inset-top));left:12px;width:190px;padding:7px 9px}.battle-track strong{font-size:14px}.live-battle-notice{gap:6px;flex-wrap:wrap}}@media(max-height:500px) and (orientation:landscape){.battle-track{top:140px;left:12px;width:190px;min-height:0}.battle-track small{display:none}}
.exploration-hint{position:absolute;left:34px;top:305px;z-index:4;max-width:265px;white-space:pre-line;padding:10px 12px;background:#231b20e8;color:#ffe6a5;border:2px solid #d9b66d;border-radius:7px;font-size:14px;line-height:1.55;box-shadow:0 0 15px #f0c46350;pointer-events:none}@media(max-width:640px){.exploration-hint{left:12px;top:calc(245px + env(safe-area-inset-top));max-width:205px;padding:7px 9px}}@media(max-height:500px) and (orientation:landscape){.exploration-hint{left:auto;right:12px;top:145px;width:205px}}
.trial-progress{margin:16px 0;padding:16px;background:#e6def0;color:#352247;border:2px solid #785e94;border-radius:8px;font-size:16px;line-height:1.6}.trial-progress p{color:#352247}.trial-progress>div{display:flex;gap:8px;flex-wrap:wrap}.trial-progress span{padding:7px 10px;background:#f8f1ff;border:1px solid #947bad;border-radius:4px;font-size:14px}
.explore-entry{padding:18px;margin:16px 0;border:2px solid #56745f;border-radius:8px;background:#e0eddd;color:#223c2c;font-size:16px;line-height:1.65}.explore-entry p{color:#223c2c}.explore-entry small{display:block;font-size:14px;margin-top:12px}.explore-entry button{min-height:48px;margin:4px}.explore-entry h3{color:#214b36}
.region-list{display:grid;gap:18px}.region-card{border:2px solid #58765b;background:#eff3df;border-radius:10px;overflow:hidden;color:#223e28}.region-card img{width:100%;height:190px;object-fit:cover;display:block}.region-card>div{padding:16px}.region-card p{color:#294a34}.region-card button{min-height:48px}.world-minimap{position:absolute;right:18px;top:100px;width:180px;height:120px;border:2px solid #d8c18b;border-radius:6px;z-index:4;pointer-events:none;box-shadow:0 2px 8px #0009}@media(max-width:640px){.world-minimap{right:10px;top:calc(145px + env(safe-area-inset-top));width:126px;height:84px}.region-card img{height:155px}}@media(max-height:500px) and (orientation:landscape){.world-minimap{top:76px;width:126px;height:84px}}
.story-prologue,.story-dialogue,.story-journal{color:#f7e9cc;background:#182d35;padding:18px;border:1px solid #c6ab70;border-radius:12px;line-height:1.8;margin:12px 0}.story-journal article{padding:12px 0;border-bottom:1px solid #74867e}.story-journal small{color:#cbded9}.story-reward{color:#9ff4d8}.story-dialogue p{font-size:16px}

.zone-levels{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.zone-levels span{font-size:14px;background:#203c42;color:#f5e8ca;padding:5px 8px;border-radius:5px}
/* v0.18: consistent interaction frame and a separate character dialogue presentation. */
#interact.interact-button{border:12px solid transparent;border-image:url('./assets/panel-v05.webp') 125 fill / 12px / 0 stretch;background:#dfc7a0;color:#493021;box-shadow:0 3px 8px #16120f66;border-radius:0;font-size:16px;font-weight:700;min-height:48px;padding:5px 14px;max-width:calc(100% - 32px);white-space:normal;line-height:1.4;text-shadow:none}
#interact.interact-button:hover{filter:brightness(1.08)}#interact.interact-button:active{transform:translateX(-50%) scale(.97)}
.panel .story-journal,.panel .story-prologue{background:#182d35;color:#f7f0df}.panel .story-journal p,.panel .story-prologue p,.panel .story-journal h3,.panel .story-prologue b{color:#f7f0df}.panel .story-journal small{color:#c9e7e4}.panel .story-journal article>b{color:#ffe0a1}
#panel.npc-dialogue-panel{top:auto;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%);max-height:calc(100dvh - 130px);width:min(850px,calc(100% - 24px));border:3px double #d9b87c;border-image:none;border-radius:14px;background:linear-gradient(125deg,#142b36,#253c48);box-shadow:0 12px 65px #0009;color:#fff2d6;z-index:25}
#panel.npc-dialogue-panel>header{padding:8px 16px;border-color:#c5a56755}#panel.npc-dialogue-panel h2,#panel.npc-dialogue-panel .eyebrow{color:#f9d99c}#panel.npc-dialogue-panel .panel-content{padding:8px 18px 20px}#panel.npc-dialogue-panel .story-dialogue{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:22px;border:0;padding:8px;margin:0;background:none;color:#f9f1e0}#panel.npc-dialogue-panel .story-dialogue p{color:#f9f1e0;font-size:16px;line-height:1.85;margin:10px 0}#panel.npc-dialogue-panel .story-dialogue h3{color:#ffdda1;margin:5px 0}#panel.npc-dialogue-panel .story-dialogue small{color:#b6ebe4;font-size:16px;font-weight:700}#panel.npc-dialogue-panel .story-reward{color:#a8f1d1!important}#panel.npc-dialogue-panel .npc-portrait{width:190px;height:190px;filter:drop-shadow(0 6px 8px #0007)}#panel.npc-dialogue-panel .live-battle-notice{background:#10222b;color:#c8e3e3}#panel.npc-dialogue-panel .dialogue-copy{min-width:0}
@media(max-width:600px){#panel.npc-dialogue-panel .story-dialogue{grid-template-columns:86px 1fr;gap:10px;align-items:start}#panel.npc-dialogue-panel .npc-portrait{width:86px;height:86px;background-size:400% 400%}#panel.npc-dialogue-panel .panel-content{padding:8px 10px 14px}#panel.npc-dialogue-panel .story-dialogue p{font-size:16px}#panel.npc-dialogue-panel .dialogue-copy button{width:100%}}
/* Dialogue identity is outside the speech frame. */
#panel.npc-dialogue-panel{background:none;border:0;border-image:none;box-shadow:none;overflow:visible;width:min(850px,calc(100% - 28px));max-height:calc(100dvh - 110px);padding:0;bottom:calc(92px + env(safe-area-inset-bottom))}#panel.npc-dialogue-panel>header{display:none}#panel.npc-dialogue-panel .panel-content{overflow:auto;padding:8px 4px;background:none}.npc-dialogue-stage{display:flex;flex-direction:column;align-items:stretch}.npc-speaker{display:flex;align-items:flex-end;gap:18px;padding:0 20px;min-height:150px}.npc-speaker strong{color:#fff1c8;font-size:22px;text-shadow:0 2px 5px #000,0 0 10px #000;padding:10px 0}.npc-character{width:140px;height:180px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 5px 8px #0009)}.npc-character.hero-art{height:140px;width:140px}#panel.npc-dialogue-panel .npc-speech{border:3px double #d8b879;border-radius:12px;background:linear-gradient(125deg,#142b36f5,#263e49f7);box-shadow:0 10px 25px #0007;padding:18px 24px}#panel.npc-dialogue-panel .npc-speech p{color:#fff1db;font-size:17px;line-height:1.85;margin:0}.npc-dialogue-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}#panel.npc-dialogue-panel .npc-quest-update{margin:0;margin-right:auto;color:#c6ffe5;text-shadow:0 2px 3px #000;background:#132b35eb;border-radius:6px;padding:8px 12px;font-size:14px}.npc-dialogue-actions>button{min-width:100px}.battle-side-progress{display:block;white-space:pre-line;color:#c9f3ed!important;font-size:14px!important;line-height:1.5}.battle-side-progress:empty{display:none}.battle-track{max-height:210px;overflow:auto;touch-action:pan-y}.awakening-choice p{line-height:1.8}.awakening-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.awakening-grid button{display:flex;flex-direction:column;align-items:center;gap:8px}.awakening-grid .hero-art{width:120px;height:120px}.awakening-grid b{font-size:20px}.awakening-grid small{font-size:14px;line-height:1.7}.chapter-entry{padding:18px;margin:10px 0 20px;border:2px solid #b78953;background:#ead7b1;color:#392b23}.chapter-entry p{color:#5c412b}.chapter-entry button{margin-top:8px}
@media(max-width:600px){.npc-speaker{padding:0 10px;gap:12px;min-height:110px}.npc-character{width:95px;height:125px}.npc-character.hero-art{width:100px;height:100px}.npc-speaker strong{font-size:18px}#panel.npc-dialogue-panel .npc-speech{padding:14px 16px}#panel.npc-dialogue-panel .npc-speech p{font-size:16px}.awakening-grid{grid-template-columns:1fr}.awakening-grid button{display:grid;grid-template-columns:85px 1fr;text-align:left}.awakening-grid .hero-art{width:80px;height:80px;grid-row:1/4}.awakening-grid b,.awakening-grid span,.awakening-grid small{grid-column:2}.battle-track{max-height:170px}}

.monster-portrait{object-fit:contain;width:90px;height:90px}.monster-portrait.large{width:170px;height:170px}