/* Main functions first, battle in the centre, growth tools beside the hero. */
.workspace{max-width:1540px;margin:auto;padding-top:22px}.topbar{height:72px;gap:32px}.nav{gap:27px}.nav button{font-size:12px}.section-heading{margin-bottom:17px;align-items:center}.section-heading .eyebrow{font-size:8px;letter-spacing:3px}.section-heading h2{font-size:25px;letter-spacing:5px;margin:6px 0}.section-heading p{font-size:11px;margin:0}.heading-divider{color:#707e6c;margin:0 9px}.save-status{font-size:10px}.layout{grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.sidebar{padding:13px;background:linear-gradient(145deg,#263024,#151e16)}.sidebar .hero-art{height:164px}.sidebar .hero-title h3{font-size:24px;letter-spacing:2px;max-width:170px;overflow-wrap:anywhere;line-height:1.3}.sidebar .hero-title{left:12px;bottom:13px}.sidebar .panel-label{margin-bottom:11px}.sidebar .profession-label{margin-top:13px;margin-bottom:12px;padding:10px 0}.sidebar .stat-grid{grid-template-columns:1fr 1fr;gap:13px}.sidebar .stat strong{font-size:21px}.sidebar .attack-origin{font-size:9px;line-height:1.7;margin:12px 0}.sidebar .divider{margin:13px 0}.sidebar .weapon-mini{margin-bottom:12px}.sidebar .experience{margin-top:12px;margin-bottom:17px}.tools-label{font-size:10px;letter-spacing:2px;color:#a6b197;margin:5px 0 10px}.growth-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.growth-tools button{border:1px solid #9b936137;background:#c4b78305;padding:10px 4px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#c6c9af}.growth-tools button:hover{border-color:#baa572;background:#a78c5117}.growth-tools svg{width:14px;height:14px;color:#c5ae75}.mobile-growth-tools,.mobile-hero-summary{display:none}
.adventure-hub{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.hub-card{position:relative;display:flex;align-items:center;gap:18px;min-width:0;min-height:129px;text-align:left;padding:20px 23px;border:1px solid #b39a5e66;background-color:#202b21;overflow:hidden;transition:border-color .2s,background-color .2s}.hub-card:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;background:center/cover}.daily-hub:before{background-image:linear-gradient(90deg,#0c160e,transparent),url('assets/maps/marfa-world-v6.png')}.codex-hub:before{background-image:linear-gradient(90deg,#0c181d,transparent),url('assets/maps/map-6.png')}.codex-hub{border-color:#718e995e;background-color:#1b292a}.hub-card:hover{border-color:#d0bb87;background-color:#2b3527}.codex-hub:hover{border-color:#9dbfce;background-color:#22363a}.hub-icon{display:grid;place-items:center;border:1px solid #bda36362;background:#182116a1;width:55px;height:59px;flex-shrink:0;color:#ddc283;position:relative}.hub-icon svg{width:30px;height:30px}.codex-hub .hub-icon{border-color:#83a8b555;color:#a7cbd6;background:#14272b}.hub-main{position:relative;min-width:0;flex:1}.hub-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.hub-title h3{font:22px var(--serif);letter-spacing:3px;margin:0;color:#ebd8a7}.codex-hub .hub-title h3{color:#c5dfe6}.hub-badge{font-size:10px;color:#d7c499;padding:4px 8px;border:1px solid #b59e644d;background:#141b12a1;white-space:nowrap}.has-reward .hub-badge{background:#c4aa63;color:#1c2516;border-color:#d9c483}.codex-hub .hub-badge{color:#b2d0d9;border-color:#8ca9ae4d;background:#1423279e}.hub-main p{font-size:11px;color:#c0c7ad;margin:8px 0 9px}.codex-hub .hub-main p{color:#acc7cb}.hub-main>small{display:block;font-size:9px;color:#a3b293;line-height:1.8}.codex-hub .hub-main>small{color:#95b0b7}.hub-progress{display:flex;gap:5px;height:3px;margin:10px 0 9px;max-width:155px}.hub-progress i{flex:1;background:#09150e}.hub-progress i.complete{background:#dec78b}.hub-progress i.claimed{background:#8aaf81}.hub-arrow{font-size:23px;color:#c2ab73;position:relative;align-self:flex-end;line-height:1;flex-shrink:0}.codex-hub .hub-arrow{color:#93b9c5}.codex-tiers{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 8px}.codex-tiers span{font-size:9px;padding:2px 7px;background:#121f25a6;color:#b7d0d5;border:1px solid #769ba33b}
.combat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;padding:0 1px}.combat-heading>div{display:flex;align-items:center;gap:9px;min-width:0}.combat-heading strong{font:17px var(--serif);letter-spacing:2px;color:#dac99f;white-space:nowrap}.combat-heading small{font-size:10px;color:#a6b399}.combat-heading-dot{height:5px;width:5px;border-radius:50%;background:#b7a16c;box-shadow:0 0 8px #b7a16c55;flex-shrink:0}.combat-heading button{font-size:10px;padding:8px 11px;white-space:nowrap}.combat-heading button svg{height:12px;width:12px}.game-column{min-width:0}.game-column .arena{height:390px}.game-column .enemy-row{top:112px;height:220px}.game-column .enemy{height:204px}.game-column .enemy.boss{height:222px}.game-column .location-title h3{font-size:23px}.game-column .location-title p{font-size:10px}.game-column .hand-header{margin-top:15px}.next-step{padding:15px 11px;background:#b89e5810;border:1px solid #b89e5838;margin-top:17px}.next-step>small{font-size:9px;color:#a7ac8c;letter-spacing:2px}.next-step>strong{display:block;font:14px var(--serif);color:#dec893;line-height:1.7;margin:6px 0}.next-step p{font-size:10px;color:#a3b197;line-height:1.9;margin:5px 0 12px}.next-step button{font-size:10px;width:100%;padding:9px 5px}.campaign-fold{border:1px solid #a4935c3d;background:#b9a56d04;margin-top:17px}.campaign-fold>summary{cursor:pointer;padding:13px 15px;font-size:11px;color:#d0bf93;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none}.campaign-fold>summary:after{content:'＋';font-size:17px;color:#b2a16d}.campaign-fold[open]>summary:after{content:'−'}.campaign-fold>summary span{margin-left:auto;font-size:9px;color:#8f9f88}.campaign-fold .chapter-stage-strip{border:0;border-top:1px solid #a4935c25;margin:0;padding-top:17px}.campaign-fold .quest-tracker{margin:0;border:0;border-top:1px solid #a4935c25}.chapter-level.training,.stage-mini.training{border-color:#b68e5a68;background:#b68e5a09}.chapter-level.training em{color:#d0ab76}
@media(min-width:1550px){.game-column .arena{height:438px}.game-column .enemy-row{top:132px;height:240px}.game-column .enemy{height:226px}.game-column .enemy.boss{height:247px}}
@media(max-width:1100px){.topbar{gap:20px;padding-left:20px;padding-right:20px}.nav{gap:18px}.resources{gap:12px}.layout{grid-template-columns:190px minmax(0,1fr);gap:16px}.hub-card{padding:17px;gap:13px}.hub-icon{width:43px;height:49px}.hub-icon svg{width:25px;height:25px}.hub-title h3{font-size:20px;letter-spacing:2px}.hub-title{gap:8px}.hub-badge{font-size:9px;padding:4px 6px}.hub-main p{font-size:10px}.hub-main>small{font-size:8px}.hub-arrow{display:none}.sidebar .hero-art{height:145px}.sidebar .hero-title h3{font-size:22px}.sidebar .profession-label{font-size:9px}.growth-tools button{font-size:9px;gap:5px}.game-column .enemy-row{gap:15px}}
@media(max-width:760px){.topbar{height:auto;padding:12px 14px 0;gap:0}.topbar .resources{gap:12px}.topbar .codex-ticket{display:none}.nav{height:40px;margin-top:9px;justify-content:space-between;gap:6px}.nav button{font-size:11px;gap:5px}.nav svg{width:13px}.workspace{padding:15px 12px 12px}.section-heading{margin-bottom:13px}.section-heading h2{font-size:21px;letter-spacing:3px;margin:4px 0}.section-heading .eyebrow{display:none}.section-heading p{font-size:9px;line-height:1.8}.heading-divider{margin:0 4px}.save-status{font-size:8px;white-space:nowrap;align-self:flex-start;padding-top:7px}.layout{display:block}.adventure-hub{gap:9px;margin-bottom:12px}.hub-card{min-height:137px;padding:13px 11px 11px;display:block}.hub-icon{width:23px;height:23px;border:0;background:none!important;position:absolute;right:9px;top:12px;opacity:.85}.hub-icon svg{width:20px;height:20px}.hub-title{display:block;padding-right:18px}.hub-title h3{font-size:18px;letter-spacing:1px}.hub-badge{display:inline-block;font-size:9px;padding:3px 6px;margin-top:7px}.hub-main p{font-size:9px;line-height:1.8;margin:8px 0;min-height:32px;max-width:140px}.hub-main>small{font-size:8px;line-height:1.8}.hub-progress{margin:8px 0;max-width:115px}.codex-tiers{gap:3px;margin:8px 0}.codex-tiers span{font-size:7px;padding:2px 3px}.mobile-growth-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-bottom:12px}.mobile-growth-tools button{flex-direction:column;gap:6px;font-size:9px;padding:9px 1px}.mobile-growth-tools svg{width:16px;height:16px}.mobile-hero-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #ac975c3b;background:#27302355;padding:10px 12px;margin-bottom:14px}.mobile-hero-summary button{text-align:left;min-width:0}.mobile-hero-summary button>strong{display:block;font:15px var(--serif);color:#d9c598;overflow-wrap:anywhere;line-height:1.5}.mobile-hero-summary button>span{display:block;font-size:8px;color:#91a38b;margin-top:3px}.mobile-hero-summary>div{display:flex;gap:10px;flex-shrink:0;font-size:9px;color:#8e9f85}.mobile-hero-summary b{color:#d3c595;font:14px Georgia}.combat-heading{gap:6px;margin-bottom:9px}.combat-heading>div{gap:6px;flex-wrap:wrap}.combat-heading strong{font-size:14px;letter-spacing:1px}.combat-heading small{font-size:9px}.combat-heading button{font-size:9px;padding:7px 8px}.game-column .arena{height:381px}.game-column .location-title h3{font-size:19px}.game-column .location-title p{font-size:8px}.game-column .enemy-row{top:115px;height:214px;gap:10px}.game-column .enemy{height:195px}.game-column .enemy.boss{height:211px}.campaign-fold>summary{font-size:10px;padding:12px}.campaign-fold>summary span{font-size:8px}.game-column .hero-battle-bar .vital-name{flex-wrap:wrap;gap:5px}.vital-name>button{max-width:180px;overflow-wrap:anywhere;font-size:13px}.game-column .hand-header{margin-top:14px}}
@media(max-width:370px){.nav button{font-size:10px}.nav svg{display:none}.hub-title h3{font-size:16px}.hub-card{padding-left:9px;padding-right:9px}.codex-tiers span{font-size:7px;padding:2px}.hub-main>small{font-size:7px}.combat-heading small{max-width:145px}.mobile-hero-summary>div{gap:7px}}
.sidebar .stat{display:block}.sidebar .stat>span{display:block;white-space:nowrap;font-size:9px;margin-bottom:5px}.sidebar .stat>strong{display:block}