/* Clear, illustrated RPG information and matching action/mana meters. */
.affinity-art{width:44px;height:44px;object-fit:contain;flex:none}
.affinity-panels{display:grid;gap:14px;margin:20px 0}
.affinity-group{border:1px solid #b4a16e55;border-radius:14px;background:linear-gradient(130deg,#243b2f,#10251e);padding:13px}
.affinity-group h3{font:19px Georgia;margin:0 0 10px;color:#e9cc91}.affinity-group>div{display:grid;gap:8px}
.affinity-group article{display:flex;align-items:center;gap:10px;padding:7px 5px;border-top:1px solid #d2c6931a}
.affinity-group article>span{flex:1;min-width:0}.affinity-group strong{font:15px Georgia;color:#eee0bd}.affinity-group small{display:block;font:10px/1.4 system-ui;color:#bec6b6;margin-top:3px}
.affinity-group article>b{font:21px Georgia;color:#a5de8d;white-space:nowrap}.affinity-group.resistant article>b{color:#9fcee9}.affinity-group p{margin:5px;font:12px Georgia;color:#a6b4a6}
.atb-stage .affinities{gap:3px;min-height:24px}.atb-stage .affinity{padding:0 3px 0 0;display:inline-flex;align-items:center;gap:2px;font:7px system-ui;white-space:nowrap}.atb-stage .affinity-art{width:20px;height:20px}
.atb-stage .affinity .sr-only{display:none}
.combat-meters{display:grid;gap:7px;margin:0 0 10px}.combat-meters .combat-meter{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;align-items:center;padding:0;margin:0}
.combat-meter .readiness-label,.combat-meter .recovery-label{font:9px/12px system-ui;color:#d8c79d;text-align:left;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.combat-meters .mana-recovery>small{color:#aad2eb}.combat-meters .atb-gauge,.combat-meters .mana-recovery>span{display:block;width:100%;height:9px;border:1px solid #b7a16b77;border-radius:5px;background:#0a1a17;overflow:hidden;margin:0;box-shadow:inset 0 1px 3px #0008}
.combat-meters .combat-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#96773c,#f4d38b);border-radius:3px;transition:width .08s linear}
.combat-meters .mana-recovery>span{border-color:#709cbb77}.combat-meters .mana-recovery i{background:linear-gradient(90deg,#3e6c9e,#a5ddf7)}
.action-paused .combat-meters i{transition:none}
.atb-battle .atb-stage{padding-bottom:64px}.battle-potions{position:absolute;left:10px;right:10px;bottom:5px;display:flex;justify-content:space-between;pointer-events:none;z-index:12}
.battle-potion{pointer-events:auto;position:relative;width:68px;height:54px;border:1px solid #c6b07899;border-radius:12px 12px 18px 18px;background:radial-gradient(ellipse at center,#76673870,#142a24 72%);padding:2px 3px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f2dca9;box-shadow:inset 0 0 0 2px #152a24;touch-action:manipulation;opacity:1!important}
.battle-potion>img,.battle-potion>.potion-art{width:36px;height:36px;object-fit:contain;display:block}.potion-art{background-repeat:no-repeat}.battle-potion>b{position:absolute;top:2px;right:4px;border-radius:50%;font:10px system-ui;padding:2px 4px;background:#0a211e;border:1px solid #d0b57677;color:#eddaac}
.battle-potion>small{font:8px/10px system-ui;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-potion:disabled>img,.battle-potion:disabled>.potion-art{filter:saturate(.55) brightness(.65)}.battle-potion:disabled{border-color:#a3b1a744;color:#9ba99d}.battle-potion:not(:disabled){box-shadow:inset 0 0 0 2px #203825,0 0 9px #d7c17b20}.battle-potion:focus-visible{outline:2px solid #f9d68c;outline-offset:2px}.empty-flask{font:28px Georgia;color:#839e90}
.atb-battle .atb-stage:has(.atb-heroes>.self:only-child){padding-bottom:12px}
.atb-stage:has(.atb-heroes>.self:only-child) .atb-heroes{padding-inline:70px}
.gear-slot[data-slot=belt]{grid-column:2;grid-row:3}.gear-slot[data-slot=potion-left]{grid-column:1;grid-row:4}.gear-slot[data-slot=potion-right]{grid-column:3;grid-row:4}.potion-assign{display:flex;gap:10px;margin:18px 0}.potion-assign button{flex:1;min-width:0;display:grid;gap:6px;background:#1e352b;border:1px solid #bda36b66;border-radius:12px;padding:12px 6px}.potion-assign small{color:#b59c6a;font-size:9px}.potion-assign strong{font:17px Georgia;color:#e7d7ac}.potion-assign span{font:9px system-ui;color:#b9c7b5}.potion-description,.potion-stock{text-align:center;color:#d7d8bf;font:13px/1.6 system-ui}
.world-enemy .actor-label{display:flex;align-items:center;gap:3px;background:linear-gradient(145deg,var(--rank-dark),#10241eee 70%);border:1px solid var(--rank);box-shadow:0 2px 4px #0008,inset 0 0 0 1px #f4e2aa18;border-radius:8px;padding:3px 8px;color:var(--rank-bright);min-width:46px;overflow:visible}
.world-enemy .actor-label>span{display:grid;gap:1px;font:600 10px/12px Georgia}.world-enemy .actor-label small{font:8px/9px system-ui;letter-spacing:.3px;color:var(--rank-bright)}.world-enemy .actor-label .rank-gem{width:16px;height:20px;flex:none;margin:0}
.world-enemy .enemy-count{position:absolute;right:-13px;top:-12px;min-width:25px;height:23px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1px solid #f3d18c;border-radius:50%;background:linear-gradient(#66502c,#302918);font:700 11px system-ui;color:#fff1c8;box-shadow:0 2px 5px #0009}
.world-enemy .poi-timer{bottom:-44px;background:#3e2521e8;border-color:#c58f67}.enemy-timer-fact[hidden]{display:none!important}
.stat-art{width:26px;height:26px;flex:none;fill:#bb9e5930;stroke:#e6c483;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 1px 2px #0005)}.stat-life,.stat-lifesteal{fill:#a1494c44;stroke:#eaa091}.stat-mana,.stat-recovery{fill:#477ead44;stroke:#a5d5f2}
.hero-dossier{padding:4px 3px}.profile-cover{position:relative;border:1px solid #bda36d66;border-radius:22px 5px 22px 5px;padding:8px 13px;background:radial-gradient(ellipse at 28% 60%,#b99f4e33,transparent 65%),linear-gradient(145deg,#29433744,#14281f);box-shadow:inset 0 0 0 4px #10271c,inset 0 0 0 5px #b9a36b22}
.profile-cover:after{content:'◆';position:absolute;right:11px;top:6px;color:#d4ba7f;font-size:11px}.profile-cover h2{font:30px Georgia;color:#f0dfad;text-shadow:0 2px #061d13}.profile-cover .eyebrow{font-size:9px}.profile-portrait{height:190px;width:120px;margin-bottom:8px}
.hero-level-seal{position:absolute;bottom:0;left:50%;translate:-50% 0;display:grid;place-items:center;width:54px;height:54px;clip-path:polygon(50% 0,86% 12%,100% 50%,86% 88%,50% 100%,14% 88%,0 50%,14% 12%);background:linear-gradient(145deg,#efd496,#b88c44 45%,#684a27);color:#193020;filter:drop-shadow(0 3px 3px #0007);padding:8px 0}.hero-level-seal small{font:7px system-ui;letter-spacing:1px}.hero-level-seal b{font:25px/25px Georgia}.profile-currency{display:flex;align-items:center;gap:5px;font:18px Georgia}.profile-currency .stat-art{width:20px;height:20px}
.profile-xp{display:flex;align-items:center;gap:8px;padding:10px 3px;margin:4px 0 10px;border-bottom:1px solid #c9ab6a33}.profile-xp>span{font:11px Georgia;color:#c8bd99;text-align:left;margin:0;flex:1}.profile-xp>strong{font:20px Georgia;color:#ead2a1}.profile-xp small{font:10px system-ui;color:#a6b29e}
.profile-resources{gap:10px;margin-bottom:13px}.profile-resource{display:flex;align-items:center;gap:9px;padding:12px 10px;background:linear-gradient(130deg,#4c3c2d33,#152b23);border:1px solid #b4a06b55;border-radius:5px 16px 5px 16px}.profile-resource>span{font:10px system-ui;color:#c9c6ad}.profile-resource strong{display:block;font:24px Georgia;margin-top:4px}.profile-resource strong small{font:13px Georgia}.profile-resource .stat-art{width:30px;height:34px}
.profile-stats{gap:10px}.profile-stat{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);justify-content:start;text-align:left;align-items:center;min-height:87px;padding:13px 10px;border:1px solid #b59c6244;border-radius:4px 16px 4px 16px;background:linear-gradient(125deg,#84734524,#132b21);box-shadow:inset 0 0 0 3px #10251b55}.profile-stat>.stat-art{grid-column:1;grid-row:1/3;width:26px;height:30px}.profile-stat strong{grid-column:2;font:24px Georgia;color:#ebd39d}.profile-stat>span{grid-column:2;font:10px Georgia;margin:0;color:#cbd0b8}.profile-stat small{grid-column:1/3;font:9px/1.4 system-ui;margin:7px 0 0;color:#a9bca7;text-align:center}
.numeric-skills article{border:1px solid #bba36e44;background:linear-gradient(120deg,#78633222,#10291e);border-radius:15px 4px 15px 4px;padding:12px;gap:12px}.numeric-skills h3{font:17px Georgia;color:#e3c98e;margin:0 0 7px}.numeric-skills .ability-icon{width:52px;height:58px;flex:none}.numeric-skills .skill-numbers{display:flex;flex-wrap:wrap;gap:9px;font:9px system-ui;color:#b9c9b6}.skill-numbers b{font:18px Georgia;color:#f1dbae}.numeric-skills small{display:block;margin-top:6px;font:9px/1.4 system-ui;color:#9fb4a4}
@media(max-width:360px){.combat-meters .combat-meter{grid-template-columns:80px minmax(0,1fr);gap:5px}.atb-stage .affinity-art{width:16px;height:16px}.atb-stage .affinity{font-size:6px;gap:0}.profile-cover{padding:7px;gap:8px}.profile-portrait{width:94px;height:166px}.profile-cover h2{font-size:25px}.profile-stat{padding:10px 6px;grid-template-columns:28px minmax(0,1fr)}.profile-stat strong{font-size:21px}.profile-resource{padding:9px 6px;gap:6px}.profile-resource strong{font-size:21px}}
@media(max-height:650px){.atb-battle .atb-stage{padding-bottom:56px}.battle-potion{height:48px;width:62px}.battle-potion>img,.battle-potion>.potion-art{width:30px;height:30px}.combat-meters{gap:4px;margin-bottom:6px}.combat-meters .atb-gauge,.combat-meters .mana-recovery>span{height:8px}}
@media(prefers-reduced-motion:reduce){.combat-meters .combat-meter i{transition:none}}