.adventure-screen{height:100vh;min-height:660px;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(circle at 50% 0,#214f71,var(--navy-950) 58%);overflow:hidden}
.adventure-topbar{position:relative;z-index:20;display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.3fr) auto;align-items:center;gap:1rem;padding:.55rem .9rem;border-bottom:2px solid var(--gold-500);background:linear-gradient(90deg,#07192e,#10385c 45%,#07192e);box-shadow:0 5px 18px #0007}
.campaign-heading{min-width:0;display:flex;align-items:center;gap:.7rem}.campaign-emblem{width:2.55rem;height:2.55rem;display:grid;place-items:center;flex:0 0 auto;border:2px solid var(--gold-400);border-radius:50%;background:var(--campaign-accent,#3d914c);font-size:1.35rem;box-shadow:inset 0 0 0 3px rgb(7 25 46 / .35)}.campaign-heading h1{font-size:clamp(1rem,1.8vw,1.35rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-heading p{font-size:.7rem;color:var(--gold-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.objective-strip{min-width:0;padding:.36rem .65rem;border:1px solid rgb(247 214 117 / .25);border-radius:.55rem;background:rgb(2 13 27 / .35)}.objective-strip span{display:block;color:var(--gold-300);font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.objective-strip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.top-actions{display:flex;gap:.4rem}.top-actions .icon-button{width:2.35rem;height:2.35rem;font-size:1rem}
.adventure-layout{min-height:0;display:grid;grid-template-columns:260px minmax(480px,1fr) 300px;gap:.65rem;padding:.65rem;overflow:hidden}
.side-panel{min-height:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr;color:var(--cream-100)}
.character-panel{grid-template-rows:auto auto 1fr auto}.mini-character{position:relative;display:grid;grid-template-columns:76px 1fr;gap:.65rem;padding:.75rem;border-bottom:1px solid rgb(247 214 117 / .24)}.mini-portrait{position:relative;width:76px;height:86px;overflow:hidden;border:2px solid var(--gold-400);border-radius:.65rem;background:var(--portrait-bg,linear-gradient(#5382a5,#d8c583));box-shadow:inset 0 -20px rgb(8 29 54 / .28)}.mini-portrait::after{content:var(--portrait-symbol,"✦");position:absolute;inset:0;display:grid;place-items:center;font-size:2.75rem;color:white;text-shadow:0 3px 0 #0005}.mini-portrait.knight{--portrait-bg:linear-gradient(#76a9c7,#6e8f68);--portrait-symbol:"♜"}.mini-portrait.ranger{--portrait-bg:linear-gradient(#6dc3a8,#6c8c47);--portrait-symbol:"➶"}.mini-portrait.mage{--portrait-bg:linear-gradient(#8a69bd,#433d78);--portrait-symbol:"✦"}.mini-portrait.rogue{--portrait-bg:linear-gradient(#64718d,#664058);--portrait-symbol:"◆"}.mini-character h2{font-size:1.05rem;overflow:hidden;text-overflow:ellipsis}.class-label{color:var(--gold-300);font-size:.67rem;text-transform:uppercase;font-weight:900;letter-spacing:.07em}.level-coin{position:absolute;right:.55rem;top:.55rem;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:linear-gradient(#ffe28a,#c98524);border:2px solid #6b411c;color:#25180b;font-size:.65rem;font-weight:900}.resource-block{display:grid;gap:.35rem;margin-top:.6rem}.resource-label{display:flex;justify-content:space-between;font-size:.64rem;font-weight:900}.health-track,.enemy-health-track{height:.62rem;overflow:hidden;border:1px solid #06101e;border-radius:999px;background:#321721;box-shadow:inset 0 2px 3px #0007}.health-fill,.enemy-health-fill{height:100%;width:var(--value,100%);border-radius:inherit;background:linear-gradient(90deg,#b63642,#f06e63);transition:width .4s ease}.xp-mini-track{height:.35rem;border-radius:999px;background:#192b3f;overflow:hidden}.xp-mini-fill{height:100%;background:linear-gradient(90deg,var(--teal-400),var(--green-400));width:var(--value,0%)}
.effect-row{display:flex;flex-wrap:wrap;gap:.25rem;padding:.45rem .7rem;border-bottom:1px solid rgb(247 214 117 / .12);min-height:2rem}.effect-chip{font-size:.58rem;padding:.18rem .35rem;border-radius:999px;background:#703957;border:1px solid rgb(255 255 255 / .25)}.effect-chip.good{background:#2e6f57}
.compact-stats{padding:.65rem;overflow:auto}.compact-stat{display:grid;grid-template-columns:1.4rem 1fr auto;align-items:center;gap:.35rem;padding:.26rem .1rem;border-bottom:1px solid rgb(255 255 255 / .07);font-size:.67rem}.compact-stat strong{color:var(--gold-300)}.compact-stat .modifier{font-weight:900}.character-actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.6rem}.character-actions .pill-button{padding:.45rem .3rem;font-size:.67rem}
.story-stage{position:relative;min-height:0;display:grid;grid-template-rows:minmax(18rem,48vh) minmax(0,1fr);gap:.55rem;overflow:hidden;border-radius:var(--radius-lg)}
.location-artwork-frame{position:relative;width:100%;height:100%;min-height:0;margin:0;overflow:hidden;border:3px double var(--gold-400);border-radius:var(--radius-lg);background:var(--scene-sky,linear-gradient(#6db6ca,#e8d59d));box-shadow:inset 0 0 0 2px rgb(255 250 220 / .16),var(--shadow-lg);isolation:isolate}.story-panel{min-height:0;display:grid;grid-template-rows:minmax(0,auto) auto;align-content:start;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}
.story-book{position:relative;min-height:0;max-height:clamp(11rem,27vh,22rem);overflow:auto;color:var(--ink);background:linear-gradient(96deg,#d8b874 0,#f8e9c1 6%,#f5e5bc 49%,#e1c58b 50%,#f7e8c0 52%,#e3c888 100%);border:3px solid #9b692e;border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:inset 0 0 35px rgb(111 66 24 / .22)}.story-book::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.04' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.story-book::after{content:"";position:absolute;left:50%;top:1rem;bottom:1rem;width:1px;background:linear-gradient(transparent,#8c663b55,transparent);pointer-events:none}
.scene-art::before{content:"";position:absolute;z-index:-1;inset:34% -6% -25%;border-radius:52% 48% 0 0;background:var(--scene-land,#598b52);box-shadow:inset 0 12px 20px rgb(255 255 255 / .1)}.scene-art::after{content:var(--scene-symbol,"♜");position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:clamp(4.2rem,9vw,8rem);color:rgb(255 249 223 / .92);text-shadow:0 6px 0 rgb(9 31 45 / .24),0 0 35px rgb(255 225 133 / .35);filter:drop-shadow(0 12px 7px rgb(0 0 0 / .24))}.scene-art .scene-hills{position:absolute;left:-10%;right:-10%;bottom:-35%;height:78%;border-radius:50% 50% 0 0;background:var(--scene-front,#345d42);box-shadow:inset 0 12px 24px rgb(0 0 0 / .16);transform:rotate(-2deg)}.scene-art .scene-sparkles{position:absolute;inset:0;background-image:radial-gradient(circle at 15% 25%,#fff 0 2px,transparent 3px),radial-gradient(circle at 78% 17%,#ffe887 0 2px,transparent 3px),radial-gradient(circle at 66% 47%,#fff 0 1px,transparent 2px);opacity:.65}.scene-art.village,.scene-art.inn{--scene-sky:linear-gradient(#60abc8,#f1bd79);--scene-land:#619354;--scene-front:#345c3b;--scene-symbol:"⌂"}.scene-art.road,.scene-art.pass,.scene-art.canyon{--scene-sky:linear-gradient(#6ba9c1,#ecd29f);--scene-land:#957748;--scene-front:#536043;--scene-symbol:"⌁"}.scene-art.grove,.scene-art.forest{--scene-sky:linear-gradient(#277c75,#9bc074);--scene-land:#2d7048;--scene-front:#194d3b;--scene-symbol:"♧"}.scene-art.tower,.scene-art.watchtower,.scene-art.observatory{--scene-sky:linear-gradient(#334f82,#d9a9bc);--scene-land:#58625d;--scene-front:#343849;--scene-symbol:"♜"}.scene-art.cavern,.scene-art.den,.scene-art.temple,.scene-art.chamber{--scene-sky:radial-gradient(circle at 50% 62%,#7c4f88,#162344 67%);--scene-land:#2c2d48;--scene-front:#17182c;--scene-symbol:"◇"}.scene-art.snow,.scene-art.outpost,.scene-art.hearth{--scene-sky:linear-gradient(#6b9fc6,#dbeff2);--scene-land:#9bc4cc;--scene-front:#577c8a;--scene-symbol:"❄"}.scene-art.ice,.scene-art.iceglass{--scene-sky:linear-gradient(#266c8c,#a2e7ee);--scene-land:#4e9eb3;--scene-front:#225c78;--scene-symbol:"♢"}.scene-art.desert,.scene-art.market,.scene-art.crossing{--scene-sky:linear-gradient(#3993bd,#f5b462);--scene-land:#c16f3f;--scene-front:#873d30;--scene-symbol:"☀"}.scene-art.volcano,.scene-art.embers{--scene-sky:linear-gradient(#4b2846,#e16b3e);--scene-land:#713834;--scene-front:#3a232d;--scene-symbol:"♨"}.scene-caption{position:absolute;z-index:2;left:.75rem;right:.75rem;bottom:.65rem;display:flex;align-items:end;justify-content:space-between;gap:1rem;color:white;text-shadow:0 2px 4px #000;background:linear-gradient(90deg,rgb(4 18 30 / .74),transparent 82%);padding:.55rem .7rem;border-radius:.45rem}.scene-caption h2{font-size:clamp(1.25rem,2.4vw,1.85rem)}.scene-caption span{font-size:.65rem;text-transform:uppercase;font-weight:900;letter-spacing:.1em;color:var(--gold-300)}
.artwork-focus-button{position:absolute;z-index:5;right:.75rem;top:.75rem;display:inline-flex;align-items:center;gap:.38rem;min-height:2.35rem;padding:.38rem .65rem;border:1px solid rgb(247 214 117 / .72);border-radius:999px;background:rgb(6 25 46 / .9);box-shadow:0 4px 12px rgb(0 0 0 / .4);color:var(--cream-50);font-size:.68rem;font-weight:900;letter-spacing:.02em}.artwork-focus-button:hover{background:var(--navy-700);transform:translateY(-1px)}.artwork-focus-button[aria-pressed="true"]{background:#8a5428;border-color:var(--gold-300)}
.scene-region-emblem{position:absolute;z-index:4;left:.75rem;top:.75rem;width:2.75rem;height:2.75rem;padding:.3rem;border:1px solid rgb(247 214 117 / .72);border-radius:50%;background:rgb(6 25 46 / .86);box-shadow:0 4px 12px rgb(0 0 0 / .35)}.scene-region-emblem-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .45))}
.narration-controls{display:grid;grid-template-columns:minmax(7.5rem,auto) minmax(4.5rem,1fr) auto;align-items:center;gap:.45rem;margin-bottom:.55rem;padding:.38rem .45rem;border:1px solid rgb(36 82 105 / .3);border-radius:.55rem;background:rgb(255 250 232 / .38);font-family:var(--font-body)}.narration-identity{min-width:0}.narration-identity strong,.narration-identity span{display:block}.narration-identity strong{color:#21445c;font-size:.62rem;letter-spacing:.05em;text-transform:uppercase}.narration-identity span{overflow:hidden;color:#695536;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.narration-progress{width:100%;height:.55rem;accent-color:var(--teal-600)}.narration-progress::-webkit-progress-bar{border-radius:999px;background:#a9936a}.narration-progress::-webkit-progress-value{border-radius:999px;background:var(--teal-600)}.narration-actions{display:flex;align-items:center;gap:.28rem}.narration-volume{display:flex;align-items:center;gap:.2rem;color:#21445c;font-size:.68rem}.narration-volume input{width:4rem;min-width:3rem;accent-color:var(--teal-600)}.narration-volume output{min-width:2.1rem;font-size:.55rem;font-weight:800}.narration-icon-button,.narration-toggle-button{min-height:2.1rem;border:1px solid rgb(247 214 117 / .42);border-radius:.42rem;background:var(--navy-800);box-shadow:0 2px 0 #06182c;color:var(--cream-50);font-size:.68rem;font-weight:850}.narration-icon-button{width:2.1rem;padding:.2rem}.narration-toggle-button{min-width:4.3rem;padding:.28rem .45rem}.narration-icon-button:hover,.narration-toggle-button:hover{filter:brightness(1.16)}.narration-toggle-button[aria-pressed="true"]{background:#286a5c;border-color:#6bc9a2}
.story-copy{position:relative;z-index:1;max-width:82rem;margin-inline:auto;padding:clamp(.7rem,1.5vw,1.05rem) clamp(.9rem,2.4vw,1.8rem);font-family:var(--font-display);font-size:clamp(.94rem,1.15vw,1.08rem);line-height:1.55}.speaker-ribbon{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.45rem;padding:.25rem .7rem;border-radius:999px;background:var(--navy-800);color:var(--cream-50);font-family:var(--font-body);font-size:.68rem;font-weight:900;letter-spacing:.04em}.story-copy p{white-space:pre-line}.click-to-finish{display:flex;align-items:center;gap:.45rem;width:max-content;margin:.55rem 0 0 auto;padding:.38rem .62rem;font-family:var(--font-body);font-size:.62rem}.click-to-finish span{padding:.08rem .28rem;border:1px solid rgb(255 255 255 / .35);border-radius:.25rem;color:var(--gold-300)}
.artwork-focus-mode .adventure-topbar{grid-template-columns:minmax(240px,1fr) auto}.artwork-focus-mode .objective-strip,.artwork-focus-mode .side-panel{display:none}.artwork-focus-mode .adventure-layout{grid-template-columns:minmax(0,1fr);padding:.5rem}.artwork-focus-mode .story-stage{grid-template-rows:minmax(0,1fr);gap:0}.artwork-focus-mode .location-artwork-frame{height:100%;min-height:0}.artwork-focus-mode .story-panel{display:none}.artwork-focus-mode .scene-caption h2{font-size:clamp(1.6rem,3vw,2.6rem)}
.outcome-note{margin-top:.65rem;padding:.55rem .75rem;border-left:4px solid var(--teal-600);border-radius:.3rem;background:rgb(255 255 255 / .38);font-family:var(--font-body);font-size:.75rem;font-weight:700}.outcome-note.failure{border-left-color:var(--red-600)}
.choice-tray{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--choice-count,2),minmax(0,1fr));gap:.48rem;padding:.65rem;border:2px solid var(--gold-500);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:linear-gradient(#0e3559,#071d36);box-shadow:0 -5px 16px rgb(0 0 0 / .26)}.choice-button{min-height:3.8rem;display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.55rem;padding:.52rem .7rem;text-align:left}.choice-number{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:1px solid rgb(247 214 117 / .42);border-radius:.35rem;color:var(--gold-300);font-size:.68rem}.choice-copy{font-family:var(--font-story)}.choice-copy strong{display:block;font-size:.96rem;line-height:1.05}.choice-copy small{display:block;color:rgb(255 255 255 / .68);font-size:.78rem;line-height:1.05;margin-top:.1rem}.choice-requirement{font-size:.58rem;color:var(--gold-300);text-align:right}.choice-button.locked{border-style:dashed}.choice-button.check-choice{background:linear-gradient(180deg,#2f6173,#16475e)}.choice-button.danger-choice{background:linear-gradient(180deg,#743b47,#4b2232)}
.utility-panel{grid-template-rows:auto 1fr}.utility-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:.45rem;background:rgb(4 17 32 / .45)}.tab-button{min-height:2.6rem;padding:.35rem .2rem;display:grid;place-items:center;gap:.05rem;font-size:.95rem}.tab-button small{font-size:.52rem}.tab-button.active{color:var(--gold-300);background:linear-gradient(#8a5428,#51301f)}.utility-content{min-height:0;overflow:auto;padding:.65rem}.utility-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.utility-title h3{font-size:1rem;color:var(--gold-300)}
.mini-item-list{display:grid;gap:.4rem}.mini-item{display:grid;grid-template-columns:2.4rem 1fr auto;gap:.5rem;align-items:center;padding:.45rem;border:1px solid rgb(247 214 117 / .18);border-left:3px solid var(--rarity,#b8a27c);border-radius:.45rem;background:rgb(255 255 255 / .055)}.item-icon{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.5rem;background:linear-gradient(145deg,#255d76,#102940);border:1px solid rgb(255 255 255 / .14);font-size:1.25rem}.mini-item strong{display:block;font-size:.68rem}.mini-item small{display:block;color:rgb(255 255 255 / .58);font-size:.54rem}.mini-item .qty{font-size:.6rem;color:var(--gold-300)}
.mini-quest{padding:.55rem;border-left:3px solid var(--gold-400);border-radius:.35rem;background:rgb(255 255 255 / .055);margin-bottom:.45rem}.mini-quest.side{border-left-color:var(--teal-400)}.mini-quest.completed{border-left-color:var(--green-400);opacity:.72}.mini-quest.failed{border-left-color:var(--red-400);opacity:.66}.mini-quest strong{display:block;font-size:.68rem}.mini-quest p{font-size:.56rem;color:rgb(255 255 255 / .62);margin-top:.2rem}.quest-status{font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-300)}
.campaign-mini-map{position:relative;min-height:310px;margin-top:.4rem;border:1px solid rgb(247 214 117 / .23);border-radius:.65rem;background:radial-gradient(circle,#356d63,#17374a 70%);overflow:hidden}.campaign-mini-map svg{position:absolute;inset:0;width:100%;height:100%}.map-path{stroke:#d5bd79;stroke-width:2;stroke-dasharray:4 5;opacity:.55}.location-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:2rem;height:2rem;border-radius:50%;border:2px solid #cfb66e;background:#223e50;color:white;font-size:.7rem;display:grid;place-items:center;box-shadow:0 3px 7px #0007}.location-node.current{background:#d98832;color:#1f1308;animation:pulse-glow 2s ease infinite}.location-node.completed{background:#3a8c59}.location-node.hidden{opacity:.22}.map-label{position:absolute;left:50%;top:calc(100% + .15rem);transform:translateX(-50%);width:6rem;font-size:.43rem;text-align:center;color:white;text-shadow:0 1px 2px #000}
.journal-entry{padding:.55rem;border-bottom:1px solid rgb(255 255 255 / .09)}.journal-entry strong{display:block;font-size:.68rem;color:var(--gold-300)}.journal-entry p{font-size:.56rem;color:rgb(255 255 255 / .65);margin-top:.2rem}

/* Combat */
.combat-stage{min-height:0;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:3px solid #8e572c;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 20%,#425674,#16243a 48%,#090f1c);box-shadow:var(--shadow-lg);color:white}.combat-header{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.48rem;background:linear-gradient(90deg,#5b2637,#923b3d,#5b2637);border-bottom:2px solid var(--gold-400);font-family:var(--font-display)}.turn-gem{width:.7rem;height:.7rem;transform:rotate(45deg);background:var(--gold-300);box-shadow:0 0 10px var(--gold-300)}.combat-arena{min-height:0;overflow:auto;display:grid;grid-template-columns:1fr minmax(230px,.85fr) 1fr;gap:.8rem;align-items:center;padding:1rem}.combatant{text-align:center;position:relative}.battle-portrait{position:relative;width:min(200px,80%);aspect-ratio:1;margin:0 auto .55rem;display:grid;place-items:center;overflow:hidden;border:4px solid var(--gold-400);border-radius:50% 50% 42% 42%;background:radial-gradient(circle at 48% 35%,var(--battle-light,#769abd),var(--battle-dark,#1b2d49) 68%);box-shadow:inset 0 -30px 30px rgb(0 0 0 / .28),0 12px 20px #0007}.battle-portrait::before{content:var(--battle-symbol,"⚔");font-size:clamp(3.5rem,7vw,6rem);text-shadow:0 6px 0 #0005;filter:drop-shadow(0 10px 6px #0005)}.battle-portrait.enemy{--battle-light:#92534c;--battle-dark:#321b2a}.battle-name{font-family:var(--font-display);font-size:1.1rem}.battle-level{font-size:.58rem;color:var(--gold-300);text-transform:uppercase;letter-spacing:.08em}.battle-health{margin:.35rem auto 0;max-width:230px}.battle-health-label{display:flex;justify-content:space-between;font-size:.6rem;font-weight:900}.status-list{min-height:1.4rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.22rem;margin-top:.35rem}.status-token{padding:.12rem .3rem;border-radius:999px;background:#6f3151;border:1px solid rgb(255 255 255 / .2);font-size:.48rem}.status-token.good{background:#2a7055}
.battle-log{align-self:stretch;min-height:240px;max-height:340px;overflow:auto;padding:.75rem;border:2px solid #9a713e;border-radius:.7rem;background:linear-gradient(rgb(247 230 190 / .96),rgb(218 188 130 / .95));color:var(--ink);box-shadow:inset 0 0 20px #8a5f2b44}.battle-log h3{text-align:center;font-size:.9rem;border-bottom:1px solid #9c7542;padding-bottom:.35rem;margin-bottom:.4rem}.log-entry{padding:.3rem 0;border-bottom:1px dashed rgb(95 65 31 / .22);font-family:var(--font-display);font-size:.69rem;line-height:1.36}.log-entry.player{color:#154c69}.log-entry.enemy{color:#812f39}.log-entry.system{color:#6b4d28;font-style:italic}.battle-round{text-align:center;color:#6a4c2b;font-size:.54rem;text-transform:uppercase;letter-spacing:.09em;margin:.2rem 0}
.combat-actions{padding:.65rem;border-top:2px solid var(--gold-500);background:linear-gradient(#0f3657,#071d36)}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.combat-action{min-height:3.4rem;padding:.45rem;border:1px solid rgb(247 214 117 / .36);border-radius:.5rem;background:linear-gradient(#23567c,#113451);color:white;text-align:left;box-shadow:0 3px 0 #061524}.combat-action:hover{filter:brightness(1.14);transform:translateY(-1px)}.combat-action strong{display:block;font-size:.66rem}.combat-action small{display:block;color:rgb(255 255 255 / .6);font-size:.5rem;line-height:1.2}.combat-action .cooldown{float:right;color:var(--gold-300)}.combat-action.defend{background:linear-gradient(#3c6c6e,#20434b)}.combat-action.item{background:linear-gradient(#4f7440,#2b4b2c)}.combat-action.escape{background:linear-gradient(#6d465a,#3d293f)}

/* Data-driven battle environment artwork. The image remains exposed through the
   arena while compact translucent backplates keep names and health readable. */
.combat-stage{position:relative;isolation:isolate;background:#0b1b2d}.battle-environment{position:absolute;z-index:0;inset:0;overflow:hidden;background:#14283c;pointer-events:none}.battle-background-art{width:100%;height:100%;object-fit:cover;transform:scale(1.015);animation:battle-scene-breathe 18s ease-in-out infinite alternate}.battle-environment-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgb(3 12 22 / .34),transparent 20%,transparent 64%,rgb(3 12 22 / .62)),linear-gradient(90deg,rgb(3 12 22 / .32),transparent 27%,transparent 73%,rgb(3 12 22 / .32))}.battle-environment-particles{position:absolute;inset:-18%;background-repeat:repeat;opacity:.34;will-change:transform,background-position}.combat-header,.combat-arena,.combat-actions{position:relative;z-index:2}.combat-header{background:linear-gradient(90deg,rgb(70 24 42 / .94),rgb(141 52 55 / .9),rgb(70 24 42 / .94));backdrop-filter:blur(3px)}.combat-actions{background:linear-gradient(rgb(10 45 73 / .94),rgb(5 23 44 / .97));backdrop-filter:blur(3px)}.combatant{padding:.58rem;border:1px solid rgb(255 231 164 / .18);border-radius:.8rem;background:linear-gradient(180deg,rgb(5 20 34 / .22),rgb(5 20 34 / .7));text-shadow:0 2px 4px rgb(0 0 0 / .94);backdrop-filter:blur(1.5px)}.battle-log{background:linear-gradient(rgb(247 230 190 / .93),rgb(218 188 130 / .91));box-shadow:inset 0 0 20px #8a5f2b44,0 8px 22px rgb(0 0 0 / .32)}
.battle-effect-leaves .battle-environment-particles{background-image:radial-gradient(ellipse at center,#d5df72 0 2px,transparent 3px),radial-gradient(ellipse at center,#7fa34e 0 2.5px,transparent 3.5px);background-size:83px 117px,137px 91px;animation:battle-leaf-drift 13s ease-in-out infinite}.battle-effect-spores .battle-environment-particles{background-image:radial-gradient(circle,#e7ef9b 0 1.5px,transparent 2.5px),radial-gradient(circle,#a7e5c4 0 2px,transparent 3px);background-size:61px 73px,103px 89px;filter:drop-shadow(0 0 4px #c7ffbd);animation:battle-spore-drift 11s ease-in-out infinite alternate}.battle-effect-snow .battle-environment-particles{background-image:radial-gradient(circle,#fff 0 2px,transparent 2.7px),radial-gradient(circle,#d8f5ff 0 1.2px,transparent 2px);background-size:59px 67px,91px 103px;opacity:.48;animation:battle-snowfall 8s linear infinite}.battle-effect-ice .battle-environment-particles{background-image:linear-gradient(115deg,transparent 47%,rgb(201 249 255 / .65) 50%,transparent 53%),radial-gradient(circle,#eaffff 0 1.5px,transparent 2.5px);background-size:211px 211px,97px 83px;opacity:.24;animation:battle-ice-glint 9s ease-in-out infinite}.battle-effect-dust .battle-environment-particles{background-image:radial-gradient(circle,#f2c27c 0 1.8px,transparent 3px),radial-gradient(circle,#ca804f 0 2px,transparent 3.5px);background-size:73px 97px,127px 81px;opacity:.28;animation:battle-dust-drift 12s linear infinite}.battle-effect-embers .battle-environment-particles{background-image:radial-gradient(circle,#ffd36c 0 2px,transparent 2.8px),radial-gradient(circle,#ef6d3f 0 1.8px,transparent 2.8px);background-size:83px 109px,61px 91px;filter:drop-shadow(0 0 4px #ff9a4a);animation:battle-ember-rise 8s linear infinite}
@keyframes battle-scene-breathe{to{transform:scale(1.045) translate3d(-.35%,.2%,0)}}
@keyframes battle-leaf-drift{50%{transform:translate3d(3%,6%,0) rotate(.7deg);background-position:31px 77px,-19px 43px}}
@keyframes battle-spore-drift{to{transform:translate3d(2%,-5%,0);opacity:.5}}
@keyframes battle-snowfall{to{transform:translate3d(-2%,14%,0);background-position:22px 134px,-17px 206px}}
@keyframes battle-ice-glint{50%{transform:translate3d(3%,-1%,0);opacity:.4}}
@keyframes battle-dust-drift{to{transform:translate3d(14%,-2%,0);background-position:146px 17px,254px -28px}}
@keyframes battle-ember-rise{to{transform:translate3d(1%,-14%,0);background-position:11px -218px,-13px -182px}}
body.reduced-motion .battle-background-art,body.reduced-motion .battle-environment-particles{animation:none;transform:none;will-change:auto}
@media (prefers-reduced-motion:reduce){.battle-background-art,.battle-environment-particles{animation:none;transform:none;will-change:auto}}
.inspect-card{display:grid;grid-template-columns:4rem 1fr;gap:.8rem}.inspect-icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:#713743;color:white;font-size:2rem;border:3px solid var(--gold-400)}

/* Story, map, and combat artwork layers */
.region-emblem{width:100%;height:100%;object-fit:contain;padding:.25rem}
.mini-portrait{overflow:hidden}.mini-portrait-art{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:cover}.mini-portrait:has(.mini-portrait-art)::before,.mini-portrait:has(.mini-portrait-art)::after{opacity:0}
.artwork-scene{isolation:isolate}.scene-art-image{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover}.artwork-scene::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,transparent 45%,rgb(5 18 31 / .82));pointer-events:none}.artwork-scene .scene-hills,.artwork-scene .scene-sparkles{opacity:.12}.artwork-scene .scene-caption{z-index:2}
.artwork-scene.snow .scene-sparkles,.artwork-scene.outpost .scene-sparkles,.artwork-scene.ice .scene-sparkles{opacity:.48;background-image:radial-gradient(circle,#fff 0 2px,transparent 2.5px),radial-gradient(circle,#dffaff 0 1.5px,transparent 2px);background-size:58px 67px,83px 91px;animation:ambient-fall 8s linear infinite}
.artwork-scene.grove .scene-sparkles,.artwork-scene.forest .scene-sparkles{opacity:.36;background-image:radial-gradient(ellipse at center,#b9dd67 0 3px,transparent 4px),radial-gradient(ellipse at center,#f0d46b 0 2px,transparent 3px);background-size:79px 113px,121px 87px;animation:ambient-leaves 11s ease-in-out infinite}
.artwork-scene.desert .scene-sparkles,.artwork-scene.market .scene-sparkles,.artwork-scene.crossing .scene-sparkles,.artwork-scene.volcano .scene-sparkles,.artwork-scene.embers .scene-sparkles{opacity:.42;background-image:radial-gradient(circle,#ffc15a 0 2px,transparent 2.5px),radial-gradient(circle,#e86a3c 0 1.5px,transparent 2px);background-size:91px 77px,67px 109px;animation:ambient-embers 7s linear infinite}
.artwork-scene.inn .scene-sparkles,.artwork-scene.cavern .scene-sparkles,.artwork-scene.temple .scene-sparkles,.artwork-scene.chamber .scene-sparkles{opacity:.25;animation:ambient-flicker 3.2s ease-in-out infinite}
@keyframes ambient-fall{to{background-position:18px 134px,-22px 182px}}
@keyframes ambient-leaves{50%{background-position:35px 74px,-27px 49px;transform:rotate(.5deg)}}
@keyframes ambient-embers{to{background-position:21px -154px,-18px -218px}}
@keyframes ambient-flicker{50%{opacity:.48;filter:brightness(1.35)}}
.speaker-line{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem}.speaker-portrait-stack{display:flex;padding-left:.25rem}.speaker-portrait{width:3.15rem;height:3.15rem;margin-left:-.25rem;object-fit:cover;border:2px solid var(--gold-400);border-radius:50%;background:var(--navy-800);box-shadow:0 3px 7px #0004}.speaker-ribbon{margin:0;display:grid}.speaker-ribbon small{color:rgb(255 255 255 / .68);font-size:.54rem;font-weight:650;letter-spacing:.02em}.story-text,.outcome-note,.mini-quest p,.journal-entry p,.battle-log .log-entry{font-family:var(--font-story)}.story-text{font-size:1.16rem;line-height:1.48}
.context-reaction{margin:-.1rem 0 .5rem;padding:.3rem .55rem;border-left:3px solid var(--purple-400);border-radius:.3rem;background:rgb(121 83 181 / .1);color:#5a3d6f;font-family:var(--font-story);font-size:.94rem;line-height:1.25}.context-reaction strong{display:block;font-family:var(--font-body);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.context-reaction-line{display:block}.context-reaction-line+.context-reaction-line{margin-top:.12rem}
.dialogue-text{padding-left:.8rem;border-left:3px solid rgb(23 139 132 / .4);color:#243c4c}.story-keyword{color:#235f70;font-weight:800}
.location-node{overflow:visible}.map-node-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;opacity:.72}.location-node>.map-node-index{position:relative;z-index:2;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:rgb(7 29 54 / .78)}.location-node.current .map-node-art{opacity:1}.location-node.current>.map-node-index{background:#d98832}
.map-node-threat{position:absolute;z-index:5;right:-.55rem;top:-.48rem;min-width:1.25rem;padding:.08rem .18rem;border:1px solid rgb(255 226 153 / .65);border-radius:999px;background:rgb(73 31 37 / .92);color:#ffe39b;font-family:var(--font-body);font-size:.42rem;font-weight:900;line-height:1;box-shadow:0 2px 4px #0006}.map-node-threat.threat-4,.map-node-threat.threat-5{background:rgb(128 38 43 / .96);color:#fff0c2}
.map-sidequest-markers{position:absolute;z-index:6;left:-.55rem;bottom:-.42rem;display:flex;gap:.08rem}.map-sidequest-marker{display:grid;place-items:center;width:.92rem;height:.92rem;border:1px solid #fff2b8;border-radius:50%;background:#1b6d70;color:white;font-family:var(--font-body);font-size:.48rem;font-weight:950;line-height:1;box-shadow:0 2px 4px #0007}.map-sidequest-marker.available{background:#9a6522}.map-sidequest-marker.completed{background:#2e8154}.map-sidequest-marker.failed{background:#923c48}.location-node.secret-node:not(.current)::after{content:"✦";position:absolute;z-index:4;inset:-.42rem;display:grid;place-items:start end;padding:.03rem;color:#dcb8ff;font-size:.52rem;border:1px dashed rgb(220 184 255 / .68);border-radius:50%;filter:drop-shadow(0 0 4px #a674db);animation:secret-node-glow 2.8s ease-in-out infinite;pointer-events:none}.location-node.newly-unlocked{animation:map-node-reveal .58s cubic-bezier(.18,.76,.25,1.2) both}@keyframes map-node-reveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-8deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(2deg)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes secret-node-glow{50%{color:#fff1a8;border-color:#fff1a8;filter:drop-shadow(0 0 7px #d6a8ff)}}
.map-legend{display:flex;flex-wrap:wrap;gap:.25rem .65rem;color:#ffffff99;margin-top:.45rem}.map-legend span{color:#f3d78c}
.player-map-token{position:absolute;z-index:3;left:50%;top:50%;width:2.8rem;height:2.8rem;max-width:none;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 4px #0008)}
.battle-portrait-art{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover}.battle-portrait:has(.battle-portrait-art)::before{opacity:0}
.boss-battle{border-color:#d68d35;box-shadow:0 0 0 2px #7b2e3c,0 0 32px rgb(220 112 47 / .35),var(--shadow-lg)}.boss-battle .enemy-combatant .battle-portrait{border-width:6px;box-shadow:0 0 0 5px rgb(151 48 59 / .35),0 0 30px #d3643f88}.boss-battle .combat-header{letter-spacing:.04em;text-transform:uppercase}
.boss-callout{position:absolute;z-index:20;left:50%;top:4.2rem;transform:translateX(-50%);padding:.35rem .8rem;border:2px solid var(--gold-300);border-radius:999px;background:#6f2638;color:#fff4d4;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.04em;box-shadow:0 6px 18px #0008;animation:boss-callout 1.15s ease forwards;pointer-events:none}@keyframes boss-callout{0%{opacity:0;transform:translate(-50%,-12px) scale(.8)}25%,70%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-8px) scale(1.04)}}
.log-entry.damage-log{font-weight:700}.log-entry.healing-log{color:#26704c;border-left:3px solid #4fae72;padding-left:.35rem}.log-entry.status-log{color:#68458c;border-left:3px solid #9a72c7;padding-left:.35rem}.log-entry.critical-log{color:#9b551b;font-weight:900;background:rgb(239 189 69 / .16);padding-inline:.35rem}
.combatant{transition:filter .16s ease,transform .16s ease}.combat-popup{position:absolute;z-index:9;left:50%;top:20%;padding:.2rem .45rem;border:2px solid #fff4c2;border-radius:.45rem;background:#9d3440;color:white;font-family:var(--font-body);font-size:1.1rem;font-weight:950;text-shadow:0 2px #0006;animation:damage-pop .9s ease forwards;pointer-events:none}.combat-popup.critical{background:#d98b28;color:#231507}.combat-popup.dodge{background:#2f7288}.combat-popup.block{background:#406c83}.combat-popup.heal{background:#318a59}.react-hit{animation:combat-hit .28s ease}.react-critical{animation:combat-critical .42s ease}.react-dodge{animation:combat-dodge .36s ease}.react-block{animation:combat-block .36s ease}.react-heal{animation:combat-heal .55s ease}.react-status{animation:pulse-glow .55s ease}
@keyframes combat-hit{50%{transform:translateX(5px);filter:brightness(1.8) saturate(.45)}}
@keyframes combat-critical{35%{transform:scale(1.06) rotate(-1deg);filter:brightness(2) drop-shadow(0 0 20px #ffd970)}}
@keyframes combat-dodge{50%{transform:translateX(14px);filter:blur(.5px) brightness(1.35)}}
@keyframes combat-block{50%{transform:scale(.97);filter:brightness(1.5) drop-shadow(0 0 14px #79c5df)}}
@keyframes combat-heal{50%{filter:brightness(1.6) drop-shadow(0 0 18px #68e092)}}
.ability-resolve::after{content:var(--ability-flash,"✦");position:absolute;z-index:10;left:50%;top:35%;transform:translate(-50%,-50%);font-size:3.4rem;color:var(--ability-color,#fff2a8);text-shadow:0 0 18px var(--ability-color,#fff2a8),0 3px #071426;animation:ability-flash .62s ease forwards;pointer-events:none}
[data-ability="shield-bash"]{--ability-flash:"🛡";--ability-color:#8bd2e8}[data-ability="guard"]{--ability-flash:"◆";--ability-color:#f5d06a}[data-ability="heroic-strike"]{--ability-flash:"⚔";--ability-color:#ffd05d}
[data-ability="quick-shot"]{--ability-flash:"➶";--ability-color:#8ee078}[data-ability="hunters-mark"]{--ability-flash:"◉";--ability-color:#b5eb76}[data-ability="evade"]{--ability-flash:"〰";--ability-color:#74ddd1}
[data-ability="arcane-bolt"]{--ability-flash:"✦";--ability-color:#85dcf2}[data-ability="flame-spark"]{--ability-flash:"♨";--ability-color:#ff8255}[data-ability="mana-ward"]{--ability-flash:"◇";--ability-color:#ac8df4}
[data-ability="backstab"]{--ability-flash:"🗡";--ability-color:#da799e}[data-ability="pocket-sand"]{--ability-flash:"✺";--ability-color:#e7c477}[data-ability="lucky-escape"]{--ability-flash:"☘";--ability-color:#76d69a}
@keyframes ability-flash{0%{opacity:0;transform:translate(-50%,-25%) scale(.35) rotate(-18deg)}40%{opacity:1;transform:translate(-50%,-60%) scale(1.25) rotate(4deg)}100%{opacity:0;transform:translate(-50%,-110%) scale(.8)}}

/* Dice and puzzles */
.dice-panel{text-align:center}
.dice-roll-panel{width:min(38rem,100%);margin:auto;text-align:center}.dice-check-heading{display:grid;gap:.18rem}.dice-check-heading .eyebrow{color:#75501f;font-size:.8rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.dice-check-heading .eyebrow span{color:#267b91;font-size:1.05rem}.dice-check-heading h3{color:#173f61;font-size:clamp(1.2rem,2.5vw,1.65rem);line-height:1.08}
.dice-roll-meta{width:min(25rem,100%);margin:.75rem auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.dice-roll-meta>div,.dice-result-grid>div{display:grid;gap:.12rem;padding:.55rem .7rem;border:1px solid #b68a4b;border-radius:.62rem;background:rgb(255 250 230 / .66);box-shadow:inset 0 1px rgb(255 255 255 / .7)}.dice-roll-meta span,.dice-result-grid span{color:#72512c;font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.dice-roll-meta strong{color:#183e5c;font-family:var(--font-display);font-size:1.45rem}
.dice-stage{position:relative;isolation:isolate;min-height:clamp(9.5rem,20vw,12rem);display:grid;place-items:center;margin:.25rem auto 0}.d20{position:relative;z-index:3;width:clamp(7.5rem,14vw,10.5rem);height:clamp(7.5rem,14vw,10.5rem);display:grid;place-items:center;padding:0;color:#fff8d9;font-family:var(--font-display);font-size:clamp(2.8rem,6vw,4.2rem);font-weight:900;line-height:1;text-shadow:0 3px 0 rgb(4 19 37 / .48);cursor:pointer;background:linear-gradient(145deg,#ffe49a,#c07a23);clip-path:polygon(50% 0,91% 18%,100% 62%,73% 100%,27% 100%,0 62%,9% 18%);filter:drop-shadow(0 10px 5px rgb(0 0 0 / .34));transition:filter .16s ease,transform .16s ease}.d20::before{content:"";position:absolute;z-index:0;inset:4px;background:linear-gradient(145deg,#2b91a5 0 28%,#296496 48%,#342d75 100%);clip-path:inherit}.d20::after{content:"";position:absolute;z-index:1;inset:15%;border:2px solid rgb(255 236 164 / .88);clip-path:polygon(50% 0,100% 37%,82% 100%,18% 100%,0 37%);box-shadow:0 0 14px rgb(121 225 221 / .26)}.dice-value{position:relative;z-index:2;min-width:2ch;font-variant-numeric:tabular-nums}.d20:hover{filter:brightness(1.08) drop-shadow(0 12px 6px rgb(0 0 0 / .36))}.d20:focus-visible{outline:4px solid #183f61;outline-offset:5px;filter:brightness(1.12) drop-shadow(0 0 9px #fff2a8) drop-shadow(0 10px 5px rgb(0 0 0 / .34))}.d20.is-rolling{animation:dice-tumble-2d 1.1s cubic-bezier(.22,.72,.18,1)}.d20.is-landed{animation:dice-table-impact .34s cubic-bezier(.22,.82,.28,1)}.d20.is-critical-success{background:linear-gradient(145deg,#fff0a8,#e19825);filter:brightness(1.12) drop-shadow(0 0 17px rgb(242 193 64 / .82)) drop-shadow(0 10px 5px rgb(0 0 0 / .32))}.d20.is-critical-failure{background:linear-gradient(145deg,#e88ba1,#6d274f);filter:brightness(1.06) drop-shadow(0 0 17px rgb(157 59 95 / .75)) drop-shadow(0 10px 5px rgb(0 0 0 / .32))}.d20.is-critical-failure::before{background:linear-gradient(145deg,#6b3279,#2e285d)}
.dice-table-shadow{position:absolute;z-index:1;left:50%;bottom:3%;width:clamp(6rem,12vw,9rem);height:1.15rem;transform:translateX(-50%);border-radius:50%;background:rgb(15 27 40 / .25);filter:blur(5px);animation:dice-shadow-shift 1.1s ease}.dice-spark{position:absolute;z-index:2;color:#c58d28;font-size:1.2rem;opacity:0;pointer-events:none}.dice-spark-one{left:25%;top:25%;animation:dice-sparkle 1.05s .12s ease}.dice-spark-two{right:23%;top:19%;animation:dice-sparkle 1s .28s ease}.dice-spark-three{left:20%;bottom:20%;animation:dice-sparkle .9s .48s ease}.dice-spark-four{right:20%;bottom:24%;animation:dice-sparkle .85s .6s ease}.dice-stage.is-critical-success .dice-spark,.dice-stage.is-critical-failure .dice-spark{opacity:1;animation:pulse-glow .65s ease 2}
.dice-skip-hint{min-height:1.3em;margin-top:-.35rem;color:#654d31;font-size:.8rem}.dice-final-result{display:grid;gap:.55rem;margin-top:.65rem}.dice-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.dice-result-grid strong{overflow-wrap:anywhere;color:#173f61;font-family:var(--font-display);font-size:clamp(1.05rem,2.2vw,1.4rem);font-variant-numeric:tabular-nums}.dice-natural-result{justify-self:center;padding:.35rem .8rem;border:2px solid #8a6126;border-radius:999px;background:#735022;color:#fff7d3;font-family:var(--font-display);font-size:1.1rem;font-weight:900}.dice-final-result.is-critical-success .dice-natural-result{background:#2d765d;border-color:#1e5946}.dice-final-result.is-critical-failure .dice-natural-result{background:#82354f;border-color:#5b2038}.roll-result{font-family:var(--font-display);font-size:1.4rem;font-weight:900}.roll-result.success{color:#257447}.roll-result.failure{color:#a32f3e}.dice-difficulty-result{color:#5f4930;font-family:var(--font-story);font-size:1rem}.dice-continue-action{justify-content:center;margin-top:.15rem}.critical-banner{margin:.4rem auto;padding:.35rem;border-radius:.45rem;background:#915a21;color:white;font-weight:900;animation:pulse-glow 1s ease 2}
.dice-roll-complete .dice-spark,.dice-roll-complete .dice-table-shadow{animation:none}.reduced-dice-motion .d20.is-rolling{animation:dice-reduced-fade .1s ease}.reduced-dice-motion .dice-spark,.reduced-dice-motion .dice-table-shadow{animation:none;opacity:0}
.puzzle-frame{position:relative;padding:1rem;border:2px solid #967039;border-radius:.75rem;background:rgb(255 250 232 / .5);font-family:var(--font-story);font-size:1.05rem}.puzzle-runes{display:flex;justify-content:center;gap:.6rem;margin:.8rem 0}.puzzle-rune{width:3.2rem;height:3.2rem;display:grid;place-items:center;transform:rotate(45deg);border:2px solid #886327;background:#1d526a;color:var(--gold-300);font-size:1.25rem}.puzzle-rune span{transform:rotate(-45deg)}.puzzle-options{display:grid;gap:.5rem}.puzzle-option{padding:.7rem;border:2px solid #987044;border-radius:.55rem;background:#fff7dd;color:var(--ink);font-family:var(--font-story);font-size:1rem;line-height:1.2;text-align:left;font-weight:800}.puzzle-option:hover{background:#e7f1d4;border-color:#3b7351}.sequence-builder{min-height:3.3rem;display:flex;align-items:center;justify-content:center;gap:.35rem;margin:.65rem 0;padding:.5rem;border:2px dashed #98744a;border-radius:.5rem}.sequence-token{padding:.35rem .55rem;border-radius:.4rem;background:var(--navy-800);color:white;font-family:var(--font-story);font-size:.95rem;font-weight:800}

body.reduced-motion .location-node.newly-unlocked,body.reduced-motion .location-node.secret-node::after{animation:none}

/* Inventory / equipment */
.inventory-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem}.item-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.item-card{position:relative;min-height:190px;display:grid;grid-template-rows:auto auto 1fr auto;gap:.35rem;padding:.65rem;border:2px solid var(--rarity,#9a835c);border-radius:.7rem;background:rgb(255 250 232 / .64);box-shadow:0 4px 8px rgb(88 53 21 / .14);color:var(--ink);text-align:left}.item-card:hover{transform:translateY(-2px);background:#fff8df}.item-card .item-icon{width:3rem;height:3rem;font-size:1.6rem}.item-card h3{font-size:.92rem}.item-card p{font-size:.65rem;color:#62503a}.item-card-meta{display:flex;justify-content:space-between;font-size:.55rem;font-weight:900;text-transform:uppercase}.rarity-common{--rarity:#9b907b}.rarity-uncommon{--rarity:#409862}.rarity-rare{--rarity:#3985bd}.rarity-epic{--rarity:#8b57bd}.rarity-legendary{--rarity:#d58426}.equipment-slots{display:grid;gap:.65rem}.equipment-slot{min-height:100px;padding:.65rem;border:2px dashed #9d7746;border-radius:.7rem;background:rgb(255 255 255 / .28)}.equipment-slot.equipped{border-style:solid;background:#fff7da}.equipment-slot-label{font-size:.57rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#74552d}.comparison-table{width:100%;border-collapse:collapse;font-size:.75rem}.comparison-table th,.comparison-table td{padding:.35rem;text-align:left;border-bottom:1px solid rgb(104 67 30 / .18)}.stat-up{color:#247040;font-weight:900}.stat-down{color:#9f3340;font-weight:900}

.narration-icon-button:focus-visible,.narration-toggle-button:focus-visible,.artwork-focus-button:focus-visible{outline:3px solid #fff1a8;outline-offset:3px}.story-text.narration-active,.ending-epilogue.narration-active{border-radius:.3rem;background:rgb(255 249 218 / .42);box-shadow:0 0 0 4px rgb(255 249 218 / .2)}

/* Ending */
.ending-narration{max-width:45rem;margin:.8rem auto}.ending-epilogue{max-width:45rem;margin:1rem auto .7rem;font-family:var(--font-story);font-size:1.18rem;line-height:1.5}
.ending-screen{display:grid;place-items:center;min-height:100vh;padding:1rem;background:radial-gradient(circle at 50% 25%,var(--ending-color,#285d74),var(--navy-950) 68%)}.ending-card{width:min(820px,100%);text-align:center;padding:clamp(1.2rem,4vw,2.8rem);border:3px solid var(--gold-400);border-radius:1.4rem;background:linear-gradient(110deg,#e1c482,#fff0c9 15%,#f2dcaa 85%,#cda45e);color:var(--ink);box-shadow:inset 0 0 35px #81551f33,var(--shadow-lg);animation:card-in .45s ease}.ending-emblem{width:7rem;height:7rem;display:grid;place-items:center;margin:0 auto 1rem;border:4px double var(--gold-300);border-radius:50%;background:var(--navy-800);color:var(--gold-300);font-size:3.2rem;box-shadow:0 0 0 8px rgb(247 214 117 / .15),0 10px 25px #0006}.ending-card h1{font-size:clamp(2rem,5vw,3.7rem);color:#183b58}.ending-subtitle{color:#986327;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.ending-summary{max-width:42rem;margin:1rem auto;font-family:var(--font-display);font-size:1.05rem;line-height:1.65}.reward-reveal{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.reward-chip{padding:.4rem .65rem;border-radius:999px;background:#234f65;color:white;font-size:.7rem;font-weight:800}

/* Readability enhancement: true 1.75x type targets on interactive and player-information surfaces. */
.adventure-layout{grid-template-columns:minmax(300px,320px) minmax(480px,1fr) minmax(330px,360px)}
.mini-character{grid-template-columns:84px minmax(0,1fr);gap:.75rem;padding:.8rem}.mini-portrait{width:84px;height:94px}.mini-character h2{font-size:1.84rem;line-height:1;overflow-wrap:anywhere}.class-label{font-size:1.17rem;line-height:1.05;letter-spacing:.04em}.level-coin{width:2.2rem;height:2.2rem;font-size:1rem}.resource-block{gap:.45rem}.resource-label{gap:.5rem;font-size:1.12rem}.health-track,.enemy-health-track{height:.75rem}.xp-mini-track{height:.5rem}
.effect-row{gap:.32rem;padding:.55rem .75rem}.effect-chip{font-size:1.015rem;line-height:1.1;padding:.25rem .42rem}.compact-stats{padding:.7rem}.compact-stat{grid-template-columns:1.8rem 1fr auto;gap:.45rem;padding:.42rem .1rem;font-size:1.17rem;line-height:1.15}.character-actions{gap:.45rem;padding:.65rem}.character-actions .pill-button{min-height:3.4rem;padding:.55rem .4rem;font-size:1.17rem;line-height:1.1}
.story-stage{grid-template-rows:minmax(18rem,45vh) minmax(0,1fr)}.story-panel{grid-template-rows:minmax(0,1fr) auto;align-content:stretch}
.artwork-scene::after{content:none}.scene-caption{right:auto;max-width:calc(100% - 1.5rem);background:linear-gradient(90deg,rgb(4 18 30 / .68),rgb(4 18 30 / .18));text-shadow:0 2px 4px #000,0 0 10px #000}
.choice-tray{gap:.58rem;padding:.7rem}.choice-button{min-height:6.2rem;height:auto;grid-template-columns:2.4rem minmax(0,1fr);align-items:start;gap:.35rem .65rem;padding:.8rem .9rem;white-space:normal}.choice-number{width:2.15rem;height:2.15rem;font-size:1.19rem}.choice-copy{min-width:0}.choice-copy strong{font-size:1.68rem;line-height:1.15;font-weight:700;overflow-wrap:anywhere}.choice-copy small{font-size:1.365rem;line-height:1.15;margin-top:.18rem}.choice-requirement{grid-column:2;font-size:1.015rem;line-height:1.15;text-align:left;overflow-wrap:anywhere}
.utility-tabs{gap:2px;padding:.5rem}.tab-button{min-height:4.2rem;padding:.48rem .28rem;gap:.08rem;font-size:1.55rem;line-height:1}.tab-button small{font-size:.91rem;line-height:1.05;font-weight:850}.utility-content{padding:.75rem}.utility-title{gap:.6rem;margin-bottom:.65rem}.utility-title h3{font-size:1.75rem;line-height:1}
.mini-item-list{gap:.5rem}.mini-item{grid-template-columns:3.25rem minmax(0,1fr) auto;gap:.6rem;min-height:4.4rem;padding:.55rem;text-align:left}.item-icon{width:3.1rem;height:3.1rem;font-size:1.55rem}.mini-item strong{font-size:1.19rem;line-height:1.1;overflow-wrap:anywhere}.mini-item small{font-size:.945rem;line-height:1.15}.mini-item .qty{font-size:1.05rem}
.mini-quest{padding:.7rem;margin-bottom:.55rem}.mini-quest strong{font-size:1.19rem;line-height:1.12}.mini-quest p{font-size:.98rem;line-height:1.2;margin-top:.25rem}.quest-status{font-size:.875rem;letter-spacing:.06em}.journal-entry{padding:.7rem}.journal-entry strong{font-size:1.19rem;line-height:1.1}.journal-entry p{font-size:.98rem;line-height:1.2;margin-top:.25rem}
.campaign-mini-map{min-height:380px}.location-node{width:2.75rem;height:2.75rem;font-size:1.05rem}.map-label{width:7.5rem;font-size:.75rem;line-height:1.05}
.battle-name{font-size:1.925rem;line-height:1}.battle-level{font-size:1.015rem}.battle-health-label{font-size:1.05rem}.status-token{font-size:.84rem;padding:.18rem .38rem}.battle-log h3{font-size:1.575rem;line-height:1.05}.log-entry{font-size:1.2075rem;line-height:1.25}.battle-round{font-size:.945rem}
.combat-actions{padding:.75rem}.action-grid{gap:.58rem}.combat-action{min-height:5.5rem;height:auto;padding:.7rem;white-space:normal}.combat-action strong{font-family:var(--font-story);font-size:1.155rem;line-height:1.12}.combat-action small{font-size:.875rem;line-height:1.18;margin-top:.12rem}
.puzzle-frame{font-size:1.8375rem}.puzzle-frame h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15}.puzzle-option{min-height:4.8rem;padding:.9rem 1rem;font-size:1.75rem;line-height:1.15;white-space:normal}.sequence-builder{min-height:4.4rem;flex-wrap:wrap}.sequence-token{font-size:1.6625rem;line-height:1.1}
.inventory-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.item-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.item-card{min-height:260px;gap:.5rem;padding:.8rem}.item-card .item-icon{width:4rem;height:4rem}.item-card h3{font-size:1.61rem;line-height:1.08}.item-card p{font-size:1.1375rem;line-height:1.22}.item-card-meta{gap:.6rem;font-size:.9625rem;line-height:1.15}.equipment-slot{min-height:140px;padding:.8rem}.equipment-slot-label{font-size:.9975rem}.comparison-table{font-size:1.3125rem}.comparison-table th,.comparison-table td{padding:.5rem}
.boss-phase-shift .battle-environment{animation:boss-environment-shift .85s ease}.boss-phase-shift .enemy-combatant{filter:brightness(1.35) saturate(1.25)}@keyframes boss-environment-shift{45%{filter:brightness(1.28) saturate(1.3) hue-rotate(-8deg)}}