:root{--bg:#101715;--panel:#18211e;--line:#2c3730;--ink:#eceddf;--muted:#8e9e91;--lime:#d3ef8b;--purple:#b6a0ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,sans-serif;font-size:13px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);background:transparent;border-radius:7px;transition:.2s}button:hover{border-color:var(--lime);color:var(--lime)}button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}main{max-width:1510px;margin:auto;padding:0 44px}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);font-family:'Space Grotesque',system-ui,sans-serif;font-weight:700;letter-spacing:2px;font-size:19px;gap:12px}.brand-icon{font-size:39px;color:var(--lime)}.tag{font-family:system-ui;font-size:9px;color:var(--muted);letter-spacing:1.5px;border-left:1px solid var(--line);padding-left:20px;margin-left:10px}.header-right{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1px;color:var(--muted)}.header-right button{padding:9px 12px;font-size:11px;letter-spacing:0}.live-dot,footer i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%}.title-row{display:flex;justify-content:space-between;align-items:center;padding:38px 0 30px}.eyebrow,.section-label{font-size:10px;letter-spacing:1.7px;color:var(--lime);font-weight:600}h1{font-family:system-ui;font-weight:500;font-size:44px;letter-spacing:-2px;margin:8px 0}p{color:var(--muted);line-height:1.7;margin:7px 0}.best{display:flex;flex-direction:column;text-align:right;gap:3px}.best span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.best strong{font-family:system-ui;font-size:32px;color:var(--lime)}.best small{color:var(--muted);font-size:10px}.game-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;gap:18px}.left-panel,.right-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px 18px}.section-label{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.hero-portrait{height:104px;margin:14px 0 0;background:radial-gradient(ellipse,#b6a0ed17,transparent 70%);display:flex;justify-content:center;align-items:center}.hero-portrait svg{width:80px;height:90px}h2{font-family:system-ui;font-size:25px;margin:4px 0;font-weight:500}.left-panel>h2,.left-panel>p{text-align:center}.left-panel>p{font-size:10px}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:19px}.class-grid button{font-size:10px;padding:10px 3px;color:var(--muted)}.class-grid button.selected{border-color:var(--purple);background:#b6a0ed13;color:#d4c7f8}.divider{height:1px;background:var(--line);margin:23px 0}.stat-label{display:flex;justify-content:space-between;margin:17px 0 8px;font-size:10px;color:var(--muted)}.stat-label b{font-weight:500;color:var(--ink)}.stat-label small{font-size:8px;color:var(--purple);margin-left:7px}.meter{height:5px;background:#303c33;border-radius:8px;overflow:hidden}.meter i{display:block;background:var(--lime);height:100%;width:100%;transition:width .15s}.meter.xp i{background:var(--purple);width:0}.mini-stats{display:flex;gap:48px;margin:22px 0}.mini-stats div{display:flex;flex-direction:column;gap:7px}.mini-stats span{font-size:8px;color:var(--muted);letter-spacing:1px}.mini-stats b{font-family:system-ui;font-size:21px;font-weight:500}.tree-button{display:flex;width:100%;padding:12px;justify-content:space-between;align-items:center;font-size:11px;background:#242e26;border-color:#45523d}.tree-button span{font-size:9px;color:var(--lime)}.fresh-note{text-align:center;color:#778579;font-size:9px;margin-top:17px}.arena-panel{overflow:hidden;border:1px solid #3b493b;border-radius:10px;background:#18211b;display:flex;flex-direction:column}.arena-top{display:flex;justify-content:space-between;align-items:center;padding:18px 19px;font-size:10px;border-bottom:1px solid var(--line)}.arena-top b{font-size:10px;letter-spacing:1px}.floor-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:8px}.area-name{margin-left:13px;color:var(--muted)}#mobLabel{color:var(--muted);font-size:9px}.canvas-wrap{position:relative;flex:1;min-height:450px;overflow:hidden}canvas{display:block;width:100%;height:100%;object-fit:contain;background:#1b281f;touch-action:none}.arena-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;gap:10px;border-top:1px solid var(--line);font-size:9px}.arena-bottom>div{display:flex;gap:4px;align-items:center}.arena-bottom span{color:var(--muted);margin-left:4px}kbd{font-family:inherit;font-size:8px;min-width:15px;padding:4px 3px;border:1px solid #465144;border-bottom-width:2px;border-radius:3px;color:#c8d1c0}.arena-bottom button{padding:3px 7px}#cooldown{color:var(--purple);font-size:9px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#101b1450;backdrop-filter:blur(2px)}.overlay.hidden{display:none}.overlay-card{text-align:center;padding:32px;background:#18211eed;border:1px solid #536341;border-radius:14px;box-shadow:0 25px 80px #0005;width:330px}.overlay-card h2{font-size:39px;letter-spacing:-1px;line-height:1.1;margin:18px 0}.overlay-card p{font-size:12px}.primary{background:var(--lime);color:#202b1b;border:0;padding:15px 20px;font-weight:700;width:100%;margin:20px 0 14px;display:flex;justify-content:space-between}.primary:hover{background:#e2ffa3;color:#172012}.overlay-card small{display:block;font-size:8px;color:var(--muted)}.toast{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:#111b18ed;padding:12px 20px;border:1px solid #566542;border-radius:8px;white-space:nowrap;color:var(--lime);opacity:0;transition:opacity .2s;pointer-events:none}.toast.show{opacity:1}.run-stat{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:20px}.run-stat b{color:var(--ink);font-weight:500}.slot{display:flex;align-items:center;gap:11px;padding:12px 8px;border:1px dashed #364136;border-radius:6px;margin-top:10px;height:60px}.slot-icon{width:32px;height:32px;display:grid;place-items:center;background:#263027;border-radius:5px;font-size:20px;color:#596657}.slot b{font-size:10px;font-weight:500;display:block}.slot small{font-size:9px;color:#7f8d80;display:block;margin-top:4px}.slot.empty b{color:#829083}.loot-key{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:7px;color:var(--muted);margin-top:14px}.loot-key i{height:4px;width:4px;border-radius:50%;background:#a2aaa0}.loot-key i:nth-of-type(2){background:#85bdea}.loot-key i:nth-of-type(3){background:#b6a0ed}.loot-key i:nth-of-type(4){background:#f1c875}.creature-row{display:flex;align-items:center;gap:9px;margin-top:20px}.creature{width:35px;height:35px;color:#b6d878;background:#b6d87820;border-radius:9px;display:grid;place-items:center;font-size:27px}.creature-row b{font-size:10px;font-weight:500}.creature-row small{display:block;color:var(--muted);font-size:8px;margin-top:5px}.creature-row>span:last-child{font-size:8px;margin-left:auto;color:var(--muted)}.locked{opacity:.45}.tip{margin-top:25px;padding:16px 12px;background:#222d24;border:1px solid #374631;border-radius:6px}.tip>span{font-size:8px;letter-spacing:1px;color:var(--lime)}.tip p{font-size:10px;margin:13px 0}.tip>div{font-size:14px;color:var(--lime)}.tip div span{font-size:8px;color:var(--muted);margin-left:4px}footer{display:flex;justify-content:space-between;align-items:center;color:#6f8073;font-size:9px;padding:23px 0}footer>span:first-child{letter-spacing:1px}footer i{margin-right:8px;width:4px;height:4px}footer b{font-weight:400;color:#a4b099}footer button{border:0;font-size:10px;color:var(--muted)}dialog{background:#18211e;color:var(--ink);border:1px solid #566542;border-radius:14px;width:min(600px,92vw);padding:30px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#07100bd0;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:12px;border:0;font-size:24px}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.skill{padding:18px;text-align:left}.skill strong{display:block;font-size:13px}.skill p{font-size:11px}.skill small{color:var(--lime)}.skill:disabled{cursor:default;opacity:.5}.mobile-controls{position:absolute;bottom:10px;left:10px;display:flex;gap:8px}.mobile-controls button{padding:16px;background:#18211ecc}@media(min-width:1600px){.canvas-wrap{min-height:560px}}@media(max-width:1100px){main{padding:0 22px}.game-layout{grid-template-columns:190px minmax(0,1fr)}.right-panel{display:none}.tag{display:none}.canvas-wrap{min-height:420px}.area-name{font-size:9px}}@media(max-width:700px){main{padding:0 12px}header{height:65px}.brand{font-size:15px;letter-spacing:1px}.brand-icon{font-size:30px}.header-right{gap:5px}.header-right>span,.header-right button span{display:none}.title-row{padding:22px 0}.title-row h1{font-size:32px}.title-row p{font-size:10px;max-width:240px}.eyebrow{font-size:8px}.best strong{font-size:23px}.best span{font-size:7px}.game-layout{display:flex;flex-direction:column}.left-panel{padding:13px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.left-panel>.section-label,.hero-portrait,.left-panel>p,.left-panel .divider,.fresh-note,.mini-stats,.left-panel>.meter,.left-panel>.stat-label{display:none}.left-panel h2{font-size:17px;margin:0}.class-grid{display:flex;margin:0;flex:1}.class-grid button{flex:1;padding:8px 3px;font-size:9px}.tree-button{width:auto;padding:8px;gap:8px}.canvas-wrap{min-height:430px}.arena-top{padding:13px 10px}.arena-bottom{padding:13px 9px;font-size:8px;gap:5px}.arena-bottom kbd{font-size:7px}footer>span:nth-child(2){display:none}}
/* Deep-run progression and exploration */
.meter.stamina i{background:#e4bb78}.utility-button{margin-top:9px;background:#1e2a22}.slot{width:100%;text-align:left;padding:8px;height:52px}.slot b{font-size:9px}.slot small{font-size:8px}.slot-icon{width:29px;height:29px;flex-shrink:0}.loot-key i:nth-of-type(2){background:#a9d877}.loot-key i:nth-of-type(3){background:#89bdea}.loot-key i:nth-of-type(4){background:#b6a0ed}.loot-key i:nth-of-type(5){background:#f5ca79}.left-panel,.right-panel{padding-top:18px;padding-bottom:18px}.hero-portrait{height:88px}.divider{margin:18px 0}.canvas-wrap{height:580px;min-height:480px;flex:auto}canvas{width:100%;height:100%;object-fit:fill}.arena-bottom{flex-wrap:wrap;padding:12px;gap:7px}dialog{width:min(1000px,95vw);max-height:88vh;overflow:auto;padding:32px}.deep-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.skill-branch h3{font-family:system-ui;font-size:17px;color:var(--lime);border-bottom:1px solid var(--line);padding-bottom:14px;margin:0 0 15px}.skill-node{width:100%;display:block;padding:14px;text-align:left;background:#202d24;border-color:#40503b;min-height:140px}.skill-node .node-tier{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:10px}.node-tier b{color:var(--lime)}.skill-node strong{font-size:12px}.skill-node p{font-size:10px;line-height:1.6;margin:9px 0}.skill-node small{font-size:9px;color:var(--lime)}.skill-node:disabled{cursor:default;opacity:.48}.skill-node.learned:disabled{opacity:.85}.skill-node.learned{border-color:#a3bf6b}.skill-node.capstone{border-color:#bca274;background:#302f22}.branch-line{text-align:center;color:#708555;height:22px;font-size:17px}.mastery-header{border-top:1px solid var(--line);padding-top:14px}.mastery-header p{font-size:11px}.mastery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.equipment-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--lime);margin:18px 0}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.item-card{padding:15px;border:1px solid var(--rarity,#44523d);border-radius:8px;background:#202b22}.item-title{display:flex;gap:10px;align-items:center;color:var(--rarity)}.item-title>span{font-size:26px}.item-title strong{font-size:11px;display:block}.item-title small{font-size:9px;color:var(--muted);display:block;margin-top:6px}.affixes{margin:14px 0;font-size:10px;line-height:1.8}.affixes>div{display:flex;justify-content:space-between;gap:10px}.positive{color:#b8d983}.negative{color:#e39383}.item-actions{display:flex;gap:8px;margin-top:14px}.item-actions button{padding:8px;font-size:10px;flex:1}.item-actions button:disabled{opacity:.4;cursor:default}.legendary-note{font-size:9px;color:#f5ca79}.compare-note{font-size:10px}.map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:560px;margin:24px 0}.map-cell{height:86px;display:grid;place-items:center;background:#121e17;border:1px dashed #344132;color:#51614c;font-size:24px;border-radius:8px}.map-cell.visited{background:#293b2b;border-style:solid;color:var(--lime)}.map-cell.cleared{border-color:#9aaf6a}.map-cell.current{box-shadow:inset 0 0 0 2px #e8ebd3}.mobile-controls{right:10px;left:auto;flex-wrap:wrap;justify-content:flex-end;max-width:240px;bottom:12px}.mobile-controls button{padding:12px;font-size:10px;border-color:#6d8059;background:#152019e8}.arena-top{gap:6px}.area-name{font-size:9px}@media(max-width:1100px){.canvas-wrap{height:610px}.arena-bottom .extra-control{display:none}}@media(max-width:700px){.canvas-wrap{height:440px;min-height:440px}.left-panel .utility-button{display:flex}.left-panel .tree-button{margin-top:0;flex:1;justify-content:center}.left-panel .utility-button span{display:none}.left-panel h2{font-size:15px}.left-panel .class-grid{flex-basis:75%}.deep-tree{gap:8px}.skill-node{padding:9px;min-height:160px}.skill-branch h3{font-size:12px}.skill-node strong{font-size:10px}.skill-node p{font-size:9px}.skill-node small{font-size:8px}.mastery-grid{grid-template-columns:1fr}.equipment-grid{grid-template-columns:1fr 1fr;gap:8px}.item-card{padding:10px}.item-title strong{font-size:10px}.affixes{font-size:9px}.item-actions{flex-wrap:wrap}.item-actions button{font-size:9px}.arena-top .area-name{display:none}dialog{padding:27px 15px}.toast{max-width:92%;font-size:10px;text-align:center;white-space:normal;bottom:88px}.fresh-note{display:none}}
.class-role{font-size:9px!important;line-height:1.7;color:var(--lime);margin-top:8px!important}.class-grid button:last-child{grid-column:span 2}.class-grid button.selected{border-color:var(--hero-color,#b6a0ed);color:var(--hero-color,#b6a0ed)}.class-action{font-size:10px}.game-layout{align-items:start}.canvas-wrap{height:auto;min-height:0;aspect-ratio:960/900;flex:none}.arena-panel{width:100%}.right-panel .tip{margin-top:18px}.mobile-controls{max-width:250px}.mobile-controls button{padding:10px}.toast{bottom:88px}@media(max-width:700px){.canvas-wrap{aspect-ratio:960/900}.left-panel>.class-role{display:none}.left-panel .class-grid{gap:4px}.left-panel .class-grid button{font-size:8px}.class-action{flex-basis:100%!important}.mobile-controls{max-width:220px;bottom:9px}.mobile-controls button{padding:9px;font-size:9px}}

.overlay-card h2{font-size:35px}
:root{color-scheme:dark}dialog{scrollbar-color:#61734d #18211e;scrollbar-width:thin}.item-actions button:disabled:hover{border-color:var(--line);color:inherit}.skill-node:disabled:hover{color:inherit}
.hearth-overlay{align-items:flex-start!important;padding:22px!important;background:linear-gradient(135deg,#182b20,#192a24)!important;overflow:auto;display:block!important}.hearth-panel{max-width:760px;margin:0 auto;text-align:left}.hearth-panel h2{font-size:clamp(28px,4vw,42px);margin:8px 0 12px;color:#efefd6}.hearth-panel p{font-size:13px;line-height:1.65;color:#aab89e}.hearth-panel section{padding:22px 0;border-top:1px solid #405039;margin-top:22px}.hearth-panel h3{font-size:19px;margin:8px 0 12px}.home-wallet{display:flex;gap:12px;flex-wrap:wrap;color:#d7ed9e;font-size:12px}.rule-cards,.home-upgrades{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.home-classes,.garden-plots{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.hearth-panel button:not(.primary){padding:12px;border:1px solid #506044;background:#20372b;color:#d9e6b5;border-radius:8px;text-align:left;cursor:pointer}.hearth-panel button strong,.hearth-panel button small{display:block}.hearth-panel button small{font-size:11px;line-height:1.45;margin-top:7px;color:#a6b89b}.hearth-panel button.chosen{border-color:#c7e483;background:#33462a}.hearth-panel button:disabled{opacity:.45;cursor:default}.hearth-panel .primary{width:100%;margin-top:14px}.garden-plots>div{display:grid;gap:5px}.hearth-panel>small{font-size:11px;color:#879c7c}.hearth-panel section>small{font-size:12px;color:#a6b89b}.class-grid button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:650px){.hearth-overlay{padding:14px!important}.rule-cards,.home-upgrades{grid-template-columns:1fr}.hearth-panel section{padding:15px 0;margin-top:15px}}
.hearth-art{margin:18px 0;border:1px solid #536245;border-radius:14px;overflow:hidden;background:#1b2e24}.hearth-art svg{display:block;width:100%;height:auto}.house-stations{display:flex;gap:7px;padding:9px;flex-wrap:wrap}.house-stations button{flex:1;text-align:center!important;white-space:nowrap;padding:9px!important}.hearth-panel section{scroll-margin-top:12px}
.skill-web{gap:12px}.web-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.web-row.single{grid-template-columns:1fr}.web-link{height:22px;text-align:center;color:#75885c;letter-spacing:20px}.skill-web .skill-node{height:100%;margin:0;padding:11px}.skill-web .skill-node p{font-size:11px}.skill-web .skill-node small{font-size:10px}.skill-branch h3 small{display:block;font-size:10px;color:#96a68b;margin-top:7px}.covenant{border-color:#a78bb7!important}.loot-popup{position:absolute;z-index:8;width:min(320px,85%);transform:translate(-50%,-100%);background:#121e19f5;border:1px solid #8caa70;border-radius:12px;padding:12px;box-shadow:0 12px 30px #0008;color:#e9edda;pointer-events:auto}.pickup-title{display:flex;align-items:center;gap:9px}.pickup-title strong{font-size:13px}.pickup-title small{display:block;color:#a7b49a;font-size:10px;margin-top:4px}.pickup-comparison{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:11px;margin:8px 0}.pickup-actions{display:flex;gap:6px}.pickup-actions button,.loot-popup>button{padding:7px;font-size:10px;background:#263a2a}.loot-popup>button{width:100%;margin-top:6px}.loot-popup>small{display:block;font-size:9px;color:#94a48c;margin-top:8px}.loot-popup button:disabled{opacity:.4}.item-title svg,.slot-icon svg{display:block}.slot-icon{min-width:34px}.pickup-title svg{flex-shrink:0}@media(max-width:650px){.web-row{gap:5px}.skill-web .skill-node{padding:8px}.loot-popup{width:270px}.deep-tree.skill-web{grid-template-columns:1fr}}
.story-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.story-card{min-height:240px;padding:24px 18px;text-align:left;background:linear-gradient(145deg,#35432b,#172c25);border-color:#6a8053;border-radius:16px}.story-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0004}.story-card>span{font-size:38px;color:#d8edab}.story-card h3{font-size:19px;line-height:1.35}.story-card b{color:#cee8a0;font-size:11px}@media(max-width:650px){.story-card-grid{grid-template-columns:1fr}.story-card{min-height:0}}
.equipment-paperdoll{display:flex;align-items:center;gap:22px;margin:24px 0;background:radial-gradient(ellipse at 20% 50%,#4c655033,transparent 60%);border:1px solid #3c523b;border-radius:14px;padding:12px}.equipment-paperdoll canvas{width:220px;height:190px;object-fit:contain;flex-shrink:0}.equipment-paperdoll p{max-width:400px}@media(max-width:650px){.equipment-paperdoll{flex-direction:column;gap:0}.equipment-paperdoll canvas{width:180px;height:155px}}
.loot-popup.hidden,.loot-popup[hidden]{display:none!important}
.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:18px;align-items:start}.atlas-scroll{max-height:650px;overflow:auto;border:1px solid #355241;border-radius:14px;background:radial-gradient(circle,#274632 0,#12261e 72%);scrollbar-color:#7c9360 #16291f}.skill-atlas{display:block;width:100%;min-width:650px;height:auto}.atlas-inspector{position:sticky;top:0;padding:18px;background:#223a2c;border:1px solid #526849;border-radius:14px;min-height:460px}.atlas-inspector h3{font-size:24px;margin:12px 0}.atlas-inspector p{font-size:12px;line-height:1.6}.atlas-inspector h4{font-size:11px;margin:23px 0 9px;color:#b8d298}.atlas-inspector .primary{width:100%;font-size:12px;padding:12px}.atlas-inspector .primary:disabled{opacity:.4}.atlas-ranks{display:flex;gap:5px;align-items:center;margin:20px 0}.atlas-ranks i{width:14px;height:6px;border-radius:3px;background:#536a49}.atlas-ranks i.filled{background:#d3ef8b}.atlas-ranks b{font-size:11px;margin-left:auto}.atlas-route-list{display:grid;gap:6px;margin-top:9px}.atlas-route-list button{padding:8px;display:flex;justify-content:space-between;font-size:11px;text-align:left}.atlas-route-list .route-ready{border-color:#92b966;color:#cce29f}.atlas-investment{display:flex;justify-content:space-between;font-size:10px!important}.atlas-node{cursor:pointer}.atlas-node:hover circle,.atlas-node:focus circle{stroke:#e5f5b0;stroke-width:4}.atlas-node:focus{outline:none}.atlas-legend{display:flex;flex-wrap:wrap;gap:15px;color:#aabc9d;font-size:10px;margin:14px 0 24px}.atlas-inspector .atlas-requirement{color:#d9c997;font-size:11px}.atlas-inspector .small{font-size:10px;color:#9fb295}@media(max-width:750px){.atlas-layout{grid-template-columns:1fr}.atlas-inspector{position:relative;min-height:0;order:-1}.atlas-scroll{max-height:480px}.atlas-inspector h3{font-size:21px}.atlas-inspector h4,.atlas-route-list,.atlas-investment{display:none}.atlas-inspector .atlas-ranks{margin:8px 0}.atlas-inspector p{margin:7px 0}}

.pickup-current{display:flex;align-items:center;gap:8px;color:#c6cfbb;font-size:11px;margin:6px 0}.pickup-actions{flex-wrap:wrap}

.skill-atlas{min-width:900px}.atlas-scroll{background:#16291f}.atlas-node:hover rect,.atlas-node:focus rect{stroke:#e5f5b0;stroke-width:4}.atlas-node.focused rect{filter:drop-shadow(0 0 5px #cde99866)}dialog:has(.atlas-layout){width:min(1240px,97vw)}

.ability-bar{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:3;padding:7px;background:#101c17e8;border:1px solid #607554;border-radius:12px;max-width:98%}.ability-bar[hidden]{display:none}.action-slot{position:relative;width:64px;flex-shrink:0;padding:5px 3px;border-color:#607554;background:#24372b;color:var(--hero-color,#d3ef8b);transition:border-color .15s}.action-icon{position:relative;display:block;width:42px;height:42px;margin:0 auto;overflow:hidden;border-radius:6px;background:#14251d}.action-icon svg{width:100%;height:100%;padding:5px}.action-shade{position:absolute;inset:auto 0 0;background:#07100dc4;border-top:1px solid #c4d2a9;pointer-events:none}.action-time{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;color:#fff;text-shadow:0 1px 4px #000}.action-slot kbd{display:block;margin:3px auto;width:max-content;font-size:9px;padding:1px 4px}.action-slot small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#d7e3c7}.action-slot.ready{border-color:var(--hero-color,#d3ef8b)}.action-slot:disabled{cursor:default;color:#94a68c}.ability-bar~.toast{bottom:115px}.mobile-controls{bottom:120px}@media(max-width:700px){.action-slot{width:48px}.action-icon{width:34px;height:34px}.ability-bar{bottom:6px;gap:4px;padding:5px}.action-slot small{font-size:7px}.action-time{font-size:12px}.mobile-controls{bottom:105px}}

.realm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.realm-cards button{display:grid;gap:7px;text-align:left;padding:12px;background:#14271f;border-color:#395444}.realm-cards button.chosen{border-color:var(--realm-color);box-shadow:inset 0 0 0 1px var(--realm-color)}.realm-cards button>span{font-size:25px;color:var(--realm-color)}.realm-cards strong{font-size:12px;color:var(--realm-color)}.realm-cards small{font-size:10px;color:#b3c2a7;line-height:1.5}.realm-story{border-left:3px solid #c5dc91;padding-left:12px}@media(max-width:500px){.realm-cards{grid-template-columns:1fr}}

.checkpoint-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.checkpoint-options button{padding:10px 16px;text-align:left}.checkpoint-options strong,.checkpoint-options small{display:block}.checkpoint-options small{color:#a8b69d;margin-top:4px}.checkpoint-options .chosen{border-color:#bce89b;background:#bce89b20}

.expedition-panel{border-top:1px solid #486452;padding-top:18px;margin-top:20px}.expedition-panel .rule-cards button{min-height:88px}.expedition-panel details{margin:18px 0;color:#bed0ba}.expedition-panel summary{cursor:pointer;padding:10px 0;color:#a7dfd0}.expedition-panel details p{font-size:12px;line-height:1.8}

.expedition-panel button strong,.expedition-panel button small{display:block}.expedition-panel button small{margin-top:7px;line-height:1.5}.expedition-panel .chosen{border-color:#a7dfd0!important;background:#2b4538!important}

.play-toolbar{display:flex;align-items:center;gap:7px;padding:8px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.play-toolbar button{font-size:10px;padding:6px 9px}.play-focus{overflow:hidden}.play-focus main{max-width:none;padding:8px;height:100dvh}.play-focus header,.play-focus .title-row,.play-focus footer,.play-focus .left-panel,.play-focus .right-panel{display:none}.play-focus .game-layout{display:block;height:100%}.play-focus .arena-panel{height:100%}.play-focus .arena-top{padding:9px 14px}.play-focus .arena-bottom{padding:8px 14px}.play-focus .canvas-wrap{min-height:0;display:flex;align-items:center;justify-content:center;flex:1;background:#102018}.play-focus #game{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.canvas-wrap #game{aspect-ratio:auto}.play-focus .hearth-overlay{overflow:auto}@media(max-width:700px){.play-toolbar{gap:4px;padding:6px}.play-toolbar button{font-size:9px;padding:5px}.canvas-wrap #game{aspect-ratio:auto}}

.play-stats{margin-left:auto;font-size:10px;color:#b8ceb5}.route-map{width:100%;height:auto;max-height:58dvh;object-fit:contain;border:1px solid #46614f;border-radius:8px;background:#101e19}@media(max-width:700px){.play-stats{display:none}}

.boot-status{position:fixed;inset:0;display:flex;gap:20px;align-items:center;justify-content:center;z-index:100000;background:#101715;color:#d3ef8b;font:18px system-ui}.boot-status button{padding:12px 20px}

/* Portal menus use the viewport; the hearth remains a scrollable, one-click launch. */
.home-view{overflow:hidden}.home-view main{max-width:none;padding:8px;height:100dvh}.home-view header,.home-view .title-row,.home-view footer,.home-view .left-panel,.home-view .right-panel{display:none}.home-view .game-layout{display:block;height:100%}.home-view .arena-panel{height:100%}.home-view .arena-top,.home-view .arena-bottom,.home-view .play-toolbar{display:none}.home-view .canvas-wrap{flex:1;min-height:0;aspect-ratio:auto}.home-view .hearth-overlay{padding:18px!important}.home-view .hearth-panel{max-width:1020px}.home-quick-start{min-height:48px}.toast{max-width:calc(100% - 24px);white-space:normal;text-align:center;font-size:12px;z-index:6}.slot{width:100%;text-align:left}.slot>div{min-width:0}.slot b{overflow-wrap:anywhere}.loot-key i:nth-of-type(2){background:#a9d877}.loot-key i:nth-of-type(3){background:#89bdea}.loot-key i:nth-of-type(4){background:#b6a0ed}.loot-key i:nth-of-type(5){background:#f5ca79}
@media(max-height:650px){.play-toolbar{gap:4px;padding:5px 8px}.play-toolbar button{padding:5px 7px;font-size:11px}.play-focus .arena-top{padding:6px 10px}.play-focus .arena-bottom{padding:5px 10px}.play-focus #mobLabel{font-size:11px}.ability-bar{padding:4px;bottom:6px}.action-slot{width:58px}.action-icon{width:34px;height:34px}.action-slot small{font-size:9px}.home-view .hearth-panel h2{font-size:28px}.home-view .hearth-overlay{padding:12px!important}}

.session-goals{padding:12px 16px;margin:14px 0;border:1px solid #536c48;border-radius:9px;background:#283c2a}.session-goals p{margin:6px 0}.training-guide{padding:10px 14px;margin:10px 0;border:1px solid #536c48;border-radius:9px}.training-guide summary{cursor:pointer;color:#d3ef8b}

.memory-shelf{padding:14px 0;border-top:1px solid #526544}.memory-shelf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}.memory-shelf-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border-color:var(--realm-color);text-align:left}.memory-shelf-grid button>span{color:var(--realm-color);font-size:25px}.memory-shelf-grid small{color:#b3c2a7}.economy-story{margin:10px 0 18px}.economy-story summary{cursor:pointer;color:#d2dda8}

.hearth-art .hearth-diorama{max-height:min(460px,44vh);min-height:200px;background:#19312c}.hearth-diorama a{cursor:pointer}.hearth-diorama a:hover{filter:brightness(1.15)}.restoration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.restoration-card,.building-card{padding:13px;border:1px solid #52664e;border-radius:10px;background:#20372e}.restoration-card.restored{border-color:#b3b879}.restoration-card>span{font-size:25px}.restoration-card small,.building-card small,.item-craft small{display:block;color:#b6c8b1;margin:8px 0}.restoration-card button,.building-card button{width:100%;margin-top:6px}.item-craft{border-top:1px solid #547361;margin-top:10px;padding-top:8px}.item-craft>div{display:flex;flex-wrap:wrap;gap:5px}.crafted-note{color:#d9c499;font-size:11px}.plot-card{display:flex;flex-direction:column;gap:6px}.plot-card button{width:100%}.home-upgrades .building-card{min-width:0}.house-stations{flex-wrap:wrap}@media(max-width:700px){.hearth-art .hearth-diorama{max-height:min(320px,44vh)}.restoration-grid{grid-template-columns:1fr}}

/* The house is a fixed hub; each room opens a focused native dialog. */
.home-view .hearth-overlay{overflow:hidden;padding:12px!important;display:block}.home-view .hearth-hub{height:100%;width:100%;max-width:1200px;margin:auto;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:8px}.hub-heading{display:flex;justify-content:space-between;align-items:center}.hub-heading h2{margin:0;font-size:28px!important}.hub-heading .eyebrow{font-size:10px}.hub-actions{display:flex;gap:6px;align-items:stretch;flex-wrap:wrap}.hub-actions>button{padding:8px!important}.hub-actions .primary{width:auto;margin:0;margin-left:auto;min-height:40px}.hearth-hub .home-wallet{margin:0;gap:12px;font-size:12px}.hearth-hub .hearth-art{margin:0;min-height:0;position:relative}.hearth-hub .hearth-diorama{height:100%;max-height:none;min-height:0}.hearth-hub .house-stations{display:none}.hub-dock{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.hub-dock button{padding:8px 3px!important;text-align:center!important;font-size:11px}.hub-dock button>span{display:block;font-size:22px;margin-bottom:3px}.hub-dock b{color:#e6d797}.hub-caption{font-size:11px;color:#b6c6ad;text-align:center}.hub-caption span{margin-left:12px;color:#8da98b}.hearth-diorama a:focus-visible{outline:3px solid #f4d690;filter:brightness(1.3)}.home-station-panel{max-width:none}.home-station-panel h2{font-size:26px}.home-station-panel .primary{margin-bottom:12px}.home-station-panel details{margin:14px 0}.home-station-panel summary{cursor:pointer;padding:8px}.home-station-panel .home-upgrades{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media(max-width:650px){.hub-heading h2{font-size:22px!important}.hub-actions>button{font-size:10px}.hub-actions .primary{flex:1}.hub-dock{gap:3px}.hub-dock button{font-size:9px}.hub-dock button>span{font-size:17px}.hub-caption span{display:none}.hearth-hub .home-wallet{font-size:10px;gap:8px}.home-view .hearth-overlay{padding:7px!important}}@media(max-height:500px){.hub-heading .eyebrow,.hub-caption{display:none}.home-view .hearth-hub{gap:4px;grid-template-rows:auto auto auto minmax(0,1fr) auto}.hub-dock button>span{display:inline;font-size:14px;margin-right:4px}}

/* Character bag: a fixed paper doll, compact storage, one item inspector. */
dialog:has(.bag-screen){width:min(1100px,97vw);height:min(730px,94dvh);max-height:94dvh;padding:20px;overflow:hidden}dialog:has(.bag-screen) #modalContent{height:100%}.bag-screen{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px}.bag-heading{display:flex;align-items:center;justify-content:space-between;padding-right:28px;gap:14px}.bag-heading h2{font-size:23px}.bag-heading>small{color:var(--muted);max-width:240px}.bag-character{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,190px) minmax(120px,1fr) minmax(120px,160px);gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.bag-slots{display:grid;gap:8px}.bag-slot{display:flex;align-items:center;gap:8px;text-align:left;padding:7px;border-color:var(--rarity);min-width:0;height:58px}.bag-slot>span{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center}.bag-slot svg{width:100%;height:100%}.bag-slot>div{min-width:0}.bag-slot strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rarity);font-size:11px}.bag-slot small{color:var(--muted);font-size:10px}.bag-figure canvas{display:block;width:100%;height:190px;object-fit:contain}.bag-stats{display:grid;grid-template-columns:1fr auto;gap:9px;margin:0;padding:12px;border:1px solid var(--line);border-radius:9px;font-size:11px}.bag-stats dt{color:var(--muted)}.bag-stats dd{margin:0;text-align:right;color:var(--lime)}.bag-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,330px);gap:16px;min-height:0}.bag-storage{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.bag-storage h3{margin:0;font-size:14px}.bag-storage>small{font-size:10px;color:var(--muted)}.bag-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:6px;min-height:0}.bag-cell{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--rarity,#344438);border-radius:7px;background:#13231b;padding:3px;overflow:hidden}.bag-cell svg{width:100%;height:min(42px,65%);min-height:0}.bag-cell small{font-size:9px;color:var(--muted)}.bag-cell.empty{opacity:.5}.bag-slot.chosen,.bag-cell.chosen{outline:2px solid var(--lime);outline-offset:1px;background:#30412c}.bag-inspector{min-height:0;overflow:auto;scrollbar-width:thin}.bag-inspector .item-card{padding:12px}.bag-inspector .affixes{margin:9px 0}.bag-inspector .item-title>span{width:42px;flex-shrink:0}.bag-inspector .item-title svg{width:42px;height:42px}.bag-inspector .item-actions{margin-top:8px}.bag-inspector .item-actions button{padding:7px}.bag-inspector .item-craft{margin-top:8px}.bag-inspector .item-craft small{margin:5px 0}.bag-inspector .item-craft button{padding:5px;font-size:10px}@media(max-height:650px){dialog:has(.bag-screen){padding:14px}.bag-screen{gap:8px}.bag-heading h2{font-size:19px}.bag-figure canvas{height:154px}.bag-slot{height:48px;padding:4px}.bag-slots{gap:5px}.bag-character{padding-bottom:8px;gap:8px}.bag-stats{gap:6px;padding:8px}.bag-cell small{display:none}}@media(max-width:650px){.bag-character{grid-template-columns:minmax(80px,1fr) 90px minmax(80px,1fr);gap:6px}.bag-stats{grid-column:1/-1;grid-template-columns:repeat(6,auto);gap:5px;font-size:10px}.bag-figure canvas{height:150px}.bag-slot>span{width:28px;height:28px}.bag-slot strong{font-size:9px}.bag-slot small{font-size:8px}.bag-bottom{grid-template-columns:minmax(0,1fr) minmax(150px,1fr);gap:8px}.bag-grid{gap:3px}.bag-heading>small{display:none}.bag-inspector .item-title{gap:5px}.bag-inspector .item-title>span,.bag-inspector .item-title svg{width:30px}.bag-inspector .affixes{font-size:9px}.bag-cell small{display:none}}
.bag-inspector .item-craft p{font-size:11px;line-height:1.4;margin:4px 0 7px}.bag-inspector .crafted-note,.bag-inspector .legendary-note{margin:5px 0;font-size:10px}
.gear-synergy{font-size:10px;line-height:1.5;padding:6px 0;margin:5px 0;border-top:1px solid var(--line)}.relic-attunement{font-size:10px;margin:7px 0}.relic-attunement summary{cursor:pointer;color:var(--lime)}.relic-attunement button{display:block;width:100%;text-align:left;font-size:10px;padding:7px;margin-top:5px}.relic-attunement button:disabled{opacity:.45}
.class-rhythm{display:block;font-size:11px;color:var(--lime);margin-top:3px}.bag-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bag-filters label{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted)}.bag-filters select{max-width:110px;padding:4px;border:1px solid #475c47;border-radius:5px;background:#18291f;color:var(--ink);font:inherit}.bag-storage{grid-template-rows:auto auto minmax(0,1fr) auto}@media(max-width:650px){.bag-filters{gap:4px}.bag-filters label{font-size:9px}.bag-filters select{max-width:80px;padding:3px}.bag-filters label{flex:1}.bag-filters select{width:100%}}
@media(max-width:650px){.bag-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.bag-filters label{display:grid;gap:2px;min-width:0}.bag-filters select{min-width:0;max-width:none;width:100%;font-size:9px}.bag-filters label:last-child{grid-column:1/-1;display:flex}.bag-filters label:last-child select{flex:1;width:0}}