:root{color-scheme:dark;--bg:#171815;--panel:#20211d;--panel-light:#292a23;--line:#3a3b31;--gold:#c5a16a;--gold-bright:#e2c38e;--paper:#eee6d5;--muted:#a29f90;--dim:#73766a;--green:#7eaa95;--red:#b67059;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font:14px/1.5 var(--sans)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold-bright);outline-offset:5px}button{touch-action:manipulation}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:40px;line-height:1.12;letter-spacing:-.8px}h2{font-size:28px;line-height:1.25}h3{font-size:19px}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.eyebrow{display:block;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.primary{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:12px 22px;border:1px solid #dfc18c;background:var(--gold);color:#1f211a;font-weight:600;transition:background .2s,transform .2s;white-space:nowrap}.primary:hover:not(:disabled){background:var(--gold-bright);transform:translateY(-1px)}.primary:disabled{opacity:.4}.primary .icon:last-child{margin-left:15px;width:18px}.text-button{border:0;background:none;padding:12px 0;color:var(--gold);display:inline-flex;align-items:center;gap:10px;font-size:12px}.text-button:hover{color:var(--gold-bright)}
#app{min-height:100vh}.sidebar{position:fixed;width:218px;inset:0 auto 0 0;z-index:20;background:#1b1d18;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:35px 24px 20px}.brand{display:flex;gap:11px;align-items:center;font-family:var(--serif);font-size:14px;line-height:1.35;letter-spacing:1px}.brand b{font-weight:400;color:var(--gold-bright)}.brand small{display:block;margin-top:8px;font:7px var(--sans);letter-spacing:1.5px;color:var(--muted)}.brand-seal{height:44px;width:34px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);position:relative}.brand-seal:before{content:'';position:absolute;inset:4px;border:1px solid #c5a16a55}.brand-seal .icon{width:21px;height:21px}.sidebar-label{font-size:8px;letter-spacing:1.4px;color:var(--dim);margin:55px 0 15px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;width:calc(100% + 18px);margin-left:-9px;padding:12px 11px;border:1px solid transparent;background:none;color:var(--muted);text-align:left;font-size:12px}.nav-item .icon{width:18px;height:18px}.nav-item.active{border-color:#6b624344;background:#b5955d0e;color:var(--gold-bright)}.nav-item:hover:not(:disabled){background:#ffffff05;color:var(--paper)}.nav-item:disabled{opacity:.45}.nav-count{margin-left:auto;font-size:10px;border:1px solid var(--line);padding:0 5px}.live-dot{margin-left:auto;background:var(--green);height:5px;width:5px;border-radius:50%}.side-quote{margin-top:auto;padding:70px 0 65px;font-family:var(--serif);color:#bab5a3;font-size:19px;line-height:1.6}.side-quote>span{font-size:48px;line-height:1;color:var(--gold)}.side-quote i{display:block;width:30px;height:1px;background:var(--line);margin-top:20px}.sidebar-footer{margin-top:auto;font-size:8px;color:var(--dim);line-height:1.5}.sidebar-footer small{display:block;margin-top:8px;color:#717362}.save-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--green);margin-right:6px;vertical-align:middle}.save-dot.warn{background:var(--red)}.side-run{margin-top:40px}.side-run .eyebrow{font-size:8px;letter-spacing:1.5px}.side-roster{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px}.side-roster button{position:relative;padding:0;border:1px solid var(--line);background:var(--panel)}.side-roster img{width:100%;height:46px;object-fit:cover;object-position:center 22%}.side-roster span{position:absolute;bottom:-3px;right:-3px;background:var(--bg);border:1px solid var(--line);font-size:9px;width:16px;height:16px}.side-rule{height:1px;background:var(--line);margin:25px 0}.side-relics{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.side-relics button{border:1px solid #534d36;background:#27281f;color:var(--gold);width:36px;height:36px}.side-relics>span{font-size:11px;color:var(--dim)}.main{margin-left:218px;min-height:100vh}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;border-bottom:1px solid var(--line);gap:20px}.breadcrumb{font-size:10px;letter-spacing:1.7px;color:var(--dim);text-transform:uppercase}.breadcrumb span{color:#62634d;margin:0 13px}.breadcrumb b{font-weight:400;color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:24px}.edition{color:var(--dim);font-size:8px;letter-spacing:1.4px}.sound-toggle{display:flex;align-items:center;gap:7px;padding:7px 0 7px 16px;border:0;border-left:1px solid var(--line);background:none;color:var(--muted);font-size:10px}.sound-toggle .icon{width:15px;height:15px}.resource{display:flex;align-items:center;gap:7px;color:var(--gold);font-size:15px}.resource small{font-size:10px;color:var(--muted);margin-left:3px}
.hero{position:relative;height:520px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:64% 38%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#141712f5 0%,#171914db 28%,#17191477 48%,#17191408 85%),linear-gradient(0deg,#171815bf 0%,transparent 40%)}.hero-content{position:relative;padding:40px 48px;max-width:620px}.hero-eyebrow{font-size:8px;letter-spacing:2.1px;display:flex;align-items:center;gap:9px;color:#c5b898}.hero-eyebrow i{width:4px;height:4px;background:var(--gold);transform:rotate(45deg)}.hero h1{margin-top:27px;font-size:61px;line-height:1.06;letter-spacing:1px;color:#efe8d7;text-shadow:0 3px 20px #0004}.hero h1 em{font-style:normal;color:var(--gold-bright)}.hero-divider{display:flex;align-items:center;gap:15px;width:234px;margin:18px 0 14px;color:var(--gold)}.hero-divider span{height:1px;background:#c5a16a55;flex:1}.hero-divider .icon{height:16px;width:16px}.hero-subtitle{font:italic 23px var(--serif);color:#ded4bc}.hero-description{margin-top:17px;color:#c4c1b0;font-size:12px;line-height:1.85}.hero-actions{margin-top:22px;display:flex;align-items:center;flex-wrap:wrap;gap:20px}.hero-footnote{display:block;font-size:9px;color:#989d89;margin-top:15px;letter-spacing:.6px}.hero-corner{position:absolute;bottom:28px;right:32px;letter-spacing:4px;font-size:9px;color:#d6c5a1}.home-lower{padding:28px 38px 24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.section-heading h2{margin-top:6px;font-size:25px}.section-heading .eyebrow{font-size:8px}.starter-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{display:block;position:relative;text-align:left;width:100%;min-width:0;max-width:240px;border:1px solid #555040;padding:0;background:#24251f;transition:transform .18s,border-color .18s,box-shadow .18s;border-radius:3px;overflow:visible}.card:hover:not(:disabled){transform:translateY(-5px);border-color:var(--gold);box-shadow:0 8px 22px #0006}.card-art{position:relative;height:170px;overflow:hidden;border-radius:2px 2px 0 0}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#24251f 0%,transparent 45%);pointer-events:none}.card-art img{width:100%;height:100%;object-fit:cover;object-position:50% 23%;transition:transform .3s}.card:hover .card-art img{transform:scale(1.04)}.cost{position:absolute;top:10px;left:10px;width:27px;height:31px;display:grid;place-items:center;color:var(--gold-bright);background:#1b241eea;border:1px solid var(--gold);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);font:20px var(--serif);z-index:1}.card-faction{position:absolute;bottom:5px;left:13px;right:10px;color:var(--gold);font-size:7px;letter-spacing:1.4px;text-transform:uppercase;z-index:1}.card-copy{padding:8px 13px 15px}.card h3{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-stats{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;color:#c5c7b6;margin:10px 0;border-top:1px solid #454638;padding-top:9px}.card-stats>span{display:flex;align-items:center;gap:5px}.card-stats .icon{width:13px;height:13px;color:#8f9682}.card-stats small{font-size:8px;color:var(--dim)}.ability-label{font-size:8px;letter-spacing:.4px;color:var(--gold);margin:10px 0 5px;text-transform:uppercase}.ability-text{font-size:11px;line-height:1.55;color:#bcbca9;min-height:35px}.card.selected{border-color:var(--gold-bright);box-shadow:0 0 0 1px var(--gold),0 0 28px #c5a16a22;transform:translateY(-8px)}.selected-mark{position:absolute;top:-9px;right:-9px;display:grid;place-items:center;width:22px;height:22px;background:var(--gold);color:#1b2118;border-radius:50%}.selected-mark .icon{height:14px;width:14px}.card.locked .card-art img{filter:grayscale(.8) brightness(.65)}.locked-tag{position:absolute;top:12px;right:8px;z-index:1;background:#1d211bdd;color:#c0bdab;font-size:7px;padding:4px 6px;letter-spacing:.5px}.home-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;font-size:9px;color:var(--dim)}.home-footer p{display:flex;align-items:center;gap:8px}.home-footer .icon{width:15px;height:15px;color:var(--gold)}.home-footer i{margin:0 7px;font-style:normal}
.page-heading{padding:35px 38px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading h1{margin:8px 0 9px}.page-heading p{font-size:12px;color:var(--muted)}.chapter-number{font:75px var(--serif);color:#414333;line-height:1}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:25px;padding:0 38px 38px}.route-map{position:relative;aspect-ratio:680/760;border:1px solid var(--line);background:#1e221b;overflow:hidden;min-height:570px}.map-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#94734414 0%,transparent 60%),linear-gradient(0deg,#1b211d 0%,transparent 30%);opacity:1}.routes{position:absolute;inset:0;width:100%;height:100%;z-index:1}.route-line{stroke:#a0916944;stroke-width:1.3;fill:none;stroke-dasharray:4 5}.route-line.passed{stroke:var(--gold);stroke-dasharray:none;stroke-width:2}.map-node-layer{position:absolute;inset:0;z-index:2}.map-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:none;padding:0;color:#76765f;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:7px}.map-node>span{display:grid;place-items:center;width:47px;height:47px;background:#22271e;border:1px solid #575744;transform:rotate(45deg);transition:box-shadow .2s,border-color .2s,background .2s}.map-node .icon{transform:rotate(-45deg);width:21px;height:21px}.map-node b{font-size:9px;font-weight:400;letter-spacing:.5px;background:#1e221bee;padding:1px 4px}.map-node.available{color:var(--gold-bright)}.map-node.available>span{border-color:var(--gold);box-shadow:0 0 25px #c5a16a12;background:#313024}.map-node.available:hover>span{background:#48412b;box-shadow:0 0 30px #c5a16a33}.map-node.visited{color:#879a81}.map-node.visited>span{border-color:#687c5f;background:#2c3626}.map-node.current>span{border-color:var(--gold-bright)}.boss-node>span{width:60px;height:60px;border-color:#74583c;background:#342b21}.boss-node b{font:14px var(--serif);max-width:190px;white-space:nowrap}.map-start{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:10px;color:#9caa8a;white-space:nowrap}.map-start .icon{width:16px;height:16px}.map-watermark{position:absolute;bottom:20px;right:20px;letter-spacing:3px;font:10px var(--serif);color:#676e5133}.map-notes{padding-top:8px}.map-notes h2{margin:10px 0 13px;font-size:26px}.map-notes>p{font-size:12px;color:var(--muted);line-height:1.85}.boss-preview{position:relative;height:190px;margin:25px 0;overflow:hidden;border:1px solid var(--line)}.boss-preview img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.boss-preview>div{position:absolute;inset:auto 0 0;padding:30px 15px 15px;background:linear-gradient(transparent,#151914)}.boss-preview span{font-size:7px;color:var(--gold);letter-spacing:1.7px}.boss-preview h3{margin-top:5px;font-size:20px}.map-legend{border-top:1px solid var(--line);padding-top:17px;display:flex;flex-direction:column;gap:13px}.map-legend>div{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}.map-legend .icon{width:16px;height:16px;color:var(--gold)}.map-legend small{margin-left:auto;font-size:8px;color:var(--dim)}.map-notes .map-hint{font-size:10px;margin-top:25px;line-height:1.7;display:flex;gap:10px}.map-hint .icon{margin-top:3px;width:17px;height:17px;color:var(--gold)}
.battle-heading{padding:26px 30px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.battle-heading h1{font-size:29px;margin-top:7px}.turn-pill{border:1px solid var(--line);padding:5px 14px;text-align:center;background:#272820}.turn-pill span{display:block;font-size:7px;letter-spacing:1.5px;color:var(--gold)}.turn-pill b{font:26px var(--serif)}.boss-rule{display:flex;align-items:center;gap:10px;margin:0 30px 18px;background:#43331e44;border:1px solid #795d3633;padding:10px 14px;font-size:10px;color:var(--muted)}.boss-rule b{color:var(--gold);font-weight:400}.boss-rule .icon{width:15px;height:15px;color:var(--gold)}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:23px;padding:0 30px 26px}.combat-main{min-width:0}.arena{position:relative;background:#22291f;border:1px solid #52543f;padding:12px 18px 5px;overflow:hidden}.arena-background{position:absolute;inset:0;background:linear-gradient(#172018df,#172018f2),url('assets/escenarios/minas.png') center 45%/cover;opacity:.9;pointer-events:none}.battle-side-label{position:relative;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#a78c66;margin-bottom:8px}.battle-side-label small{font-size:8px;letter-spacing:.2px;color:var(--muted)}.field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative;justify-items:center;max-width:610px;margin:auto}.lane{width:100%;max-width:170px;height:174px;border:1px solid #73856422;border-radius:2px;background:#111a1440;position:relative}.ally-lane{padding:0;overflow:visible;border-style:dashed}.ally-lane:disabled{opacity:1}.ally-lane.deployable{border-color:var(--gold);box-shadow:inset 0 0 18px #c5a16a11;cursor:pointer}.ally-lane.deployable:hover{background:#b28c3c33;box-shadow:0 0 20px #c5a16a33}.enemy-lane{border:1px solid #87644633}.field-unit{position:relative;width:100%;height:100%;border:1px solid #788b6177;border-radius:2px;overflow:hidden;background:#222}.field-unit.foe{border-color:#a66d4777}.field-unit>img{width:100%;height:100%;object-fit:cover;object-position:center 21%}.field-gradient{position:absolute;inset:0;background:linear-gradient(0deg,#101c13 0%,#13211788 35%,transparent 75%)}.foe .field-gradient{background:linear-gradient(0deg,#261c15 0%,#261c1577 35%,transparent 75%)}.unit-level{position:absolute;top:6px;left:7px;font-size:8px;color:#e5dfc9;background:#17211bdd;padding:2px 5px}.unit-protection{position:absolute;top:6px;right:6px;font-size:9px;background:#16312dcc;color:#b2d1c5;padding:2px 5px;display:flex;align-items:center;gap:3px}.unit-protection .icon{width:11px;height:11px}.unit-caption{position:absolute;bottom:0;left:0;right:0;padding:7px 9px;text-align:left}.unit-caption h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ebe5d2}.unit-stats{display:flex;justify-content:space-between;font-size:10px;margin-top:2px;color:#d7d6bc}.unit-stats span{display:flex;align-items:center;gap:4px}.unit-stats .icon{height:12px;width:12px;color:#aab291}.health-bar{height:4px;margin:6px 0 3px;background:#0b0e09;border:1px solid #71976955}.health-bar>span{display:block;height:100%;background:#819b65;transition:width .3s}.foe .health-bar>span{background:#a77958}.unit-health{font-size:9px;color:#e4dfc8;display:flex;align-items:center;gap:2px}.unit-health>small{color:#89987f;font-size:8px}.unit-health>span{margin-left:auto;color:var(--gold);font-size:6px;letter-spacing:.2px}.empty-enemy{height:100%;display:grid;place-items:center;color:#5c6348;font-size:22px}.battle-divider{position:relative;display:flex;align-items:center;gap:8px;color:#7f7c57;margin:8px 0;font:9px var(--serif)}.battle-divider span{height:1px;background:#66704b33;flex:1}.battle-divider i{font-style:normal}.empty-lane{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#85977d}.empty-lane>.icon{height:26px;width:26px;opacity:.55}.empty-lane b{font:14px var(--serif);font-weight:400}.empty-lane small{font-size:8px;color:#717e69}.deployable .empty-lane{color:var(--gold)}.arena-instruction{position:relative;padding:10px 0 7px;text-align:center;font-size:9px;color:#9ba68c;letter-spacing:.1px}.hand-heading{display:flex;align-items:center;justify-content:space-between;margin:15px 0 11px;gap:12px}.hand-heading .eyebrow{font-size:8px}.hand-heading b{font-weight:400;color:var(--muted);margin-left:6px}.deck-size{font-size:8px;color:var(--dim);display:flex;align-items:center;gap:5px}.deck-size .icon{height:12px;width:12px}.hand{display:flex;gap:12px;min-height:242px;padding:5px 1px 8px;align-items:flex-start;overflow-x:auto}.hand .card{width:139px;flex:0 0 139px}.hand .card-art{height:110px}.hand .card h3{font-size:15px}.hand .card-copy{padding:6px 9px 10px}.hand .card-stats{font-size:9px;gap:3px;margin:7px 0;padding-top:6px}.hand .card-stats .icon{width:11px;height:11px}.hand .ability-text{font-size:9px;min-height:32px}.hand .ability-label{font-size:7px;margin-top:6px}.hand .card-faction{font-size:6px;left:9px}.hand .cost{width:23px;height:26px;top:7px;left:7px;font-size:17px}.card.unaffordable{opacity:.47;filter:saturate(.5)}.empty-hand{font:italic 16px var(--serif);color:var(--muted);align-self:center;margin:auto;padding:20px}.combat-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:13px;border-top:1px solid var(--line)}.mana{display:flex;align-items:center;gap:13px}.mana-gem{height:43px;width:39px;background:#293d30;border:1px solid #98b17a;color:#d3dfb9;display:grid;place-items:center;font:27px var(--serif);clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%)}.mana b{display:block;font-size:8px;letter-spacing:1.2px;color:#abb49c;font-weight:400}.mana small{font-size:8px;color:var(--dim)}.end-turn{min-height:44px;padding:10px 18px;font-size:12px}.battle-journal{padding:4px 0}.battle-journal .eyebrow{font-size:7px;letter-spacing:1.6px}.battle-journal h2{font-size:22px;margin-top:8px;padding-bottom:17px;border-bottom:1px solid var(--line)}.combat-log{margin:0;padding:16px 0 0;list-style:none;max-height:420px;overflow:auto;scrollbar-width:thin;scrollbar-color:#424736 transparent}.combat-log li{font-size:10px;line-height:1.6;color:#929784;border-left:1px solid #48503b;padding:0 0 13px 12px;margin-left:3px;position:relative}.combat-log li:before{position:absolute;content:'';height:3px;width:3px;left:-2px;top:6px;background:#596247}.combat-log li.latest{color:var(--gold-bright)}.combat-log li.latest:before{background:var(--gold)}.combat-tip{border-top:1px solid var(--line);padding-top:17px;margin-top:25px;font-size:9px;line-height:1.7;color:var(--dim)}.combat-tip>.icon{color:var(--gold);height:17px;width:17px;margin-bottom:9px}.combat-tip p+p{margin-top:10px}.resolving{animation:combat-pulse .42s ease}@keyframes combat-pulse{40%{box-shadow:inset 0 0 30px #d1ac6666;filter:brightness(1.25)}100%{filter:brightness(1)}}
.narrative{position:relative;min-height:calc(100vh - 76px);padding:55px 48px;isolation:isolate;overflow:hidden}.narrative-art{position:absolute;inset:0;z-index:-1}.narrative-art>img{position:absolute;height:100%;width:62%;right:0;object-fit:cover;object-position:50% 20%;opacity:.5}.narrative-art>div{position:absolute;inset:0;background:linear-gradient(90deg,#171815 0%,#171815d9 40%,#17181570 100%),linear-gradient(0deg,#171815 0%,transparent 65%)}.narrative-content{position:relative;max-width:860px}.narrative h1{margin:16px 0 20px;font-size:47px}.narrative-text{max-width:510px;font:18px/1.8 var(--serif);color:#c4c0ae;margin-bottom:32px}.choice-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:690px}.choice-cards .card-art{height:195px}.choice-cards .card{background:#22251fea}.choice-footer{max-width:690px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;font-size:11px;color:var(--muted)}.decision-options{display:flex;flex-direction:column;gap:14px;max-width:550px;margin-top:25px}.decision{display:flex;align-items:center;gap:18px;text-align:left;padding:24px;border:1px solid #73634655;background:#28291eea}.decision>.icon{color:var(--gold);height:24px;width:24px}.decision>.icon:last-child{margin-left:auto;height:18px;width:18px}.decision h3{font-size:22px;margin-bottom:6px}.decision p{font-size:12px;color:var(--muted)}.decision:hover:not(:disabled){border-color:var(--gold);background:#333225}.decision:disabled{opacity:.4}.relic-options{display:flex;flex-direction:column;gap:13px;max-width:560px;margin:24px 0}.relic-option{display:flex;align-items:center;gap:20px;text-align:left;background:#29291edb;border:1px solid #6d624344;padding:20px}.relic-option:hover{border-color:var(--gold)}.relic-option h3{font-size:22px;margin-bottom:6px}.relic-option p{font-size:11px;color:var(--muted)}.relic-option>.icon{margin-left:auto;height:17px;width:17px;color:var(--gold)}.relic-seal{width:49px;height:49px;border:1px solid #776a40;display:grid;place-items:center;color:var(--gold);background:#2b2a1d;flex-shrink:0}.relic-seal .icon{width:26px;height:26px}.reward-summary{display:flex;gap:40px;flex-wrap:wrap;margin:30px 0 40px}.reward-summary>span{display:grid;grid-template-columns:20px auto;gap:4px 10px;align-items:center}.reward-summary .icon{color:var(--gold);height:17px;width:17px}.reward-summary b{font:20px var(--serif)}.reward-summary small{grid-column:2;font-size:9px;color:var(--muted)}.chapter-benefit{color:var(--green);font-size:12px;margin:0 0 30px;display:flex;align-items:center;gap:10px}.end-statistics{display:flex;gap:45px;flex-wrap:wrap;margin:30px 0 40px}.end-statistics span{display:flex;flex-direction:column;color:var(--muted);font-size:10px}.end-statistics b{font:47px var(--serif);color:var(--gold-bright);margin-bottom:6px}.codex-count{font:53px var(--serif);color:var(--gold);white-space:nowrap}.codex-count small{font-size:20px;color:var(--dim);margin-left:6px}.codex-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 38px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;gap:20px}.codex-toolbar>span{font-size:11px;color:var(--muted)}.codex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;padding:0 38px 40px}.codex-grid .card-art{height:185px}
.enemy-lane{padding:0;text-align:left}.enemy-lane:not(:disabled):hover{border-color:var(--gold)}
.modal-backdrop{position:fixed;inset:0;background:#080d09ca;backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:30px;overflow:auto}.modal{position:relative;width:100%;max-width:500px;background:#25261f;border:1px solid #81704a;padding:42px;box-shadow:0 30px 100px #0009;max-height:90vh;overflow:auto}.modal.wide{max-width:860px}.modal h2{font-size:33px;margin:12px 0 20px}.modal>p{color:var(--muted);font-size:13px;line-height:1.8}.modal-close{position:absolute;top:12px;right:12px;width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);color:var(--muted)}.modal-close:hover{color:var(--paper);border-color:var(--gold)}.modal-close .icon{height:15px;width:15px}.modal-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 40px}.help-grid b{font:24px var(--serif);color:var(--gold)}.help-grid h3{margin:6px 0 10px;font-size:20px}.help-grid p{font-size:12px;line-height:1.8;color:var(--muted)}.modal .help-footer{font-size:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;line-height:1.8}kbd{font:10px var(--sans);padding:1px 4px;border:1px solid var(--line);margin:0 2px;color:var(--paper);background:var(--bg)}.detail-layout{display:grid;grid-template-columns:45% 1fr;gap:35px;align-items:center}.detail-image{width:100%;max-height:480px;object-fit:cover;object-position:50% 23%;border:1px solid var(--line)}.detail-layout h2{font-size:37px;margin:12px 0 9px}.detail-title{color:var(--gold);font:italic 16px var(--serif)}.detail-layout p{font-size:12px;color:var(--muted);line-height:1.9;margin:22px 0}.detail-stats{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:25px 0}.detail-stats>span{display:flex;align-items:center;gap:7px}.detail-stats .icon{height:16px;width:16px;color:var(--gold)}.detail-cost{font-size:10px;color:var(--gold)}.detail-layout .locked-note{font-size:10px;color:#90977c}.replace-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.replace-grid .card-art{height:120px}.replace-grid .card h3{font-size:15px}.replace-grid .ability-text{font-size:9px}.toast{position:fixed;bottom:25px;left:calc(50% + 109px);transform:translateX(-50%);z-index:120;background:#303528;border:1px solid var(--gold);box-shadow:0 8px 25px #0008;padding:15px 22px;display:flex;align-items:center;gap:12px;font-size:12px;max-width:90vw}.toast .icon{color:var(--gold)}
@media(min-width:1500px){.main{max-width:1450px;margin-left:218px}.hero{height:620px}.hero-content{padding:65px}.hero h1{font-size:80px}.hero-description{font-size:14px}.hero-actions{margin-top:30px}.hero-divider{margin-top:25px}.hero-subtitle{font-size:29px}.hero-content .primary{min-height:55px}.home-lower{padding:35px 48px}.starter-cards .card{max-width:none}.starter-cards .card-art{height:225px}.map-layout{grid-template-columns:minmax(0,780px) 290px;gap:45px}.battle-layout{grid-template-columns:minmax(0,1fr) 250px;gap:40px}.lane{height:208px;max-width:190px}.hand .card{width:155px;flex-basis:155px}.hand .card-art{height:135px}.hand .ability-text{font-size:10px}.field-row{max-width:660px}}
@media(max-width:1190px){.sidebar{width:190px;padding:30px 20px 20px}.main{margin-left:190px}.brand{font-size:12px;gap:9px}.brand small{font-size:6px}.topbar{padding:0 28px}.edition{display:none}.hero-content{padding:36px}.hero h1{font-size:53px}.hero{height:510px}.home-lower{padding:27px}.starter-cards{gap:12px}.starter-cards .card-art{height:150px}.card h3{font-size:17px}.card-copy{padding:8px 10px 12px}.ability-text{font-size:10px}.map-layout{padding:0 28px 28px;grid-template-columns:minmax(0,1fr) 215px;gap:22px}.route-map{min-height:560px}.page-heading{padding:30px 28px}.map-node>span{height:39px;width:39px}.boss-node>span{height:47px;width:47px}.map-node b{font-size:8px}.boss-node b{font-size:12px}.map-notes h2{font-size:23px}.battle-layout{grid-template-columns:minmax(0,1fr);padding:0 28px 26px;gap:24px}.battle-journal{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.battle-journal>.eyebrow,.battle-journal>h2{grid-column:1}.combat-log{grid-column:1;max-height:160px}.combat-tip{grid-column:2;grid-row:1/4;margin-top:0;padding-top:5px;border-top:0;border-left:1px solid var(--line);padding-left:20px}.field-row{max-width:620px}.lane{height:172px;max-width:175px}.hand .card{width:142px;flex-basis:142px}.hand .card-art{height:105px}.hero-shade{background:linear-gradient(90deg,#141712f5 0%,#171914d9 33%,#17191470 60%,#1719140a 95%),linear-gradient(0deg,#171815bf,transparent 40%)}.codex-grid{grid-template-columns:repeat(3,1fr);padding:0 28px 35px;gap:22px 18px}.codex-toolbar{margin:0 28px 25px}.narrative{padding:40px 32px}.narrative h1{font-size:39px}.toast{left:calc(50% + 95px)}}
@media(max-width:900px){.sidebar{position:relative;inset:auto;width:100%;height:auto;padding:13px 20px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.brand-seal{width:29px;height:33px}.brand{font-size:10px}.brand small{display:none}.sidebar nav{flex-direction:row;gap:3px}.nav-item{margin:0;width:auto;padding:10px;font-size:10px;gap:7px}.nav-item .icon{height:16px;width:16px}.sidebar-label,.side-quote,.side-run,.sidebar-footer{display:none}.main{margin-left:0}.topbar{height:55px;padding:0 25px}.breadcrumb{font-size:9px}.topbar-right{gap:12px}.hero{height:510px}.hero-content{padding:40px}.hero h1{font-size:61px}.starter-cards .card-art{height:185px}.home-lower{padding:28px}.home-footer{flex-wrap:wrap;gap:10px}.map-layout{grid-template-columns:minmax(0,1fr) 215px}.route-map{min-height:570px}.battle-layout{grid-template-columns:minmax(0,1fr) 180px;gap:20px;padding:0 25px 25px}.battle-journal{display:block}.combat-log{max-height:360px}.combat-tip{border-top:1px solid var(--line);border-left:0;margin-top:22px;padding:20px 0 0}.battle-heading{padding:23px 25px 18px}.lane{height:164px}.field-row{gap:11px}.unit-caption h3{font-size:13px}.arena{padding:12px 12px 5px}.hand .card{width:125px;flex-basis:125px}.hand .card-art{height:100px}.hand .card-stats{font-size:8px}.hand .card-stats>span{gap:2px}.hand .card h3{font-size:13px}.hand .ability-text{font-size:8px}.hand{min-height:228px;gap:10px}.hand .ability-label{font-size:6px}.toast{left:50%}.narrative{min-height:calc(100vh - 115px)}.codex-grid{grid-template-columns:repeat(4,1fr)}.codex-grid .card-art{height:160px}.codex-grid .card h3{font-size:16px}}
@media(max-width:700px){.sidebar{padding:12px 15px}.nav-item{font-size:0;padding:8px 10px}.nav-item .icon{height:19px;width:19px}.nav-count,.live-dot{display:none}.topbar{padding:0 18px;height:49px}.breadcrumb{font-size:8px;letter-spacing:1.1px}.breadcrumb span{margin:0 6px}.sound-toggle{font-size:0;padding-left:11px}.topbar-right{gap:10px}.resource{font-size:12px}.resource small{display:none}.hero{height:520px}.hero-content{padding:39px 25px}.hero h1{font-size:53px}.hero-image{object-position:53% 40%;opacity:.85}.hero-shade{background:linear-gradient(90deg,#141712e6 0%,#171914ad 50%,#17191433 100%),linear-gradient(0deg,#171815,transparent 50%)}.hero-eyebrow{font-size:6px;letter-spacing:1.5px}.hero-description{font-size:12px}.hero-corner{right:22px;bottom:23px;font-size:7px;letter-spacing:2px}.hero-footnote{font-size:8px}.home-lower{padding:25px 18px}.section-heading{gap:12px}.section-heading h2{font-size:23px}.section-heading .text-button{font-size:10px}.section-heading .eyebrow{font-size:7px}.starter-cards{grid-template-columns:repeat(2,1fr);gap:18px 14px}.starter-cards .card{max-width:none}.starter-cards .card-art{height:180px}.card h3{font-size:20px}.ability-text{font-size:11px}.card-stats{font-size:10px}.page-heading{padding:26px 18px 23px}.page-heading h1{font-size:30px}.page-heading p{font-size:11px;max-width:280px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.chapter-number{font-size:55px}.map-layout{padding:0 18px 26px;display:block}.route-map{min-height:620px;aspect-ratio:auto}.map-notes{margin-top:30px}.boss-preview{height:160px}.map-legend{display:grid;grid-template-columns:1fr 1fr;gap:14px}.map-legend small{display:none}.map-node>span{height:43px;width:43px}.boss-node>span{height:53px;width:53px}.boss-node b{font-size:13px}.map-node b{font-size:9px}.map-notes .map-hint{margin-top:20px}.battle-heading{padding:20px 18px 16px}.battle-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.battle-heading h1{font-size:24px}.turn-pill{padding:3px 11px}.battle-layout{display:block;padding:0 14px 24px}.battle-journal{margin:28px 5px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.combat-log{max-height:180px}.combat-tip{grid-column:2;grid-row:1/4;margin:0;padding:4px 0 0 15px;border-top:0;border-left:1px solid var(--line);font-size:8px}.arena{padding:10px 9px 4px}.field-row{gap:9px}.lane{height:152px}.unit-caption{padding:6px}.unit-caption h3{font-size:12px}.unit-stats{font-size:9px}.unit-stats .icon{height:10px;width:10px}.unit-level{font-size:7px;left:5px;top:5px}.unit-protection{font-size:7px;right:5px;top:5px}.unit-health{font-size:8px}.unit-health>span{font-size:5px}.arena-instruction{font-size:8px;line-height:1.7}.empty-lane b{font-size:12px}.empty-lane small{font-size:6px}.empty-lane>.icon{width:21px;height:21px}.boss-rule{margin:0 18px 16px;font-size:9px;flex-wrap:wrap;gap:7px}.boss-rule>span{display:block;width:100%;padding-left:22px;font-size:9px}.hand{min-height:240px;gap:11px;padding:10px 1px 12px}.hand .card{width:131px;flex-basis:131px}.hand .card-art{height:110px}.hand .card h3{font-size:14px}.hand .ability-text{font-size:9px}.hand .card-stats{font-size:9px}.mana-gem{height:38px;width:33px;font-size:24px}.mana{gap:9px}.mana b{font-size:7px;letter-spacing:.8px}.mana small{font-size:7px}.combat-controls{gap:10px}.end-turn{padding:10px 13px;font-size:10px;gap:8px;min-height:41px}.end-turn .icon:last-child{margin-left:4px;width:15px}.narrative{padding:35px 22px}.narrative h1{font-size:35px}.narrative-text{font-size:17px;margin-bottom:28px}.narrative-art>img{width:100%;opacity:.3}.narrative-art>div{background:linear-gradient(90deg,#171815d9,#1718158c),linear-gradient(0deg,#171815,transparent 80%)}.choice-cards{gap:11px}.choice-cards .card-art{height:145px}.choice-cards .card h3{font-size:15px}.choice-cards .card-copy{padding:6px 8px 10px}.choice-cards .card-stats{font-size:8px;gap:2px}.choice-cards .card-stats>span{gap:2px}.choice-cards .card-stats .icon{height:10px;width:10px}.choice-cards .ability-text{font-size:9px}.choice-cards .card-faction{font-size:6px;left:8px}.choice-cards .ability-label{font-size:6px}.choice-cards .cost{height:27px;width:24px;font-size:17px;left:7px;top:7px}.choice-footer{font-size:9px;gap:10px}.choice-footer .text-button{font-size:10px}.decision{padding:20px 16px;gap:13px}.decision h3{font-size:20px}.decision p{font-size:11px}.decision>.icon{width:21px;height:21px}.relic-option{padding:17px 14px;gap:14px}.relic-option h3{font-size:20px}.relic-option p{font-size:10px}.relic-seal{height:41px;width:41px}.relic-seal .icon{width:22px;height:22px}.reward-summary{gap:22px;margin:25px 0 30px}.reward-summary b{font-size:17px}.reward-summary small{font-size:8px}.end-statistics{gap:32px}.codex-grid{padding:0 18px 30px;grid-template-columns:repeat(2,1fr);gap:24px 15px}.codex-grid .card{max-width:none}.codex-grid .card-art{height:180px}.codex-grid .card h3{font-size:19px}.codex-toolbar{margin:0 18px 25px;gap:12px}.codex-toolbar>span{font-size:10px}.codex-toolbar .primary{padding:9px 12px;font-size:11px;min-height:40px}.codex-toolbar .primary .icon:last-child{margin-left:0}.codex-count{font-size:43px}.codex-count small{font-size:15px}.modal-backdrop{padding:15px}.modal{padding:35px 23px;max-height:90dvh}.modal h2{font-size:28px}.help-grid{gap:24px 20px}.help-grid h3{font-size:18px}.help-grid p{font-size:11px;line-height:1.75}.detail-layout{grid-template-columns:1fr;gap:23px}.detail-image{height:240px;object-position:50% 20%}.detail-layout h2{font-size:31px}.detail-layout p{margin:15px 0}.detail-stats{margin:20px 0}.replace-grid{grid-template-columns:repeat(2,1fr);gap:17px}.toast{bottom:16px;font-size:11px;min-width:270px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Motion follows game events; the saved battle always contains the resolved turn. */
.resolving{animation:none}
.lane.striking{z-index:5}
.combat-float{position:absolute;z-index:12;left:50%;top:30%;pointer-events:none;white-space:nowrap;font-weight:700;font-size:20px;color:#fff1df;text-shadow:0 2px 5px #100b08,0 0 12px #35140f;background:#582d22e8;border:1px solid #dd927a77;padding:3px 7px;border-radius:3px}
.combat-float.shield,.combat-float.heal,.combat-float.inspire,.combat-float.status{font-size:11px;top:13%;font-weight:500;background:#233a35ed;color:#e3f3d8;border-color:#a9c9a777}
.combat-float.shield{top:4%;background:#243b4aed;color:#daf2ff;border-color:#a4d3f277}
.combat-float.poison{background:#343c1aed;color:#e6f5b4;border-color:#a5c95777}
.combat-float.status{top:70%;background:#302f27e8;color:#f6dfae}
.motion-ghost{margin:0!important;max-width:none!important;box-shadow:0 15px 40px #090c1266;overflow:hidden;transform-origin:center}
.combat-ash{position:fixed;pointer-events:none;z-index:13;width:4px;height:4px;background:#c3b8a1;box-shadow:0 0 5px #d3b98377;border-radius:1px}
.route-traveler{fill:none;stroke:#f5ce89;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 5px #c99647)}
.map-node.available>span{animation:destination-breathe 2.8s ease-in-out infinite}
.map-node.available:nth-child(3n)>span{animation-delay:.5s}
.boss-preview>img{animation:boss-breathe 8s ease-in-out infinite;transform-origin:center}
.boss-preview{overflow:hidden}
.arena-background:after,.map-atmosphere:after{content:'';position:absolute;inset:-25%;pointer-events:none;opacity:.25;background-image:radial-gradient(2px 2px at 13% 17%,#e2d3a7 70%,transparent),radial-gradient(1px 1px at 42% 67%,#e2d3a7 70%,transparent),radial-gradient(2px 2px at 77% 38%,#e2d3a7 70%,transparent),radial-gradient(1px 1px at 91% 82%,#e2d3a7 70%,transparent);background-size:210px 270px;animation:ash-drift 22s linear infinite}
.route-map,.arena{isolation:isolate;overflow:hidden}
.motion-settings{display:flex;align-items:center;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.motion-settings b{font-size:14px;font-weight:500}
.motion-settings p{font-size:11px;line-height:1.7;color:var(--muted);margin:7px 0 0}
.motion-toggle{flex-shrink:0;display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 11px;color:var(--muted);background:var(--panel);font-size:12px}
.motion-toggle>span{display:block;width:25px;height:14px;border-radius:12px;background:#777b7466;position:relative}
.motion-toggle>span:before{content:'';position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--ink);transition:transform .2s}
.motion-toggle[aria-checked=true]>span{background:#7c9b67}
.motion-toggle[aria-checked=true]>span:before{transform:translateX(11px)}
.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes destination-breathe{0%,100%{box-shadow:0 0 0 0 #be995700;filter:brightness(1)}50%{box-shadow:0 0 0 5px #be995718,0 0 18px #be99572b;filter:brightness(1.12)}}
@keyframes boss-breathe{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.035);filter:brightness(1.08)}}
@keyframes ash-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(35px,-90px,0)}}
@media(prefers-reduced-motion:reduce){.map-node.available>span,.boss-preview>img,.arena-background:after,.map-atmosphere:after{animation:none!important}}

.codex-sections{display:flex;gap:10px;margin:0 38px 24px}.codex-sections button{display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:12px}.codex-sections button[aria-pressed=true]{border-color:var(--gold);color:var(--gold-bright);background:#b5955d12}.codex-sections button:hover{border-color:var(--gold)}.codex-sections .icon{width:18px;height:18px}.codex-sections button>span{font-size:10px;padding-left:8px;border-left:1px solid var(--line)}.codex-relic-note{display:flex;align-items:flex-start;gap:12px;margin:0 38px 26px;max-width:760px;color:var(--muted);font-size:12px;line-height:1.8}.codex-relic-note>.icon{color:var(--gold);flex-shrink:0;margin-top:2px}.codex-relic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 38px 40px}.codex-relic{display:flex;gap:16px;padding:22px 18px;text-align:left;border:1px solid #6d624344;background:var(--panel);min-width:0;transition:border-color .18s,background .18s}.codex-relic:hover{border-color:var(--gold);background:#303126}.codex-relic.owned{border-color:#819b6577}.codex-relic-copy{display:flex;flex-direction:column;min-width:0;flex:1}.codex-relic .eyebrow{font-size:7px;letter-spacing:1px;line-height:1.7}.codex-relic h3{font-size:21px;line-height:1.25;margin:7px 0 10px;overflow-wrap:anywhere}.codex-relic-effect{font-size:11px;line-height:1.8;color:var(--muted)}.codex-relic-footer{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--gold);padding-top:18px;margin-top:auto}.codex-relic-footer .icon{height:13px;width:13px}.codex-relic.owned .codex-relic-footer{color:var(--green)}.relic-detail-label{display:block;margin-top:20px;line-height:1.8}.modal .relic-detail-note{font-size:11px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.modal .relic-owned{color:var(--green);display:flex;align-items:center;gap:8px;margin-top:18px}.relic-owned .icon{height:16px;width:16px}.relic-character-link{margin-top:22px}
@media(max-width:1190px){.codex-sections{margin-right:28px;margin-left:28px}.codex-relic-note{margin-right:28px;margin-left:28px}.codex-relic-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:28px;padding-left:28px}}
@media(max-width:700px){.codex-sections{margin:0 18px 22px;gap:8px}.codex-sections button{flex:1;justify-content:center;padding:11px 10px;font-size:11px}.codex-relic-note{margin:0 18px 22px;font-size:11px;gap:10px}.codex-relic-grid{grid-template-columns:1fr;padding:0 18px 30px;gap:14px}.codex-relic{padding:20px 17px}.codex-count:has(small){flex-shrink:0}.codex-count small{display:block;margin:0;font-size:13px}}

/* Diez mapas por acto: mantener espacio entre destinos y acceso a los artefactos. */
.route-map{aspect-ratio:680/1200;min-height:1040px}.map-node{gap:4px}.map-number{font-size:7px;letter-spacing:1px;color:var(--muted);background:var(--panel)}.side-run{min-height:0;overflow-y:auto;padding:0 4px 15px 0}.side-relics button{width:30px;height:30px}.side-relics{gap:6px}.side-relics .icon{width:17px;height:17px}
@media(max-width:700px){.route-map{min-height:1040px;aspect-ratio:auto}.map-node{min-width:74px}.boss-node b{max-width:130px;white-space:normal;text-align:center}.map-number{font-size:7px}}

/* La aventura ocupa la pantalla; la navegación se abre sobre ella. */
.topbar-left{display:flex;align-items:center;gap:24px;min-width:0}
.menu-toggle{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);background:var(--panel);color:var(--gold);font-size:11px;flex-shrink:0}
.menu-toggle:hover,.menu-close:hover{border-color:var(--gold);color:var(--gold-bright)}
.menu-close{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);color:var(--muted)}
.menu-close .icon{width:16px;height:16px}
.menu-backdrop{position:fixed;inset:0;z-index:30;border:0;background:#080d09a6;backdrop-filter:blur(3px);cursor:default}
.adventure .main{margin-left:0;max-width:none}
.adventure .topbar{position:sticky;top:0;z-index:10;background:var(--bg)}
.adventure .sidebar{position:fixed;inset:0 auto 0 0;width:260px;height:100dvh;z-index:40;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:50px 24px 20px;border-right:1px solid var(--line);border-bottom:0;gap:0;overflow-y:auto;box-shadow:20px 0 60px #0006}
.adventure .sidebar[hidden]{display:none}
.adventure .sidebar nav{flex-direction:column;gap:7px}
.adventure .nav-item{font-size:12px;width:calc(100% + 18px);margin-left:-9px;padding:12px 11px;gap:13px}
.adventure .nav-item .icon{width:18px;height:18px}
.adventure .brand{font-size:14px;gap:11px}
.adventure .brand-seal{height:44px;width:34px}
.adventure .brand small,.adventure .sidebar-label,.adventure .side-run,.adventure .sidebar-footer,.adventure .nav-count,.adventure .live-dot{display:block}
.adventure .brand small{font-size:7px}
.adventure .sidebar-label{margin-top:35px}
.adventure .side-run{flex:1;min-height:140px;margin-top:30px}
.adventure .sidebar-footer{padding-top:15px}
.adventure .toast{left:50%}
.adventure .page-heading{max-width:1320px;margin:0 auto}
.adventure .map-layout{grid-template-columns:minmax(180px,245px) minmax(0,680px) minmax(180px,245px);gap:28px;max-width:1320px;margin:0 auto;justify-content:center}
.adventure .map-notes{position:sticky;top:100px;align-self:start;max-height:calc(100dvh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.map-party{min-width:0;padding-top:8px;position:sticky;top:100px;align-self:start;max-height:calc(100dvh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.map-party .eyebrow{font-size:8px;letter-spacing:1.4px}
.map-party h2{display:flex;align-items:center;justify-content:space-between;font-size:26px;margin:10px 0 20px}
.map-party h2 small{font:11px var(--sans);color:var(--dim)}
.map-roster{display:grid;gap:10px}
.map-companion{display:flex;align-items:center;gap:12px;padding:10px;width:100%;min-width:0;text-align:left;background:var(--panel);border:1px solid var(--line)}
.map-companion:hover{border-color:var(--gold);background:var(--panel-light)}
.map-companion>img{width:54px;height:76px;object-fit:cover;object-position:center 22%;border:1px solid #73674d55;flex-shrink:0}
.companion-copy{display:block;min-width:0;flex:1}
.companion-copy>b{display:block;font:18px var(--serif);overflow-wrap:anywhere}
.companion-copy>small{display:block;font-size:9px;color:var(--dim);margin:3px 0 8px}
.companion-health{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--green)}
.companion-health .icon{width:12px;height:12px}
.companion-health small{font-size:9px;color:var(--muted)}
.companion-copy .health-bar{display:block;height:4px;margin:7px 0 0}
.map-artifacts{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}
.map-relics{display:grid;gap:8px}
.map-relics button{display:flex;align-items:center;gap:10px;padding:11px;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--gold);font-size:11px}
.map-relics button:hover{border-color:var(--gold);background:var(--panel-light)}
.map-relics .icon{height:18px;width:18px}
.map-relics p{font-size:11px;color:var(--muted);line-height:1.8}
@media(max-width:1190px){.adventure .map-layout{grid-template-columns:190px minmax(0,680px) 190px;gap:20px}.map-party h2{font-size:23px}.map-companion{padding:8px;gap:9px}.map-companion>img{width:43px;height:66px}.companion-copy>b{font-size:16px}}
@media(max-width:900px){.adventure .map-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:736px}.adventure .route-map{grid-column:1/-1;grid-row:1;width:100%}.map-party{position:static;max-height:none;overflow:visible;grid-column:1;grid-row:2}.adventure .map-notes{position:static;max-height:none;overflow:visible;grid-column:2;grid-row:2}.topbar-left{gap:14px}}
@media(max-width:700px){.adventure .map-layout{display:flex;flex-direction:column;gap:26px}.adventure .route-map{order:0}.map-party{order:1}.adventure .map-notes{order:2;margin-top:0}.map-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.map-relics{grid-template-columns:repeat(2,minmax(0,1fr))}.map-party h2{font-size:26px}.adventure .topbar{gap:8px}.topbar-left{gap:10px}.menu-toggle{padding:7px;gap:6px}.menu-toggle .icon{height:17px;width:17px}.menu-toggle>span{display:none}.adventure .breadcrumb{letter-spacing:.5px}.adventure .breadcrumb span{margin:0 4px}.adventure .sound-toggle{padding-left:8px}}


/* Carbón, bronce y brasas: superficies y estados con identidad propia. */
:root{color-scheme:dark;--bg:#111619;--panel:#1b2427;--panel-light:#253033;--line:#374448;--gold:#d5ab6a;--gold-bright:#f3d39b;--paper:#f1e9da;--muted:#b2b8af;--dim:#85968f;--green:#8ab9a3;--red:#cb7d68;--sky:#8eb5c5}
body{background:var(--bg)}
.main{background:radial-gradient(ellipse at 75% 0,#37505124,transparent 55%),var(--bg)}
.topbar,.adventure .topbar{height:70px;background:#10171bf2;border-bottom:1px solid #435051;box-shadow:0 8px 26px #0002}
.breadcrumb{font-size:10px;color:var(--dim)}.breadcrumb b{color:var(--paper)}.breadcrumb span{color:var(--gold)}
.topbar-right{gap:20px}.sound-toggle{font-size:11px}.resource{color:var(--gold-bright)}
.edition,.sidebar-label,.sidebar-footer,.brand small{font-size:9px}
.sidebar,.adventure .sidebar{background:linear-gradient(165deg,#1f2a2c,#121a1e);border-right-color:#52605a44}
.nav-item{font-size:13px}.nav-item.active{background:#d5ab6a12;border-color:#d5ab6a44}.sidebar-footer small{color:var(--dim);font-size:9px}
.menu-toggle{border-color:#52605a;background:#202b2d;color:var(--gold-bright)}
.primary{background:linear-gradient(135deg,#f0cd91,#c6934f);border-color:#f0cd91;color:#241d15;box-shadow:0 4px 20px #bc813122;border-radius:3px}
.primary:hover:not(:disabled){background:linear-gradient(135deg,#f9dea9,#d7ac6a);box-shadow:0 6px 26px #bc813144}
.text-button{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.8px}
.hero{height:560px;border-bottom:1px solid #8e6d4544}.hero-image{object-position:64% 45%;opacity:.85}
.hero-shade{background:linear-gradient(90deg,#101619 0%,#101619f2 20%,#1016198c 47%,#10161910 80%),linear-gradient(0deg,#111619,transparent 40%)}
.hero h1{color:var(--paper);text-shadow:0 3px 28px #0008}.hero h1 em{color:var(--gold-bright)}
.hero-eyebrow{color:var(--gold);font-size:9px}.hero-subtitle{color:#ded0b5}.hero-description{font-size:14px;color:var(--muted)}
.hero-footnote{font-size:10px;color:var(--dim);letter-spacing:.4px}.hero-corner{color:#e7d2ab;background:#182125d9;border:1px solid #b79b6655;padding:8px 12px}
.home-lower{background:linear-gradient(#172024,#111619)}.section-heading h2{font-size:30px}.home-footer{font-size:11px}
.card{background:linear-gradient(145deg,#283436,#192327);border-color:#626f6155;border-radius:5px;box-shadow:0 8px 24px #0003;overflow:hidden}
.card:hover:not(:disabled){border-color:var(--gold);box-shadow:0 10px 30px #0006;transform:translateY(-3px)}
.card-art:after{background:linear-gradient(0deg,#192327,transparent 40%)}.card-faction{color:#f1d5a5;font-size:8px}
.cost{background:#17232cf2;border-color:#b9a370;color:#f3dfb8}.card-copy{padding:12px 13px 16px}
.card h3{color:var(--paper)}.card-stats{color:#d4ddd0;border-color:#94ac8333;font-size:12px}.card-stats .icon{color:var(--green)}.card-stats small{color:var(--dim)}
.ability-label{font-size:9px;color:var(--gold)}.ability-text{font-size:12px;line-height:1.65;color:var(--muted)}
.card.locked .card-art img{filter:grayscale(.8) brightness(.65)}.card.unaffordable{opacity:.58}.selected-mark{background:var(--gold);color:#241d15}
.page-heading{padding-top:28px;padding-bottom:22px}.page-heading h1{font-size:36px}.page-heading p{font-size:12px;color:var(--muted)}.chapter-number{font-size:64px;color:#d5ab6a30}
.map-itinerary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:1320px;margin:0 auto;padding:0 38px 24px}
.map-panel-tab{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:13px 14px;text-align:left;border:1px solid #39474a;background:#1a2428;color:var(--dim);border-radius:4px;overflow:hidden}
.map-panel-tab>i{font:26px var(--serif);font-style:normal;color:#8b9b9266}.map-panel-tab>span{display:flex;flex-direction:column;min-width:0;gap:3px}.map-panel-tab b{font-size:11px;font-weight:500;color:#bcc4b8}.map-panel-tab small{font-size:9px;letter-spacing:.3px}.map-panel-tab .icon{width:17px;height:17px;margin-left:auto;color:var(--red)}
.map-panel-tab[aria-pressed=true]{border-color:#dab475;background:linear-gradient(120deg,#3d3525,#252d29);box-shadow:inset 0 -3px #d5ab6a}.map-panel-tab[aria-pressed=true]>i,.map-panel-tab[aria-pressed=true] b{color:var(--gold-bright)}
.map-panel-tab.completed{border-color:#6f9d7e44}.map-panel-tab.completed>i{color:var(--green)}.map-panel-tab:hover{border-color:var(--gold)}
.adventure .map-layout{grid-template-columns:minmax(180px,235px) minmax(0,680px) minmax(180px,235px);gap:24px}
.map-center{min-width:0}.map-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;background:#243033;border:1px solid #596e6155;border-bottom:0;border-radius:6px 6px 0 0}
.map-panel-heading .eyebrow{font-size:9px}.map-panel-heading h2{font-size:21px;margin-top:4px}.map-panel-heading>span{font-size:10px;color:var(--green);text-align:right}
.route-map,.adventure .route-map{min-height:610px;aspect-ratio:680/680;background:#1b292b;border-color:#62766855;border-radius:0 0 6px 6px;box-shadow:0 18px 50px #0003}
.map-atmosphere{background:radial-gradient(ellipse at 55% 15%,#bd895926,transparent 60%),linear-gradient(#19272be8,#18262bed),url('assets/escenarios/minas.png') center/cover;opacity:1}
.route-map:after{content:'';position:absolute;inset:12px;border:1px solid #c5a16a16;pointer-events:none}
.route-line{stroke:#92aaa55c;stroke-width:1.6;stroke-dasharray:5 7}.route-line.passed{stroke:#85bda7;stroke-width:3;stroke-dasharray:none}
.map-node{min-width:84px;color:#8a9992;gap:6px}.map-node>span{width:45px;height:45px;background:#26383a;border-color:#7a8d814d;border-radius:4px}.map-node .icon{width:21px;height:21px}
.map-node b{font-size:10px;background:#19272bed;padding:2px 5px;border-radius:2px}.map-number{font-size:8px;letter-spacing:1px;color:#94a79e;background:transparent}
.map-node.available{color:var(--gold-bright)}.map-node.available>span{background:linear-gradient(135deg,#645035,#3c3a2b);border:2px solid #eac185;box-shadow:0 0 25px #e0ad4933}.map-node.available:hover>span{background:#75613d;box-shadow:0 0 35px #e0ad4966}
.map-node.available .map-number{color:#f1cb8f}.map-node.visited{color:var(--green)}.map-node.visited>span{background:#294639;border-color:#7fb59a;box-shadow:none}
.boss-node>span{width:54px;height:54px;background:#4b2e29;border-color:#b7795b}.boss-node b{font:12px var(--serif);color:#d7ae8c;max-width:160px;white-space:normal;text-align:center}
.map-node.available.boss-node>span{background:#6b3d2a;border-color:#f2b27f;box-shadow:0 0 32px #d4764544}
.map-start{bottom:2.5%;font-size:9px;color:var(--green);letter-spacing:1.4px}.map-watermark{color:#9aab8530;font-size:9px}
.map-return{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;margin-top:12px;border:1px solid #d5ab6a55;background:#2d3028;color:var(--gold-bright);font-size:11px}
.map-party,.adventure .map-notes{top:90px;max-height:calc(100dvh - 108px)}
.map-party>section{background:linear-gradient(155deg,#1c282a,#172024);border:1px solid #50645a44;border-radius:5px;padding:17px 14px}.map-party .eyebrow{font-size:8px}.map-party h2{font-size:23px;margin:7px 0 16px}
.map-roster{gap:8px}.map-companion{background:#2a363444;border-color:#72816a33;border-radius:4px;gap:11px;padding:8px}.map-companion:hover{background:#33423a;border-color:#a1b09066}
.map-companion>img{width:46px;height:62px;border-color:#d5ab6a44;border-radius:2px}.companion-copy>b{font-size:17px;line-height:1.2}.companion-copy>small{font-size:9px;margin:3px 0 5px}.companion-health{font-size:11px}.companion-copy .health-bar{margin-top:5px;border:0;background:#0d1616;height:3px}.health-bar>span{background:linear-gradient(90deg,#5b9475,#9bbd84)}
.map-party .map-artifacts{margin-top:15px;padding:17px 14px;border-top:2px solid #bf965555;background:linear-gradient(145deg,#302a21,#201f1d)}
.map-relics button{border:1px solid #ac8d5044;background:#c6a66808;color:#e9c99b;border-radius:3px;font-size:11px}.map-relics button:hover{background:#c6a66820}.map-relics p{font-size:11px;color:#b9ad96}
.adventure .map-notes{padding:0;background:#1c2429;border:1px solid #58707b44;border-radius:5px}.map-lore{padding:18px 17px}.map-lore .eyebrow{color:var(--sky);font-size:8px}.map-notes h2{font-size:24px;margin:8px 0 13px}.map-lore p{font-size:12px;line-height:1.85;color:var(--muted)}
.boss-preview{margin:0 14px 20px;height:190px;border-color:#b8845344;border-radius:3px}.boss-preview>div{background:linear-gradient(transparent,#151a1df5);padding:30px 12px 14px}.boss-preview span{font-size:8px;color:#e5b781}.boss-preview h3{font-size:21px;color:#f6ddbc}
.map-legend{margin:0 16px;padding:17px 0;gap:13px}.map-legend>div{font-size:11px}.map-legend small{font-size:9px}.map-notes .map-hint{margin:0;padding:15px 17px;background:#9ab6c309;border-top:1px solid var(--line);font-size:11px;line-height:1.8}
.turn-pill{background:linear-gradient(#35443d,#202c27);border-color:#88976b77}.turn-pill span{font-size:9px}.boss-rule{background:#73433124;border-color:#c38c5b55;font-size:12px}
.arena{background:#1b2b24;border-color:#788a6466;border-radius:5px;box-shadow:0 14px 40px #0003}.arena-background{background:linear-gradient(#12211bcb,#19261de8),url('assets/escenarios/minas.png') center 45%/cover;opacity:1}
.battle-side-label{font-size:9px;color:#d9ba8b}.battle-side-label small{font-size:10px}.lane{height:190px;background:#22332688}.enemy-lane{background:#3c292733;border-color:#b7826144}.empty-lane{color:#b8c7a5}.empty-lane small{font-size:9px;color:#8fa28a}.arena-instruction{font-size:11px;color:#b8c7a5}
.unit-caption h3{font-size:16px}.unit-stats{font-size:11px}.unit-health{font-size:10px}.unit-health>span{font-size:7px}.battle-divider{color:#a89b75}
.hand .card{width:158px;flex-basis:158px}.hand .card h3{font-size:16px}.hand .ability-text{font-size:11px}.hand .card-stats{font-size:10px}.hand .ability-label{font-size:8px}.hand .card-art{height:125px}.hand{min-height:270px}
.battle-journal{padding:18px;background:#1b2428;border:1px solid #3c4b4b;border-radius:5px}.combat-log li{font-size:11px;color:var(--muted)}.combat-log li.latest{color:var(--gold-bright)}.combat-tip{font-size:10px}
.narrative-art>img{opacity:.7}.narrative-art>div{background:linear-gradient(90deg,#111619 0%,#111619ed 34%,#11161988 60%,#11161910),linear-gradient(0deg,#111619,transparent 50%)}.narrative-text{color:#d0c8b7;font-size:19px}
.decision,.relic-option,.codex-relic{background:linear-gradient(135deg,#2a3435,#1d2729);border-color:#8d987455;border-radius:4px;box-shadow:0 5px 20px #0002}.decision:hover:not(:disabled),.relic-option:hover,.codex-relic:hover{background:#35403a;border-color:var(--gold)}
.decision p,.relic-option p,.codex-relic-effect{font-size:12px;line-height:1.75;color:var(--muted)}.relic-seal{background:#3a3325;color:var(--gold-bright);border-color:#a1855355;border-radius:3px}.codex-sections button{border-radius:3px}.codex-sections button[aria-pressed=true]{background:#c5a16a18;color:var(--gold-bright)}
.codex-toolbar>span,.codex-relic-note{font-size:12px}.codex-relic .eyebrow{font-size:8px}.codex-relic-footer{font-size:10px}.reward-summary small,.end-statistics span{font-size:11px}
.modal-backdrop{background:#080e12bb;backdrop-filter:blur(7px)}.modal{background:linear-gradient(145deg,#293436,#1b2428);border-color:#aa8b5555;border-radius:6px;box-shadow:0 30px 100px #0009}.modal>p,.help-grid p,.detail-layout p{font-size:13px}.modal .help-footer,.modal .relic-detail-note{font-size:11px}.toast{background:#2e3b33;border-color:#a8b586;color:var(--paper);border-radius:4px}
@media(min-width:1500px){.hero{height:640px}.lane{height:215px}}
@media(max-width:1190px){.map-itinerary{padding-right:28px;padding-left:28px;gap:8px}.map-panel-tab{padding:11px 10px;gap:8px}.map-panel-tab>i{font-size:22px}.map-panel-tab b{font-size:10px}.adventure .map-layout{grid-template-columns:190px minmax(0,680px) 190px;gap:18px}.map-party>section,.map-party .map-artifacts{padding:14px 10px}.map-companion{gap:8px}.map-companion>img{width:40px}.companion-copy>b{font-size:15px}.map-legend small{font-size:8px}.map-lore{padding:15px 13px}.map-notes h2{font-size:22px}}
@media(max-width:900px){.adventure .map-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:736px}.map-center{grid-column:1/-1;grid-row:1}.map-party{grid-column:1;grid-row:2}.adventure .map-notes{grid-column:2;grid-row:2;position:static;max-height:none}.map-party{position:static;max-height:none}.map-itinerary{max-width:736px}.map-panel-tab{gap:5px}.map-panel-tab>i{font-size:20px}.map-panel-tab small{font-size:8px}.map-panel-tab .icon{display:none}.battle-layout{grid-template-columns:minmax(0,1fr)}.battle-journal{display:block}.topbar,.adventure .topbar{height:58px}.map-party,.adventure .map-notes{top:78px}.narrative{min-height:calc(100dvh - 58px)}}
@media(max-width:700px){.hero{height:540px}.hero-content{padding:38px 25px}.hero h1{font-size:53px}.hero-image{object-position:60% 45%}.hero-shade{background:linear-gradient(90deg,#101619eb,#101619b8 55%,#10161955),linear-gradient(0deg,#111619,transparent 55%)}.hero-description{font-size:13px}.hero-footnote{font-size:9px}.hero-eyebrow{font-size:8px;letter-spacing:1px}.topbar,.adventure .topbar{height:54px}.page-heading h1{font-size:30px}.page-heading p{font-size:11px}.map-itinerary{gap:6px;padding:0 18px 18px}.map-panel-tab{padding:10px 5px;flex-direction:column;gap:5px;text-align:center}.map-panel-tab>span{gap:2px}.map-panel-tab b{font-size:9px}.map-panel-tab small{font-size:7px}.adventure .map-layout{display:flex;gap:20px}.map-center{order:0}.map-party{order:1}.adventure .map-notes{order:2}.map-panel-heading{padding:13px}.map-panel-heading h2{font-size:19px}.map-panel-heading>span{font-size:9px}.route-map,.adventure .route-map{min-height:590px;aspect-ratio:auto}.map-node{min-width:70px;gap:5px}.map-node>span{height:36px;width:36px}.map-node .icon{width:18px;height:18px}.boss-node>span{width:44px;height:44px}.map-node b{font-size:9px}.boss-node b{font-size:11px;max-width:115px}.map-party>section,.map-party .map-artifacts{padding:17px 14px}.companion-copy>b{font-size:16px}.map-companion>img{width:43px}.map-party h2{font-size:24px}.map-lore{padding:20px}.map-legend{grid-template-columns:1fr 1fr}.sound-toggle{font-size:0}.lane{height:160px}.unit-caption h3{font-size:13px}.unit-stats{font-size:10px}.arena-instruction{font-size:10px}.hand .card{width:143px;flex-basis:143px}.hand .card-art{height:112px}.hand .ability-text{font-size:10px}.battle-journal{margin-top:22px}.battle-heading h1{font-size:25px}.narrative{padding:34px 22px}.narrative-text{font-size:17px}.narrative-art>div{background:linear-gradient(90deg,#111619ee,#111619bb),linear-gradient(0deg,#111619,transparent 70%)}.decision p,.relic-option p{font-size:11px}.codex-relic-grid{grid-template-columns:1fr}.modal>p,.help-grid p,.detail-layout p{font-size:12px}}
/* Logros persistentes: hechos de la huida y decisiones de combate. */
.achievement-summary{margin:0 38px 28px;padding:18px 20px;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;gap:24px}.achievement-summary>span{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.achievement-summary .icon{color:var(--gold)}.achievement-summary>progress{flex:1;max-width:350px;margin-left:auto}.achievement-summary progress,.achievement-progress progress{height:7px;border:0;border-radius:4px;background:var(--line);accent-color:var(--gold);overflow:hidden}.achievement-summary progress::-webkit-progress-bar,.achievement-progress progress::-webkit-progress-bar{background:var(--line)}.achievement-summary progress::-webkit-progress-value,.achievement-progress progress::-webkit-progress-value{background:var(--gold)}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0 38px 40px}.achievement-card{display:flex;align-items:flex-start;gap:20px;padding:25px;background:var(--panel);border:1px solid var(--line);min-width:0}.achievement-card.unlocked{border-color:var(--gold);background:var(--panel-light)}.achievement-seal{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border:1px solid var(--line);color:var(--muted)}.achievement-card.unlocked .achievement-seal,.achievement-notice .achievement-seal{border-color:var(--gold);color:var(--gold)}.achievement-copy{min-width:0;flex:1}.achievement-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.achievement-copy h2{font-size:25px;margin:7px 0 12px}.achievement-copy p{color:var(--muted);font-size:12px;line-height:1.8}.achievement-date,.achievement-pending{display:flex;align-items:center;gap:7px;color:var(--dim);font-size:10px;margin-top:18px}.achievement-date{color:var(--green)}.achievement-date .icon{width:14px;height:14px}.achievement-progress{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.achievement-progress progress{width:110px}.achievement-progress span{font-size:10px;color:var(--muted)}.achievement-notice{position:fixed;right:24px;top:24px;z-index:90;display:flex;gap:14px;align-items:center;max-width:400px;width:calc(100% - 48px);padding:18px;background:var(--panel);border:1px solid var(--gold);box-shadow:0 10px 35px #0003}.achievement-notice-copy{padding:0;border:0;background:none;text-align:left;flex:1;min-width:0}.achievement-notice-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.achievement-notice-copy b{display:block;font:23px var(--serif);margin:4px 0}.achievement-notice-copy small{display:block;font-size:11px;color:var(--muted);line-height:1.6}.achievement-notice-close{align-self:flex-start;border:0;background:none;padding:0;color:var(--muted)}.achievement-notice-close .icon{width:16px;height:16px}
@media(max-width:900px){.achievement-grid{padding:0 25px 30px;gap:15px}.achievement-card{gap:14px;padding:20px}.achievement-summary{margin:0 25px 24px}}
@media(max-width:700px){.achievement-grid{grid-template-columns:1fr;padding:0 18px 30px}.achievement-summary{margin:0 18px 24px;flex-wrap:wrap;gap:12px}.achievement-summary>progress{margin:0;flex-basis:100%;max-width:none}.achievement-copy h2{font-size:23px}.achievement-notice{right:12px;top:12px;width:calc(100% - 24px);padding:14px;gap:10px}.achievement-notice-copy b{font-size:21px}.achievement-notice .achievement-seal{flex-basis:36px;width:36px;height:36px}.achievement-notice-copy small{font-size:10px}}

/* Relieve mineral: integrar las vetas y los colores de encuentro en el tema oscuro. */
.main:has(.map-layout){color:var(--paper);background:radial-gradient(ellipse at 0 25%,#285b5326,transparent 48%),radial-gradient(ellipse at 95% 75%,#8553231a,transparent 50%),var(--bg)}
.route-map,.adventure .route-map{isolation:isolate;background:radial-gradient(ellipse at 45% 35%,#345049,transparent 65%),radial-gradient(ellipse at 100% 75%,#3e44342b,transparent 48%),linear-gradient(155deg,#1f3033,#253b37 48%,#17282c);border:1px solid #758a6855;box-shadow:inset 0 0 65px #08121455,0 18px 50px #0004}
.map-node{--node-surface:#30413b;--node-edge:#798f6b;--node-ink:#b1bc9f}
.map-node[data-type=battle]{--node-surface:#45372c;--node-edge:#a27e55;--node-ink:#d0ad83}
.map-node[data-type=elite],.map-node[data-type=boss]{--node-surface:#4b302c;--node-edge:#ac7056;--node-ink:#dda485}
.map-node[data-type=recruit]{--node-surface:#263e49;--node-edge:#688f9c;--node-ink:#a5c8d0}
.map-node[data-type=rest]{--node-surface:#324336;--node-edge:#7d9563;--node-ink:#b6c899}
.map-node[data-type=event]{--node-surface:#3d3548;--node-edge:#94849c;--node-ink:#c5b5d3}
.map-node>span{color:var(--node-ink);background:linear-gradient(135deg,#ffffff08,transparent 70%),var(--node-surface);border-color:var(--node-edge);box-shadow:inset 0 1px 2px #ffffff0b,0 5px 12px #0003}
.map-node.available>span{color:#f4d89f;background:linear-gradient(135deg,#705635,#4d442e);border:2px solid #ebc78b;box-shadow:0 0 0 3px #d4ae5022,0 0 30px #d4ae5033}
.map-node.available:hover>span{background:#826840;box-shadow:0 0 0 4px #d4ae5033,0 0 35px #d4ae5055}
.map-node.visited>span{background:#284638;border-color:#8cc0a1;color:#b7dac3;box-shadow:0 4px 12px #0003}
.map-node.available.boss-node>span{color:#ffd8b4;background:#6a3f2a;border-color:#f1b57d;box-shadow:0 0 32px #d77a4144}
.map-node.current>span{outline:2px solid #8cc0a1;outline-offset:3px}
.map-atmosphere {
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch' seed='17'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.75'/%3E%3C/svg%3E") repeat;
  opacity: .38;
  mix-blend-mode: soft-light;
}
.route-map:before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 1200' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%2390aea1' stroke-opacity='.18'%3E%3Cpath d='M0 90Q140 170 180 330T120 570T180 860T80 1200M0 110Q110 180 155 335T96 580T156 872T56 1200M0 132Q85 188 132 344T74 590T130 884T34 1200M680 20Q530 90 554 290T470 610T556 930T590 1200M680 45Q557 100 581 300T495 622T579 937T617 1200M680 74Q583 110 608 313T521 637T606 951T644 1200' stroke-width='1.4'/%3E%3Cpath d='M40 0L80 110L67 190L108 248L95 292M680 700L613 760L629 810L588 867L600 910M0 994L53 960L84 977L110 951' stroke-width='1.8'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;
}

/* Materiales del recorrido: piedra antigua dentro de un marco de hierro y bronce.
   La luz se concentra en el mapa; los paneles laterales conservan su contraste. */
.main:has(.map-layout) {
  --bg: #282927; --panel: #343531; --panel-light: #424139; --line: #666451;
  --gold: #c0a06e; --gold-bright: #e4c996; --paper: #eee6d5;
  --muted: #c1bdad; --dim: #aba99a; --green: #91af99; --red: #c2947d; --sky: #a7b5b5;
  color: var(--paper);
  background: radial-gradient(ellipse at 50% 45%, #68635150, transparent 63%),
    linear-gradient(130deg, #363a37, #282927 48%, #30302b);
}
.main:has(.map-layout) .topbar { background: #292d2b; border-color: #6f705b; box-shadow: 0 4px 18px #12160f30; }
.main:has(.map-layout) .menu-toggle { background: #3c3e35; color: #e4c996; border-color: #887757; }
.main:has(.map-layout) .resource { color: #e4c996; }
.main:has(.map-layout) .chapter-number { color: #b7a382; }
.main:has(.map-layout) .page-heading { text-shadow: none; }
.main:has(.map-layout) .breadcrumb, .main:has(.map-layout) .sound-toggle { color: #c1bdad; }
.main:has(.map-layout) .breadcrumb b { color: #eee6d5; }
.map-panel-tab { background: linear-gradient(135deg, #414238, #30352f); border-color: #686a59; color: #c4c1b0; border-radius: 2px; box-shadow: inset 0 1px #cac3a711; }
.map-panel-tab b { color: #ded7c5; }
.map-panel-tab>i { color: #ada38a; }
.map-panel-tab[aria-pressed=true] { background: linear-gradient(120deg, #756448, #514a39); border-color: #c6a979; box-shadow: inset 0 -3px #c2a36b, 0 3px 12px #171b1433; }
.map-panel-tab[aria-pressed=true]>i, .map-panel-tab[aria-pressed=true] b { color: #f3deae; }
.map-panel-tab.completed { border-color: #7b9a7a; }
.map-panel-heading { background: linear-gradient(115deg, #5b5746, #403f34); color: #eee6d5; border: 1px solid #8c8063; border-bottom: 0; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px #ded3b022; }
.map-panel-heading>span { color: #c5ccad; }
.map-panel-heading .eyebrow { color: #d8bd8c; }
.route-map, .adventure .route-map {
  isolation: isolate;
  background: radial-gradient(ellipse at 45% 35%, #c7baa0, transparent 62%),
    radial-gradient(ellipse at 100% 80%, #67706388, transparent 55%),
    radial-gradient(ellipse at 0 0, #675f4a99, transparent 48%),
    linear-gradient(155deg, #aaa58f, #b7ac91 48%, #8e9681);
  border: 1px solid #8c8063; border-radius: 0 0 2px 2px;
  box-shadow: inset 0 0 65px #29312666, inset 0 2px #e9ddbd55, 0 12px 26px #131b143b;
}
.map-atmosphere { opacity: .32; mix-blend-mode: multiply; pointer-events: none; }
.route-map:before { background: none; }
.route-map:after { border: 1px solid #5d59426b; box-shadow: 0 0 0 3px #e2d7b61a, inset 0 0 0 3px #e2d7b611; }
.route-line { stroke: #4f5145c4; stroke-width: 1.8; stroke-dasharray: 4 6; }
.route-line.passed { stroke: #385948; stroke-width: 3.3; stroke-dasharray: none; }
.map-node { --node-surface: #42453b; --node-edge: #887c60; --node-ink: #eee2c5; color: #30372d; }
.map-node[data-type='battle'], .map-node[data-type='elite'], .map-node[data-type='boss'],
.map-node[data-type='recruit'], .map-node[data-type='rest'], .map-node[data-type='event'] { --node-surface: #42453b; --node-edge: #887c60; --node-ink: #eee2c5; }
.map-node>span { color: var(--node-ink); background: linear-gradient(135deg, #636556, #363b33); border: 1px solid var(--node-edge); border-radius: 2px; box-shadow: inset 0 1px 2px #e5d6ac22, inset 0 -2px 3px #17201450, 2px 4px 6px #29312566; }
.map-node b { color: #292f25; background: #c3b99ef0; border: 0; box-shadow: none; border-radius: 1px; font-size: 11px; }
.map-number { color: #30382b; text-shadow: 0 1px #e1d8bb66; }
.map-node.available>span { color: #31291c; background: linear-gradient(135deg, #ead3a0, #b59862); border: 2px solid #f2d7a1; box-shadow: 0 0 0 3px #67563c66, inset 0 1px 2px #fff0c588, 2px 5px 12px #29312577; }
.map-node.available:hover>span { color: #31291c; background: #eddbad; box-shadow: 0 0 0 4px #80613e77, 2px 6px 16px #29312577; }
.map-node.available .map-number { color: #4b3820; }
.map-node.visited>span { background: #4c6653; border-color: #90ad8e; color: #deebd7; box-shadow: inset 0 1px 2px #b5c9a833, 2px 4px 6px #29312555; }
.map-node.current>span { outline-color: #46724d; }
.boss-node>span { background: #584037; color: #e6b398; border-color: #a78a6b; }
.boss-node b { color: #613b27; }
.map-node.available.boss-node>span { background: linear-gradient(135deg, #d6b38b, #ac8059); color: #35231a; border-color: #f2d7a1; box-shadow: 0 0 0 3px #67563c66, 2px 5px 12px #49332577; }
.map-start { color: #2e4a32; text-shadow: 0 1px #ded7bd88; }
.map-watermark { color: #53513b77; }
.map-return { background: #504b3b; color: #e4c996; border-color: #887757; }
.map-party>section { background: linear-gradient(145deg, #3b433b, #2d352e); border-color: #6e7862; border-radius: 2px; box-shadow: 0 5px 16px #18201526; }
.map-companion { background: linear-gradient(135deg, #4a5143, #384032); border-color: #778067; box-shadow: inset 0 1px #ccceaa11; }
.map-companion:hover { background: #59604c; border-color: #a4ab88; }
.map-companion>img { border-color: #9d8a62; }
.map-party .map-artifacts { --gold: #d6b27b; --dim: #c9bda1; color: #eee6d5; background: linear-gradient(140deg, #564c38, #3d3d2f); border-color: #847452; border-top-color: #c1a26c; }
.map-relics button { background: #56513b; color: #eddbb4; border-color: #9d8a62; }
.map-relics button:hover { background: #6a6045; }
.map-relics p { color: #d2c3a6; }
.adventure .map-notes { background: linear-gradient(155deg, #414441, #303a38); border-color: #738078; border-radius: 2px; box-shadow: 0 5px 16px #18201526; }
.map-notes .eyebrow, .map-lore .eyebrow { color: #e0bb84; }
.map-notes .map-hint { background: #5b675933; border-color: #738078; }
.map-legend { border-color: #738078; }
@media(max-width:700px) { .map-node b { font-size: 10px; } .boss-node b { font-size: 12px; } }

/* Acciones de la partida, accesibles desde todas las pantallas de aventura. */
.run-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.animation-speed-control{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:5px 7px;border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--gold);flex-shrink:0}
.animation-speed-control>.icon{width:15px;height:15px}
.animation-speed-control select{background:var(--panel);color:var(--paper);font-family:inherit;font-size:11px;cursor:pointer;border:0;min-height:22px;max-width:82px;padding:0 2px}
.animation-speed-control:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.animation-speed-control select:focus{outline:0}
.animation-speed-control:has(select:disabled){opacity:.45}
.slow-motion .map-node.available>span{animation-duration:5.6s}
.slow-motion .boss-preview>img{animation-duration:16s}
.slow-motion .arena-background:after,.slow-motion .map-atmosphere:after{animation-duration:44s}
.run-control{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--muted);font-size:11px;white-space:nowrap}
.run-control .icon{width:16px;height:16px}
.run-control:hover:not(:disabled){border-color:var(--gold);color:var(--gold-bright);background:var(--panel-light)}
.discard-control{color:var(--red)}
.discard-control:hover:not(:disabled){border-color:var(--red);color:var(--red)}
.run-control:disabled{opacity:.45}
.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;background:#7e392d;color:#fff0e2;border:1px solid #c77d68;border-radius:3px;font-weight:600}
.danger-button:hover{background:#984938}
.danger-button .icon{width:18px;height:18px}
.adventure .topbar-left{flex:1}
.adventure .breadcrumb{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adventure .topbar-right{flex-shrink:0}
@media(max-width:1050px){.run-control>span{display:none}.run-control{width:34px;padding:7px}.adventure .topbar-right{gap:12px}}
@media(max-width:700px){.run-controls{gap:5px}.adventure .topbar-right{gap:8px}.adventure .topbar-left{gap:8px}.run-control{width:31px;min-height:32px;padding:6px}.run-control .icon{width:16px;height:16px}}
@media(max-width:700px){.animation-speed-control{padding:4px;min-height:32px;gap:2px}.animation-speed-control>.icon{display:none}.animation-speed-control select{font-size:10px;max-width:66px}.adventure .topbar-right{gap:6px}}
/* Ajustes: acceso permanente en la esquina inferior izquierda. */
/* Combat actions remain alongside the turn, above the battlefield and hand. */
.battle-heading{position:sticky;top:76px;z-index:12;padding:16px 30px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 8px 22px #0003;align-items:center}
.battle-heading>div:first-child{min-width:0}.battle-heading h1{font-size:25px;margin-top:5px}.battle-heading .eyebrow{font-size:9px;letter-spacing:1px}
.battle-heading .combat-controls{flex-shrink:0;border:0;padding:0;gap:20px}.battle-heading .turn-pill{min-width:57px;padding:4px 10px}.battle-heading .turn-pill b{font-size:24px}.battle-heading .mana-gem{height:43px;width:39px}.battle-heading .mana b{font-size:10px;letter-spacing:.7px;color:var(--paper)}.battle-heading .mana small{font-size:10px;color:var(--muted)}.battle-heading .end-turn{min-height:46px;font-size:13px;padding:10px 18px}.turn-shortcut{font:10px var(--sans);border-color:#56452d66;color:inherit;background:#ffffff20;padding:1px 5px;margin:0}.battle-heading .end-turn .icon:last-child{margin-left:0}
.battle-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px;max-width:1240px;margin:20px auto 0;padding:0 30px 26px}.boss-rule{margin-top:16px;margin-bottom:0}
.battle-layout .arena{padding:12px 16px 4px}.battle-layout .field-row{max-width:650px;gap:16px}.battle-layout .lane{height:clamp(130px,20vh,180px);max-width:185px}.battle-layout .hand{min-height:0;padding:10px 2px 16px;gap:14px}.battle-layout .hand .card{width:158px;flex-basis:158px}.battle-layout .hand .card-art{height:76px}.battle-layout .hand .card-copy{padding:7px 10px 10px}.battle-layout .hand .ability-text{font-size:10px;min-height:0;line-height:1.5}.battle-layout .hand .ability-label{margin-top:7px}.battle-layout .hand-heading{margin:16px 0 0}
.battle-layout .battle-journal{position:sticky;top:180px;align-self:start;display:block;margin:0;max-height:calc(100dvh - 204px);overflow-y:auto;padding:18px}.battle-layout .combat-log{max-height:300px;padding-top:12px}.battle-layout .combat-tip{margin-top:18px;padding:14px 0 0;border-left:0;border-top:1px solid var(--line);font-size:11px}.combat-tip summary{cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--gold)}.combat-tip summary .icon{width:16px;height:16px;margin:0}.combat-tip[open] summary{margin-bottom:12px}
@media(max-width:1000px){.battle-heading{gap:16px;padding:14px 24px}.battle-heading h1{font-size:22px}.battle-heading .combat-controls{gap:14px}.battle-heading .mana{gap:8px}.battle-layout{padding:0 24px 24px;grid-template-columns:minmax(0,1fr) 220px;gap:18px}}
@media(max-width:900px){.battle-heading{top:58px;flex-wrap:wrap}.battle-heading>div:first-child{flex:1 1 250px}.battle-heading .combat-controls{flex:1 1 auto;justify-content:flex-end}.battle-layout{grid-template-columns:minmax(0,1fr);max-width:760px}.battle-layout .battle-journal{position:static;max-height:none}.battle-layout .combat-log{max-height:180px}}
@media(max-width:700px){.battle-heading{top:54px;padding:12px 16px;gap:10px}.battle-heading>div:first-child{flex-basis:100%}.battle-heading h1{font-size:20px}.battle-heading .eyebrow{font-size:8px;letter-spacing:.5px}.battle-heading .combat-controls{width:100%;justify-content:space-between;gap:10px}.battle-heading .turn-pill{min-width:43px;padding:3px 6px}.battle-heading .turn-pill b{font-size:20px}.battle-heading .mana{gap:7px}.battle-heading .mana-gem{height:36px;width:32px;font-size:23px}.battle-heading .mana b{font-size:8px;letter-spacing:.2px}.battle-heading .mana small{font-size:8px}.battle-heading .end-turn{font-size:11px;padding:10px 12px;min-height:42px;gap:6px}.turn-shortcut{display:none}.battle-heading .end-turn .icon:last-child{width:14px}.battle-layout{display:grid;padding:0 14px 24px;margin-top:14px}.battle-layout .field-row{gap:9px}.battle-layout .lane{height:145px}.battle-layout .arena{padding:10px 9px 4px}.battle-layout .hand .card{width:143px;flex-basis:143px}.battle-layout .hand .card-art{height:72px}.battle-layout .battle-journal{padding:16px}.battle-layout .hand-heading .eyebrow,.battle-layout .deck-size{font-size:9px}}
.settings-button{position:fixed;left:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:12px;padding:11px 16px;min-height:52px;border:1px solid var(--line);background:var(--panel);color:var(--paper);box-shadow:0 5px 20px #0005;text-align:left;font-size:12px}
.settings-button:hover{border-color:var(--gold);background:var(--panel-light)}
.settings-button>span:first-child{font-size:25px;color:var(--gold);line-height:1}
.settings-button small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.sidebar-footer{padding-bottom:76px}
.adventure .sidebar-footer{padding-bottom:76px}
.main{padding-bottom:85px}
.profile-options{display:grid;gap:14px;margin-top:24px}
.profile-option{display:flex;align-items:flex-start;gap:14px;width:100%;padding:20px 17px;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--muted)}
.profile-option:hover{border-color:var(--gold)}
.profile-option[aria-pressed=true]{border-color:var(--gold);background:var(--panel-light);color:var(--paper)}
.profile-option b{display:block;font:23px var(--serif);margin-bottom:7px}
.profile-option small{display:block;font-size:12px;line-height:1.75}
.profile-icon{color:var(--gold);padding-top:4px}
.profile-option>.icon{color:var(--gold);width:17px;margin-left:auto}
.modal .settings-note{font-size:11px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}
@media(max-width:700px){.settings-button{left:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:9px 12px;min-height:48px}.profile-option{padding:16px 13px}.profile-option b{font-size:21px}.profile-option small{font-size:11px}}
.map-node:focus-visible { outline: 2px solid #443b25; outline-offset: 5px; }

/* Objetos equipables: mochila, recompensa y un hueco por compañero. */
.equipment-control{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);background:var(--panel);color:var(--gold);font-size:11px;white-space:nowrap}
.equipment-control small{font-size:9px;color:var(--muted)}
.equipment-control:hover{border-color:var(--gold)}
.item-rewards{margin:26px 0 32px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.item-rewards>p{color:var(--muted);font-size:12px;margin:9px 0 18px}
.item-reward-options{display:grid;gap:12px}
.item-option{display:flex;align-items:center;gap:16px;padding:17px;text-align:left;border:1px solid var(--line);background:var(--panel);min-width:0;width:100%}
.item-option>span:nth-child(2){min-width:0;flex:1}
.item-option small{display:block;color:var(--muted);font-size:8px;letter-spacing:1px}
.item-option h3{font-size:23px;margin:5px 0 7px}
.item-option p{font-size:12px;color:var(--muted);line-height:1.65}
.item-option em{display:block;margin-top:12px;font-style:normal;font-size:10px;color:var(--gold)}
.item-option:hover:not(:disabled){border-color:var(--gold);background:var(--panel-light)}
.item-option.hero-item{border-color:#d5ab6a70}
.item-option.hero-item small{color:var(--gold)}
.item-option.equipped{border-color:var(--green);background:var(--panel-light)}
.item-option:disabled{opacity:.5}
.item-option.equipped:disabled{opacity:1}
.equipment-description,.equipment-empty{font-size:12px;color:var(--muted);line-height:1.8}
.equipment-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}
.equipment-roster button{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;background:var(--panel);border:1px solid var(--line);padding:9px}
.equipment-roster button[aria-pressed=true]{border-color:var(--gold);background:var(--panel-light)}
.equipment-roster img{width:43px;height:50px;object-fit:cover;object-position:center 25%}
.equipment-roster button span{font:18px var(--serif)}
.equipment-roster small{display:block;color:var(--muted);font:10px var(--sans);margin-top:5px}
.equipment-current{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;margin-bottom:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}
.equipment-current .icon{width:16px;margin-right:6px;color:var(--gold)}
.equipment-inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.equipment-inventory h3{font-size:20px}
.equipment-empty{grid-column:1/-1}
.companion-item{color:var(--gold)!important;font-size:9px!important;line-height:1.6}
.companion-equipment-row{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:6px;align-items:stretch;border-radius:3px;transition:box-shadow .15s,opacity .15s}
.companion-equipment-row .map-companion{min-width:0;width:100%;gap:7px;padding:7px}
.companion-equipment-row .map-companion>img{width:34px;height:54px}
.companion-equipment-row .companion-copy>b{font-size:14px}
.companion-equipment-row .companion-copy>small{font-size:8px;margin-bottom:3px}
.companion-equipment{position:relative;display:flex;align-items:stretch;min-width:0}
.equipment-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:72px;padding:7px 3px;border:1px dashed #9f9a7970;background:#222d2566;color:#c3c1a9;border-radius:3px}
.equipment-slot .icon{width:22px;height:22px;flex-shrink:0}
.equipment-slot>span{font-size:8px;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.equipment-slot.filled{border-style:solid;border-color:#c5a16a;background:linear-gradient(145deg,#66563b,#393c2b);color:#ffe0a6;padding-top:15px}
.equipment-slot.empty .icon{opacity:.5}
.equipment-slot:hover:not(:disabled){border-color:#f0d599;background:#5a5c4088}
.equipment-slot:disabled{cursor:default;opacity:.7}
.equipment-remove{position:absolute;right:0;top:0;width:18px;height:18px;display:grid;place-items:center;padding:1px;color:#efd8b3;background:#332b23;border:0;border-radius:0 3px 0 3px}
.equipment-remove>.icon{width:11px;height:11px}
.equipment-remove:hover:not(:disabled){background:#7b3e31;color:#fff}
.map-backpack{margin-top:16px;padding-top:15px;border-top:1px solid #d1c09b50}
.backpack-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.backpack-heading h3{display:flex;align-items:center;gap:7px;font-size:18px}
.backpack-heading h3>.icon{width:17px;height:17px}
.backpack-heading h3>small{font:10px var(--sans);color:#d6d3b8;margin-left:3px}
.backpack-details{font-size:9px;color:#e4d1a5;background:transparent;padding:5px 0;border:0;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.backpack-hint,.backpack-empty{font-size:10px;line-height:1.6;color:#d1d3bb;margin:9px 0 12px}
.backpack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.backpack-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:92px;padding:10px 6px;background:linear-gradient(135deg,#414734,#2b3429);color:#ede5c9;border:1px solid #85836a88;border-radius:3px;cursor:grab;text-align:center;min-width:0}
.backpack-item-icon{width:29px;height:29px;display:grid;place-items:center;color:#e6cb92}
.backpack-item-icon>.icon{width:24px;height:24px}
.backpack-item b{display:block;font-size:10px;font-weight:500;line-height:1.35}
.backpack-item small{display:block;font-size:8px;color:#bfbea2;margin-top:4px}
.backpack-item.hero-item{border-color:#c09b58;background:linear-gradient(135deg,#615234,#3d3e2b)}
.backpack-item:hover:not(:disabled),.backpack-item.selected{border-color:#f3d98c;box-shadow:inset 0 0 0 1px #d5b96577;background:#626144}
.backpack-item:active{cursor:grabbing}
.backpack-item:disabled{opacity:.55;cursor:default}
.backpack-empty{grid-column:1/-1;margin-bottom:0}
.selected-item-detail{position:relative;padding:11px 24px 11px 10px;margin:12px 0;background:#1b271ddb;border:1px solid #b59b62;color:#f5e5bf;border-radius:3px}
.selected-item-detail>b{font-size:11px}
.selected-item-detail>p{font-size:10px;margin:5px 0;line-height:1.5}
.selected-item-detail>small{font-size:9px;color:#d2c7a8;line-height:1.5;display:block}
.selected-item-detail>button{position:absolute;top:5px;right:5px;padding:3px;background:transparent;border:0;color:#e8cfa2}
.selected-item-detail .icon{width:13px;height:13px}
.item-compatible{outline:1px solid #ddc879;outline-offset:2px;box-shadow:0 0 12px #bdba5733}
.item-incompatible{opacity:.45}
.item-drag-over{outline:2px solid #f5e49a!important;outline-offset:2px;box-shadow:0 0 18px #dec78266}
.unit-item-badge{display:flex;align-items:center;gap:4px;margin-top:3px;color:#e7c581;font-size:8px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unit-item-badge>.icon{width:11px;height:11px;flex-shrink:0}
.encounter-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px;max-width:1320px;margin:auto;padding:24px 30px 30px;align-items:start}
.encounter-layout>.map-party{width:100%;min-width:0}
.encounter-layout>.narrative{min-width:0;min-height:calc(100dvh - 130px);padding:35px 34px;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.encounter-layout .narrative-content{max-width:660px}
.encounter-layout.finished{display:block;padding:0}
.encounter-layout.finished>.narrative{border:0;min-height:calc(100dvh - 76px)}
.combat-party-panel{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.combat-party-panel>summary{cursor:pointer;display:flex;align-items:center;gap:7px;color:var(--gold);font-size:11px}
.combat-party-panel>summary>.icon{width:16px;height:16px}
.combat-party-panel>.map-party{position:static;max-height:none;overflow:visible;margin-top:14px}
.combat-party-panel .map-roster{grid-template-columns:1fr}
.combat-party-panel .map-party>section{padding:12px 8px}
.combat-party-panel .map-party h2{font-size:20px}
.combat-party-panel .backpack-details{font-size:8px}
@media(max-width:1190px){.companion-equipment-row{grid-template-columns:minmax(0,1fr) 46px;gap:4px}.companion-equipment-row .map-companion>img{width:28px;height:45px}.companion-equipment-row .companion-copy>b{font-size:12px}.companion-equipment-row .map-companion{padding:5px;gap:5px}.equipment-slot>span{font-size:7px}.encounter-layout{grid-template-columns:220px minmax(0,1fr);padding:20px 24px;gap:16px}}
@media(max-width:900px){.encounter-layout{display:flex;flex-direction:column}.encounter-layout>.narrative{width:100%;min-height:0;order:0}.encounter-layout>.map-party{order:1;position:static;max-height:none}.encounter-layout>.map-party .map-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.encounter-layout .backpack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.map-party .map-roster{grid-template-columns:1fr}.companion-equipment-row{grid-template-columns:minmax(0,1fr) 72px;gap:8px}.companion-equipment-row .map-companion>img{width:43px;height:57px}.companion-equipment-row .companion-copy>b{font-size:16px}.companion-equipment-row .map-companion{padding:8px;gap:10px}.equipment-slot>span{font-size:9px}.equipment-slot{min-height:76px}.backpack-item b{font-size:11px}.backpack-item{min-height:88px}.encounter-layout{padding:18px 16px}.encounter-layout>.narrative{padding:26px 20px}.encounter-layout>.map-party .map-roster{grid-template-columns:1fr}.encounter-layout .backpack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-party-panel .companion-equipment-row{grid-template-columns:minmax(0,1fr) 60px}}
@media(max-width:900px){.topbar-right{gap:10px}.equipment-control small{display:none}}
@media(max-width:700px){.equipment-control{font-size:10px;padding:7px;gap:5px}.equipment-control .icon{width:15px;height:15px}.equipment-inventory{grid-template-columns:1fr}.equipment-roster{grid-template-columns:1fr}.equipment-current{align-items:flex-start}.equipment-current>span{line-height:1.8}.equipment-current .text-button{padding-top:0}.item-option{padding:14px;gap:12px}.item-option h3{font-size:21px}}
.codex-item-note{margin:0 38px 26px;color:var(--muted);font-size:12px;line-height:1.8;max-width:760px}.codex-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 38px 40px}
@media(max-width:700px){.codex-item-note{margin:0 18px 22px}.codex-item-grid{grid-template-columns:1fr;padding:0 18px 30px}.codex-sections{flex-wrap:wrap}.codex-sections button{white-space:nowrap}}

/* Ilustraciones verticales 2:3: el marco y la información pertenecen a la UI. */
.card.card-illustrated{display:flex;flex-direction:column;aspect-ratio:2/3;min-height:360px;isolation:isolate;overflow:hidden;border:1px solid #d8b774;border-radius:10px;background:#282318;box-shadow:0 6px 18px #0005,inset 0 0 0 3px #332717}
.card-illustrated:before{content:'';position:absolute;inset:5px;border:1px solid #f5d89a88;border-radius:6px;z-index:3;pointer-events:none}
.card-illustrated:after{content:'';position:absolute;inset:0;border:3px solid #392d1b99;border-radius:inherit;z-index:3;pointer-events:none}
.card.card-illustrated .card-art{position:absolute;inset:0;height:100%;border-radius:inherit;z-index:-1}
.card-illustrated .card-art img{object-fit:cover;object-position:center top}
.card-illustrated .card-art:after{background:linear-gradient(180deg,#171c1d33,transparent 18%,transparent 40%,#18201d44 54%,#14201deb 76%,#101916 100%)}
.card-illustrated .cost{top:12px;left:12px;width:34px;height:34px;border-radius:50%;clip-path:none;background:radial-gradient(circle at 35% 25%,#3e514a,#162720);border:2px solid #e1be78;color:#ffebba;font:24px var(--serif);box-shadow:0 2px 8px #0008}
.card-illustrated .card-faction{top:17px;bottom:auto;left:auto;right:13px;padding:5px 8px;background:#1b2824c9;border:1px solid #f1d29577;border-radius:3px;font-size:7px;color:#fff0cd;letter-spacing:1px}
.card-illustrated .card-copy{position:relative;width:100%;margin-top:auto;padding:18px 16px 17px;background:linear-gradient(transparent,#14201dbb 20%,#101916e8);color:#fff2d9}
.card-illustrated h3{font-size:28px;color:#fff0d0;letter-spacing:.3px;text-shadow:0 2px 5px #000b;line-height:1.1}
.card-subtitle{display:block;margin-top:3px;font:italic 11px var(--serif);color:#dfcba5}
.card-illustrated .card-stats{border:0;padding:0;margin:11px 0 10px;gap:6px;font-size:12px;color:#f6edda}
.card-illustrated .card-stats>span{justify-content:center;flex:1;padding:5px 3px;background:#101b17b8;border:1px solid #b49d5b66;border-radius:4px}
.card-illustrated .card-stats .icon{color:#d9b675;width:13px;height:13px}
.card-illustrated .card-stats small{color:#bbc5b6}
.card-illustrated .ability-label{font-size:7px;letter-spacing:1px;margin:9px 0 4px;color:#e6c383}
.card-illustrated .ability-text{font-size:10px;line-height:1.45;min-height:0;color:#e1e2d4}
.card-illustrated .selected-mark{top:9px;right:9px;z-index:4}
.card-illustrated.locked .locked-tag{top:48px;right:13px}
.hand .card-illustrated{min-height:330px;aspect-ratio:auto}
.hand .card-illustrated .card-copy{padding:16px 11px 13px}
.hand .card-illustrated h3{font-size:21px}
.hand .card-illustrated .card-subtitle{font-size:10px}
.hand .card-illustrated .card-stats{font-size:10px;gap:3px;margin:8px 0}
.hand .card-illustrated .card-stats>span{gap:3px;padding:4px 2px}
.hand .card-illustrated .card-stats .icon{width:10px;height:10px}
.hand .card-illustrated .ability-text{font-size:9px;line-height:1.45}
.hand .card-illustrated .ability-label{font-size:6px;letter-spacing:.6px}
.hand .card-illustrated .card-faction{font-size:6px;right:10px;top:14px;padding:4px 5px}
.hand .card-illustrated .cost{width:28px;height:28px;font-size:20px;top:10px;left:10px}
.detail-card-preview{width:100%;align-self:start}
.detail-card-preview .card-illustrated{max-width:none;min-height:460px;cursor:default}
.detail-card-preview .card-illustrated:hover{transform:none;box-shadow:0 6px 18px #0005}
.detail-card-preview .card-illustrated:hover img{transform:none}
.detail-card-preview .card-illustrated h3{font-size:32px}
.detail-card-preview .card-illustrated .ability-text{font-size:11px;line-height:1.5;margin:0;color:#e1e2d4}
.detail-card-preview .card-illustrated .ability-label{font-size:8px;line-height:1.3;margin:10px 0 4px;color:#e6c383}
@media(max-width:700px){.detail-card-preview{max-width:310px;margin:auto}.detail-card-preview .card-illustrated{min-height:430px}}

/* Battle hand: uniform portraits, with readable abilities outside the scrolling row. */
.battle-layout .hand{align-items:stretch;gap:16px;padding:10px 4px 18px;scroll-padding-inline:4px}
.hand-preview{position:relative;flex:0 0 198px;width:198px;min-width:0;border-radius:9px}
.hand-preview:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}
.battle-layout .hand .card.hand-card{display:flex;flex-direction:column;width:100%;max-width:none;min-height:296px;height:296px;aspect-ratio:auto;overflow:hidden;isolation:isolate;border-radius:9px;border:1px solid #c2a46b;background:#1c2420;box-shadow:0 4px 14px #0005}
.battle-layout .hand .hand-card .card-art{position:absolute;inset:0;height:100%;border-radius:inherit;z-index:-1}
.battle-layout .hand .hand-card .card-art img{object-fit:cover;object-position:center 24%}
.battle-layout .hand .hand-card .card-art:after{background:linear-gradient(180deg,#101b1744,transparent 30%,#15201b33 45%,#15201bf2 68%,#101915 100%)}
.battle-layout .hand .hand-card .card-copy{position:relative;display:flex;flex-direction:column;width:100%;margin-top:auto;padding:12px 12px 14px;background:linear-gradient(transparent,#101915aa 28%,#101915ee);color:#f1ebdc}
.battle-layout .hand .hand-card h3{font:21px/1.12 var(--serif);color:#f7eedb;white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:47px;letter-spacing:0;text-shadow:0 2px 5px #000b}
.battle-layout .hand .hand-card .card-subtitle{font:italic 13px/1.25 var(--serif);color:#ded0b2;min-height:33px;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.battle-layout .hand .hand-card .card-stats{display:flex;justify-content:space-between;gap:5px;border:0;padding:0;margin:9px 0 0;font-size:14px;color:#f5efdf}
.battle-layout .hand .hand-card .card-stats>span{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;padding:5px 2px;background:#101b17b8;border:1px solid #b49d5b66;border-radius:4px;white-space:nowrap}
.battle-layout .hand .hand-card .card-stats .icon{width:14px;height:14px;color:#d9b675;flex-shrink:0}
.battle-layout .hand .hand-card .card-stats small{font-size:10px;color:#c4cdbb}
.battle-layout .hand .hand-card .cost{top:10px;left:10px;width:32px;height:32px;clip-path:none;border-radius:50%;border:1px solid #d9b675;background:#152720eb;font:22px var(--serif);color:#ffe7b0;z-index:2}
.battle-layout .hand .hand-card .card-faction{top:12px;bottom:auto;left:51px;right:10px;max-width:137px;text-align:right;padding:5px 6px;font-size:9px;line-height:1.2;letter-spacing:.4px;color:#f4e2bc;background:#152720dd;border:1px solid #b49d5b66;border-radius:3px}
.battle-layout .hand .hand-card .selected-mark{top:53px;right:12px}
.battle-layout .hand .hand-card.unaffordable{opacity:.75;filter:saturate(.65)}
.hand-ability-tooltip{position:fixed;z-index:180;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:22px 24px;border:1px solid #bfa16c;border-radius:9px;background:linear-gradient(145deg,#30382e,#19221d);box-shadow:0 12px 40px #0008;color:#f3ede0;text-align:left;scrollbar-width:thin}
.hand-ability-tooltip[hidden]{display:none}
.hand-ability-tooltip h3{margin:0;font:26px/1.1 var(--serif);color:#f8e8c5}
.hand-ability-tooltip .tooltip-subtitle{display:block;margin:6px 0 18px;font:italic 16px/1.3 var(--serif);color:#d1c9b7}
.hand-ability-tooltip .eyebrow{display:block;font:600 11px/1.4 var(--sans);letter-spacing:1px;margin:17px 0 7px;color:#dfbd82}
.hand-ability-tooltip p{font:17px/1.55 var(--sans);margin:0;color:#f2ede3}
.relic-hover-tooltip{width:350px;padding:22px;background:linear-gradient(145deg,#373a2d,#1c261f);border-color:#d1af72;pointer-events:auto}
.relic-hover-tooltip header{display:flex;align-items:center;gap:15px;margin-bottom:18px}
.relic-preview-seal{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #c8a76b88;border-radius:50%;background:radial-gradient(circle,#b7944233,#b794420a);color:#ebca90}
.relic-preview-seal .icon{width:25px;height:25px}
.relic-hover-tooltip header .eyebrow{margin:0 0 6px;font-size:10px;letter-spacing:1.3px}
.relic-hover-tooltip h3{font-size:24px;line-height:1.15}
.relic-preview-scope{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;padding:6px 10px;border:1px solid #bba46a44;border-radius:4px;background:#c7ae6812;font:12px/1.3 var(--sans);color:#e6d3aa}
.relic-preview-scope .icon{width:14px;height:14px}
.relic-preview-hint{display:block;margin-top:18px;padding-top:12px;border-top:1px solid #c4ab6540;color:#c8c5b8;font:12px/1.5 var(--sans)}
.map-relics button:focus-visible,.side-relics button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}
.backpack-item:focus-visible,.companion-equipment[data-item-preview]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}
.party-synergies{margin-top:14px;padding-top:12px;border-top:1px solid #a69b6b55;color:#eee7d6}
.party-synergies>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.party-synergies h3{display:flex;align-items:center;gap:7px;font:20px var(--serif)}
.party-synergies h3>.icon{width:17px;height:17px;color:#dbc087}
.party-synergies header>.text-button{font-size:10px;padding:4px 0;white-space:nowrap;color:#e2c88f}
.synergy-list{display:grid;gap:7px}
.synergy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px;background:#16211d66;border:1px solid #8d92734d;border-radius:4px;text-align:left;color:#d2d3c1}
.synergy-row.active{background:linear-gradient(125deg,#65563466,#263b2eaa);border-color:#c1a26899;color:#f4e4be}
.synergy-row:hover{border-color:#eed397}.synergy-row:focus-visible{outline:2px solid #eed397;outline-offset:2px}
.synergy-name{display:flex;align-items:center;gap:6px;min-width:0}.synergy-name>.icon{width:15px;height:15px;flex-shrink:0}.synergy-name>b{font:12px/1.3 var(--sans)}.synergy-name>small{font:12px var(--sans);margin-left:auto;color:#f2d69f}
.synergy-thresholds{display:flex;align-items:center;gap:3px}.synergy-thresholds>i{display:grid;place-items:center;width:21px;height:23px;border:1px solid #b6b39d55;border-radius:3px;color:#b8baab;font:12px var(--sans);font-style:normal;background:#14221c66}.synergy-thresholds>i.reached{background:#bea464;color:#172219;border-color:#e0c388}.synergy-thresholds>i.unavailable{border-style:dashed;opacity:.5}
.synergy-effect{grid-column:1/-1;color:#d6d3bd;font:11px/1.5 var(--sans)}
.party-synergies.compact{margin:0 0 20px;padding:0 0 17px;border-top:0;border-bottom:1px solid #a69b6b55}.compact .synergy-row{padding:9px 7px}.compact .synergy-name>b{font-size:11px}
.modal .synergy-catalog-note{padding:12px 15px;border:1px solid #bbaa6844;background:#bbaa680c;font-size:12px;line-height:1.6}
.synergy-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.synergy-detail{padding:16px;border:1px solid #8b997166;border-radius:5px;background:#15221a55}.synergy-detail>header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.synergy-detail>header>.icon{color:#dbc087;width:20px;height:20px}.synergy-detail h3{font:21px var(--serif);flex:1}.synergy-detail>header>span{color:#c6c5b4;font-size:11px}
.synergy-detail ol{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.synergy-detail li{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid #858c6944;border-radius:4px}.synergy-detail li>b{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;background:#363d2e;color:#e7d1a2;border-radius:3px;font:19px var(--serif)}.modal .synergy-detail li p{font:14px/1.55 var(--sans);margin:0}.synergy-detail li small{display:block;margin-top:5px;font:11px var(--sans);color:#c2beab}.synergy-detail li.active{background:#c9ad681b;border-color:#c9ad6899}.synergy-detail li.active small{color:#e4c789}.synergy-detail li.unavailable{border-style:dashed}
@media(max-width:700px){.synergy-detail-grid{grid-template-columns:1fr}.party-synergies h3{font-size:21px}.synergy-effect{font-size:12px}.synergy-name>b{font-size:13px}.synergy-thresholds>i{width:25px;height:25px}}
/* El recorrido ocupa el centro; el grupo y las herramientas lo acompañan. */
.main:has(.map-workspace){padding-bottom:0}
.main:has(.map-workspace) .page-heading{max-width:none;padding:12px 24px 14px;gap:16px}
.main:has(.map-workspace) .page-heading .eyebrow{font-size:10px;line-height:1.3;display:block}
.main:has(.map-workspace) .page-heading h1{font-size:28px;line-height:1.15;margin:4px 0 0}
.main:has(.map-workspace) .page-heading p{display:none}
.main:has(.map-workspace) .chapter-number{font-size:42px;line-height:1}
.adventure .map-workspace{display:grid;grid-template-columns:clamp(240px,21vw,360px) minmax(0,1fr) clamp(240px,21vw,360px);gap:20px;max-width:none;margin:0;padding:0 24px 16px;align-items:start}
.map-workspace>.map-party,.map-workspace .map-notes{position:static;top:auto;max-height:none;overflow:visible;grid-column:auto;grid-row:auto;padding-top:0}
.map-workspace>.map-party>section{padding:12px;background:linear-gradient(145deg,#424d40,#2b362d);border-color:#899777;box-shadow:0 5px 16px #18201526}
.map-workspace .map-party .eyebrow{display:none}
.map-workspace .map-party h2{font-size:26px;line-height:1.2;margin:0 0 12px}
.map-workspace .map-roster{grid-template-columns:1fr;gap:8px}
.map-workspace .companion-equipment-row{grid-template-columns:minmax(0,1fr) 32px;gap:5px}
.map-workspace .map-companion{padding:7px;gap:10px}
.map-workspace .map-companion>img{display:block;width:48px;height:58px}
.map-workspace .companion-copy>b{font-size:20px;line-height:1.15}
.map-workspace .companion-copy>small{display:inline-block;font-size:11px;line-height:1.25;margin:3px 6px 0 0}
.map-workspace .companion-health{display:inline-flex;font-size:14px;line-height:1.25;gap:3px}
.map-workspace .companion-copy .health-bar{margin-top:4px}
.map-workspace .companion-health small{font-size:11px}
.map-workspace .equipment-slot{min-height:66px;padding:6px 2px}
.map-workspace .equipment-slot>.icon{width:20px;height:20px}
.map-workspace .equipment-slot>span{display:none}
.map-workspace .map-party .map-artifacts{margin-top:12px;padding:10px 12px;background:#bcaa7910;border:1px solid #b3a27455;box-shadow:none}
.map-workspace .map-party .map-artifacts h2{font-size:18px;margin-bottom:10px}
.map-workspace .map-roster[data-size="full"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.map-workspace .map-roster[data-size="full"] .companion-equipment-row{display:block;position:relative}
.map-workspace .map-roster[data-size="full"] .companion-equipment{position:absolute;left:6px;bottom:6px;width:26px;height:26px}
.map-workspace .map-roster[data-size="full"] .equipment-slot{width:26px;height:26px;min-height:26px;padding:4px;background:#253125eb;border-radius:3px}
.map-workspace .map-roster[data-size="full"] .equipment-slot>.icon{width:16px;height:16px}
.map-workspace .map-roster[data-size="full"] .map-companion{padding:6px;gap:6px}
.map-workspace .map-roster[data-size="full"] .map-companion>img{width:32px;height:60px}
.map-workspace .map-roster[data-size="full"] .companion-copy{display:grid;gap:3px}
.map-workspace .map-roster[data-size="full"] .companion-copy>b{font-size:16px;line-height:1.2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.map-workspace .map-roster[data-size="full"] .companion-copy>small{font-size:10px;margin:0}
.map-workspace .map-roster[data-size="full"] .companion-copy .health-bar{margin:0}
.map-workspace .map-roster[data-size="full"] .companion-health{font-size:12px}
.map-workspace .map-roster[data-size="full"] .companion-health .icon{width:10px;height:10px}
.map-workspace .map-roster[data-size="full"] .companion-health small{font-size:10px}
.map-workspace .party-synergies{margin-top:10px;padding-top:8px}
.map-workspace .party-synergies>header{margin-bottom:7px}
.map-workspace .party-synergies h3{font-size:17px}
.map-workspace .synergy-list{display:flex;flex-wrap:wrap;gap:6px}
.map-workspace .synergy-row{display:flex;padding:5px 7px;gap:5px}
.map-workspace .synergy-name{gap:5px}
.map-workspace .synergy-name>b,.map-workspace .synergy-thresholds,.map-workspace .synergy-effect{display:none}
.map-workspace .synergy-name>small{font-size:12px;line-height:1.3}
.map-workspace .map-context>.map-artifacts{margin:0;padding:10px;background:linear-gradient(140deg,#564c38,#3d3d2f);border:1px solid #847452;border-top:2px solid #c1a26c;border-radius:2px}
.map-workspace .map-context>.map-artifacts>.eyebrow{display:none}
.map-workspace .map-context>.map-artifacts h2{display:flex;justify-content:space-between;align-items:center;font-size:23px;line-height:1.2;margin:0 0 10px}
.map-workspace .map-context>.map-artifacts h2 small{font:11px var(--sans);color:var(--muted)}
.map-workspace .map-context .map-relics{grid-template-columns:1fr}
.map-workspace .map-context .map-relics button>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-workspace .map-relics{display:flex;flex-wrap:wrap;gap:7px}
.map-workspace .map-relics button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:7px;background:#d0b7700d;border-color:#baa46b66;border-radius:50%}
.map-workspace .map-relics button>span{display:none}
.map-workspace .map-relics .icon{width:19px;height:19px;flex-shrink:0}
.map-workspace .map-relics p{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}
.map-workspace>.map-center{grid-column:auto;grid-row:auto}
.map-workspace .map-panel-heading{min-height:62px;padding:11px 20px;border-color:#ad9973;background:linear-gradient(110deg,#68634e,#494c3b)}
.map-workspace .map-panel-heading h2{font-size:25px;line-height:1.2}
.map-workspace .map-panel-heading .eyebrow{display:block;line-height:1.3}
.map-workspace .map-panel-heading>span{font-size:12px}
.adventure .map-workspace .route-map{min-height:0;height:clamp(420px,calc(100dvh - 230px),850px);aspect-ratio:auto;width:100%;border-color:#ad9973;box-shadow:0 8px 30px #1d211d35}
.map-workspace .map-node{gap:4px;min-width:76px}
.map-workspace .map-node>span{width:38px;height:38px}
.map-workspace .map-node .icon{width:19px;height:19px}
.map-workspace .map-node b{font-size:11px;line-height:1.3}
/* Seven branching rows and the final encounter, with room for labels. */
.adventure .map-workspace .route-map{height:clamp(740px,calc(100dvh - 230px),980px)}
.map-workspace .map-number{font-size:9px}
.map-workspace .boss-node>span{width:44px;height:44px}
.map-workspace .boss-node b{font-size:12px}
.map-tools{display:grid;gap:12px;min-width:0}
.map-tools>.map-artifacts{margin:0;padding:10px 14px;background:#bcaa7910;border:1px solid #b3a27455;border-radius:2px}
.map-tools>.map-artifacts>.eyebrow{display:none}
.map-tools>.map-artifacts h2{display:flex;align-items:center;justify-content:space-between;font-size:18px;line-height:1.2;margin:0 0 8px}
.map-tools>.map-artifacts h2 small{font:11px var(--sans);color:var(--muted)}
.map-context{display:grid;gap:12px;min-width:0}
.map-workspace .map-lore{padding:12px 14px 8px}
.map-workspace .map-lore .eyebrow{font-size:9px;letter-spacing:1px}
.map-workspace .map-notes{box-shadow:none;border-color:#83917a55;background:#28342b66}
.map-workspace .map-notes h2{font-size:20px;line-height:1.2;margin:5px 0 0}
.map-workspace .boss-preview{display:flex;align-items:center;gap:10px;min-height:58px;height:auto;margin:0 14px 10px;padding:7px;background:#262f28}
.map-workspace .boss-preview img{width:48px;height:48px;object-fit:cover;border-radius:2px;flex-shrink:0}
.map-workspace .boss-preview>div{position:static;padding:0;background:none}
.map-workspace .boss-preview span{font-size:9px;letter-spacing:.5px}
.map-workspace .boss-preview h3{font-size:17px;margin:4px 0 0;line-height:1.15}
.map-summary-stats{display:grid;gap:8px;margin:0;padding:0 14px 12px}
.map-summary-stats>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.map-summary-stats dt{font-size:12px;color:var(--muted)}
.map-summary-stats dd{margin:0;font:22px/1 var(--serif);color:var(--gold-bright)}
.map-reference{border-top:1px solid var(--line)}
.map-reference>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;padding:12px 14px;font-size:12px;color:var(--gold-bright);list-style:none}
.map-reference>summary::-webkit-details-marker{display:none}
.map-reference>summary>.icon{width:14px;height:14px;transition:transform .15s}
.map-reference[open]>summary>.icon{transform:rotate(90deg)}
.map-story{margin:0;padding:0 14px 12px;font-size:12px;line-height:1.6;color:var(--muted)}
.map-workspace .map-legend{margin:0 14px;padding:12px 0;gap:10px;display:grid;grid-template-columns:1fr}
.map-workspace .map-legend>div{font-size:12px}
.map-workspace .map-legend small{font-size:10px}
.map-workspace .map-notes .map-hint{padding:12px 14px;font-size:12px;line-height:1.6}
.map-tools>.map-backpack{margin:0;padding:12px 14px;border:1px solid #83917a55;background:#28342b66;border-radius:2px;box-shadow:none}
.map-tools .backpack-heading h3{font-size:18px}
.map-tools .backpack-heading h3>small,.map-tools .backpack-details{font-size:11px}
.map-tools .backpack-hint{font-size:11px;line-height:1.5;margin:7px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-tools .backpack-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:6px}
.map-tools .backpack-item{position:relative;display:grid;place-items:center;min-height:34px;height:34px;padding:6px;gap:0;background:#131e181f;border-color:#9b9f8166;color:#dacda8;cursor:grab}
.map-tools .backpack-item.hero-item{background:#b49a5720;border-color:#b49a5780}
.map-tools .backpack-item:hover:not(:disabled),.map-tools .backpack-item.selected{background:#9c8b4544;border-color:#d3b96e}
.map-tools .backpack-item>span:last-child{display:none}
.backpack-count{position:absolute;top:3px;right:4px;font-size:11px;line-height:1.3;color:var(--gold-bright);background:#21291edd;padding:1px 3px;border-radius:2px}
.map-tools .backpack-item-icon{height:20px;width:20px}
.map-tools .backpack-item-icon>.icon{height:18px;width:18px}
.map-tools .backpack-item b{font-size:11px;line-height:1.3}
.map-tools .backpack-item small{display:none}
.map-tools .backpack-empty{font-size:12px;margin:0;line-height:1.5}
#app:has(.map-workspace)>.settings-button{left:auto;right:20px;top:16px;bottom:auto;width:38px;min-height:38px;padding:7px;justify-content:center;position:fixed}
#app:has(.map-workspace)>.settings-button>span:last-child{display:none}
.main:has(.map-workspace) .topbar{padding-right:76px}
@media(min-width:1600px){.adventure .map-workspace{gap:24px}.map-workspace .map-roster[data-size="full"] .map-companion>img{width:36px;height:58px}.map-workspace .map-roster[data-size="full"] .companion-copy>b{font-size:18px}.map-workspace .map-node>span{width:44px;height:44px}}
@media(max-width:1050px){.adventure .map-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:0 20px 20px}.map-workspace>.map-center{grid-column:1/-1;grid-row:1}.map-workspace>.map-party{grid-column:1;grid-row:2}.map-tools{grid-column:2;grid-row:2}.main:has(.map-workspace) .page-heading{padding-right:20px;padding-left:20px}}
@media(max-width:700px){.adventure .map-workspace{grid-template-columns:1fr;gap:16px;padding:0 14px 20px}.map-workspace>.map-party{grid-column:1;grid-row:2}.map-workspace>.map-center{grid-column:1;grid-row:1}.map-tools{grid-column:1;grid-row:3}.main:has(.map-workspace) .page-heading{padding:16px 14px}.main:has(.map-workspace) .page-heading h1{font-size:26px}.main:has(.map-workspace) .page-heading .eyebrow{font-size:9px}.main:has(.map-workspace) .chapter-number{display:none}.adventure .map-workspace .route-map{height:800px;min-height:0}.map-workspace .map-panel-heading{padding:11px 12px}.map-workspace .map-panel-heading h2{font-size:22px}.map-workspace .map-node>span{width:32px;height:32px}.map-workspace .map-node{min-width:65px}.map-workspace .boss-node>span{width:38px;height:38px}.map-workspace .map-number{font-size:8px}.map-workspace .map-node b{font-size:10px}.main:has(.map-workspace) .topbar{padding-right:58px}#app:has(.map-workspace)>.settings-button{right:10px;top:9px;min-height:34px;width:34px}}
@media(max-width:700px){.hand-preview{flex-basis:178px;width:178px}.battle-layout .hand .card.hand-card{height:276px;min-height:276px}.battle-layout .hand .hand-card h3{font-size:20px;min-height:45px}.battle-layout .hand .hand-card .card-copy{padding:10px 10px 12px}.battle-layout .hand .hand-card .card-faction{font-size:8px;left:48px;right:8px}.hand-ability-tooltip{padding:18px 20px}}

/* Shared currency mark: ash flakes, a grey mound and a remaining ember. */
.currency-ashes-icon{display:inline-block;width:1.35em;height:1.35em;flex:none;vertical-align:-.28em}
.audio-settings{display:grid;gap:24px;margin-top:24px}
.audio-setting-label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}
.audio-setting-label label{font-weight:500}.audio-setting output{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}
.modal .audio-setting p{margin:7px 0 10px;font-size:11px;color:var(--muted)}
.audio-setting input[type=range]{display:block;width:100%;height:32px;margin:0;padding:0;border:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;--audio-track:linear-gradient(to right,var(--gold) 0%,var(--gold) var(--audio-fill,100%),#5f6257 var(--audio-fill,100%),#5f6257 100%)}
.audio-setting input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--audio-track)}
.audio-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border:2px solid var(--gold-bright);border-radius:50%;background:var(--gold);box-shadow:0 1px 3px #0005}
.audio-setting input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--audio-track)}
.audio-setting input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--gold-bright);border-radius:50%;background:var(--gold);box-shadow:0 1px 3px #0005}
.modal .audio-master-note{margin:0;padding:12px 14px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.6}