/* Generated from admitted card anatomy; see derive-unit-faces.py. */
.enemy>.unit-card-face{position:relative;width:min(106px,78cqh);height:100%;min-width:0;padding:0;border:2px solid #b19a78;border-radius:9px 9px 7px 7px;background:linear-gradient(#27332ac4,#1b261ef5);box-shadow:0 5px 0 #443a2b,0 9px 14px #0008,inset 0 0 0 2px #2b241b;isolation:isolate;overflow:visible}
.enemy>.unit-card-face:disabled{opacity:1}
.enemy>.unit-card-face>img{width:100%;height:100%;object-fit:contain;object-position:center 40%;position:absolute;inset:0;z-index:-1;filter:drop-shadow(0 4px 4px #000b)}
.enemy>.unit-card-face .role{position:absolute;top:3px;left:3px;font-size:12px;display:flex;align-items:center;gap:2px;text-shadow:0 1px 3px #000}
.enemy>.unit-card-face h3{font-size:14px;line-height:1.1;text-align:center;text-shadow:0 1px 4px #000;margin-bottom:3px}
.enemy>.unit-card-face .hp{position:absolute;top:2px;right:2px;border:1px solid #d0b98d99;border-radius:5px;background:#241f1bdf;padding:2px 3px;display:flex;align-items:center;font-size:12px;gap:1px;color:#ffe5c7}
.enemy>.unit-card-face .health-track i{background:linear-gradient(90deg,#ad533a,#eda479)}
.hero>.unit-card-face,.empty{width:min(104px,73cqh);height:100%;position:relative;min-width:0;flex:none;border-radius:7px;aspect-ratio:.73}
.hero>.unit-card-face{border:2px solid var(--frame);padding:0;background:radial-gradient(ellipse at 50% 20%,#4d665180,#13251de6 75%);box-shadow:0 3px 0 var(--edge),0 7px 10px #0008,inset 0 0 0 2px #0b181c;isolation:isolate;overflow:visible}
.hero>.unit-card-face:before,.ability:before{content:"";position:absolute;inset:3px;pointer-events:none;border:1px solid #d1c29a55;border-radius:4px;z-index:2}
.hero>.unit-card-face>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 25%;z-index:-1;filter:drop-shadow(0 4px 3px #0008)}
.hero>.unit-card-face h3{position:absolute;left:0;right:0;bottom:26px;font-size:14px;line-height:1.05;text-align:center;text-shadow:0 1px 4px #000;padding:3px 1px 2px;background:linear-gradient(90deg,#16211bee,#30382de8,#16211bee);border-top:1px solid #c8ac7044}
.hero>.unit-card-face .role{display:none}
.hero>.unit-card-face .hp{position:absolute;top:2px;right:1px;padding:2px 3px;font-size:12px;line-height:1.1;background:#22301de8;border:1px solid #a2b57b;border-radius:5px;color:#eef4cd;display:flex;align-items:center;gap:1px}
.hero>.unit-card-face .health-track{position:absolute;bottom:24px;left:2px;right:2px;margin:0;height:3px}
.hero>.unit-card-face .stats{display:none}
.hero>.unit-card-face .guard{position:absolute;top:24px;right:2px;display:flex;align-items:center;gap:1px;font-size:12px;color:#bfddf0;background:#132a2edb;padding:1px 2px;border-radius:3px}
.hero>.unit-card-face .guard+.guard{top:40px}
.hero>.unit-card-face .promote{display:flex;align-items:center;justify-content:center;gap:2px;height:23px;min-height:23px;width:100%;border:0;border-top:1px solid #c8ac7066;border-radius:0 0 4px 4px;padding:1px 2px;font-size:14px;line-height:1;color:#f8d991;background:linear-gradient(#29362a,#14231c)}
.hero>.unit-card-face.selected{box-shadow:0 0 15px #eac57466,0 3px 0 var(--edge),0 7px 10px #0008}
.hero>.unit-card-face[data-rank="1"],.ability[data-rank="1"]{--frame:#e5e5d9;--edge:#77796d}
.hero>.unit-card-face[data-rank="2"],.ability[data-rank="2"]{--frame:#78b9ef;--edge:#284f87}
.hero>.unit-card-face[data-rank="3"],.ability[data-rank="3"]{--frame:#c096ed;--edge:#603e87}
.hero>.unit-card-face[data-rank="4"],.ability[data-rank="4"]{--frame:#b58b61;--edge:#614028}
.hero>.unit-card-face[data-rank="5"],.ability[data-rank="5"]{--frame:#514d48;--edge:#111315;border-color:#d1b77b;box-shadow:0 0 0 2px #111619,0 4px 0 #322b22,0 7px 13px #000a;background:radial-gradient(ellipse at 50% 25%,#343e3c,#091213)}
.hero>.unit-card-face[data-rank="5"]:before,.ability[data-rank="5"]:before{border-color:#d6b66d99}
.hero>.unit-card-face[data-rank="5"] .rank-badge{background:#090f12;border-color:#d6b66d;color:#f2d38e}
.hero>.unit-card-face[data-rank="3"]:before,.ability[data-rank="3"]:before{border-color:#d8c0f177}
.hero>.unit-card-face[data-rank="4"]:before,.ability[data-rank="4"]:before{border-color:#d5ac7d99}
.camp-formation .hero>.unit-card-face h3{bottom:4px}
.camp-formation .hero>.unit-card-face .health-track{bottom:2px}
@media(min-height:850px) and (min-width:701px){.hero>.unit-card-face,.empty{width:min(120px,73cqh)}
.enemy>.unit-card-face{width:min(125px,78cqh)}
.hero>.unit-card-face .stats{position:absolute;left:3px;top:25px;display:flex;flex-direction:column;gap:2px;font-size:12px;color:#e0e9cb}}
@media(max-width:700px) and (min-height:501px){.enemy>.unit-card-face{width:min(90px,86cqh)}
.enemy>.unit-card-face .role{display:none}
.enemy>.unit-card-face h3{font-size:14px;margin-bottom:2px}
.enemy>.unit-card-face .hp{font-size:12px;right:0;top:1px;padding:1px 2px}
.enemy>.unit-card-face .hp .icon{width:11px;height:11px}
.enemy>.unit-card-face .intent{font-size:12px;line-height:1.1}
.enemy>.unit-card-face .intent .icon{display:none}
.hero>.unit-card-face,.empty{width:min(88px,78cqh)}
.hero>.unit-card-face h3{font-size:14px;bottom:25px;padding:2px 0}
.hero>.unit-card-face .hp{font-size:12px;padding:1px 2px}
.hero>.unit-card-face .hp .icon{display:none}
.hero>.unit-card-face .promote{font-size:14px;height:23px}
.hero>.unit-card-face .promote .icon:first-child{display:none}
.hero>.unit-card-face .guard{font-size:12px;right:1px;top:21px}
.camp-formation .hero>.unit-card-face,.camp-formation .empty{width:min(92px,78cqh)}}
@media(min-width:701px) and (min-height:501px) and (max-height:700px){.enemy>.unit-card-face{height:min(100cqh,190px);width:min(125px,calc((100cqw - 24px)/3))}
.enemy>.unit-card-face .role{display:none}
.hero>.unit-card-face{height:min(100cqh,177px);width:min(108px,calc(100cqw - 76px));align-self:center}
.hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face) .hero>.unit-card-face{width:min(108px,calc((100cqw - 44px)/2))}
.hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face~.hero>.unit-card-face) .hero>.unit-card-face{width:min(108px,calc((100cqw - 12px)/3))}
.hero>.unit-card-face .hp{font-size:12px}
.hero>.unit-card-face h3{font-size:14px}
.hero>.unit-card-face .role-seal{bottom:46px;width:22px;height:22px}}
@media(max-height:500px){.enemy>.unit-card-face{width:min(79px,77cqh)}
.enemy>.unit-card-face .role{display:none}
.enemy>.unit-card-face h3{font-size:14px;margin:0}
.enemy>.unit-card-face .hp{font-size:12px;padding:1px}
.enemy>.unit-card-face .hp .icon{display:none}
.enemy>.unit-card-face .intent{font-size:12px;line-height:1}
.enemy>.unit-card-face .intent .icon{display:none}
.enemy>.unit-card-face .health-track{margin:1px 0;height:2px}
.hero>.unit-card-face,.empty{width:min(63px,98cqh);border-radius:5px}
.hero>.unit-card-face>img{object-position:30% center}
.hero>.unit-card-face h3{font-size:14px;line-height:1;bottom:0;padding:2px 0}
.hero>.unit-card-face .rank-badge{top:0;left:0;transform:translate(-15%,-110%);height:16px;min-width:16px;font-size:12px}
.hero>.unit-card-face .hp{font-size:12px;line-height:1;top:1px;right:1px;padding:1px}
.hero>.unit-card-face .hp .icon{display:none}
.hero>.unit-card-face .health-track{bottom:0;height:2px}
.hero>.unit-card-face .role,.hero>.unit-card-face .stats,.hero>.unit-card-face .guard{display:none}
.hero>.unit-card-face .promote{width:24px;height:24px;min-height:24px;padding:1px;position:relative;font-size:14px;border:1px solid #d7b56f;border-radius:50%;background:#193125;box-shadow:0 2px 5px #0008}
.hero>.unit-card-face .promote>.icon:first-child{display:none}
.hero>.unit-card-face .promote>.icon:nth-child(2){width:20px;height:20px}
.hero>.unit-card-face .promote span{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#1e241d;font-weight:800;text-shadow:0 1px #ffe7a6}
.camp-formation .hero>.unit-card-face,.camp-formation .empty{width:min(75px,73cqh)}
.camp-formation .hero>.unit-card-face h3{bottom:3px}}
@media(max-height:390px) and (max-width:720px){.hero>.unit-card-face,.empty{width:min(58px,100cqh)}
.hero>.unit-card-face .promote{height:22px;min-height:22px;width:22px}
.hero>.unit-card-face .hp{top:0;font-size:12px}
.hero>.unit-card-face .hp .icon{display:none}
.hero>.unit-card-face .rank-badge{left:3px}
.enemy>.unit-card-face{width:min(75px,82cqh)}}
.hero>.unit-card-face .promote{position:absolute;left:0;right:0;bottom:0;z-index:4;pointer-events:auto}
.hero>.unit-card-face:not(:has(.promote)) h3{bottom:3px}
.hero>.unit-card-face:not(:has(.promote)) .health-track{bottom:1px}
.hero>.unit-card-face .promote span{font-size:14px}
@media(max-width:700px) and (min-height:501px){.hero>.unit-card-face .promote{left:0;right:0;bottom:0}}
@media(max-height:500px){.hero>.unit-card-face .promote{display:none;left:auto;right:-8px;bottom:auto;top:-3px;width:24px;height:24px;transform:translateX(50%)}
.hero>.unit-card-face h3,.hero>.unit-card-face:has(.promote) h3{bottom:0}
.hero>.unit-card-face:not(:has(.promote)) h3{bottom:2px}
.hero>.unit-card-face .health-track{bottom:0}
.hero>.unit-card-face .promote span{font-size:14px}}
@media(max-height:390px) and (max-width:720px){.hero>.unit-card-face .promote{height:22px;min-height:22px;width:22px;right:-4px}}
.hero>.unit-card-face h3{top:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;background:linear-gradient(transparent calc(100% - 20px),#1b2a20ef calc(100% - 20px))}
.hero>.unit-card-face .rank-badge{top:2px;left:2px;transform:none}
.hero>.unit-card-face .role-seal{position:absolute;left:3px;bottom:46px;width:22px;height:22px;z-index:3;pointer-events:none;filter:drop-shadow(0 2px 3px #000a)}
@media(max-width:700px) and (min-height:501px){.hero>.unit-card-face h3{bottom:25px;padding-bottom:3px}
.hero>.unit-card-face .rank-badge{top:2px;left:2px;transform:none}
.hero>.unit-card-face .role-seal{width:19px;height:19px;bottom:44px;left:2px}}
@media(max-height:500px){.hero>.unit-card-face h3,.hero>.unit-card-face:has(.promote) h3{top:0;bottom:0;padding-bottom:2px;background:linear-gradient(transparent calc(100% - 16px),#15271df2 calc(100% - 16px))}
.hero>.unit-card-face .rank-badge{top:1px;left:1px;transform:none;min-width:15px;height:15px}
.hero>.unit-card-face .role-seal{width:17px;height:17px;left:1px;bottom:17px}
.camp-formation .hero>.unit-card-face .role-seal{bottom:24px;width:23px;height:23px}}
@media(max-height:390px) and (max-width:720px){.hero>.unit-card-face .role-seal{width:16px;height:16px;bottom:16px}
.hero>.unit-card-face .rank-badge{top:1px;left:1px}}
@media(max-height:500px){.hero>.unit-card-face>.hero-body>.promote{display:none}
.hero>.unit-card-face:has(.promote) h3{bottom:0}}
@media(min-width:1101px) and (max-height:800px){.enemy>.unit-card-face .role{font-size:0;gap:0;left:1px}
.enemy>.unit-card-face .role .icon{width:11px;height:12px}}
.hero>.unit-card-face .hp,.enemy>.unit-card-face .hp{font-size:14px;font-weight:700;line-height:1.1;padding:3px 4px}
.hero>.unit-card-face .health-track{height:7px;bottom:24px;border:1px solid #c4db9677}
.hero>.unit-card-face h3{bottom:33px}
.hero>.unit-card-face:not(:has(.promote)) h3{bottom:10px}
.hero>.unit-card-face:not(:has(.promote)) .health-track{bottom:2px}
.enemy>.unit-card-face .health-track{height:7px;margin:4px 0 2px;border:1px solid #efc39766}
.hero>.unit-card-face .role-seal{bottom:55px}
.hero>.unit-card-face .hp .icon,.enemy>.unit-card-face .hp .icon{width:14px;height:14px}
.hero>.unit-card-face.fx-hurt,.enemy>.unit-card-face.fx-hurt{animation:exp-hurt .3s ease-out}
.hero>.unit-card-face.fx-heal{animation:exp-heal .48s ease-out}
.hero>.unit-card-face.fx-promote{animation:exp-promote .5s ease-out}
.hero>.unit-card-face.fx-attack{animation:exp-attack .26s ease-out}
.hero>.unit-card-face.fx-arrive,.enemy>.unit-card-face.fx-arrive{animation:exp-arrive .38s ease-out}
@media(max-width:700px) and (min-height:501px){.hero>.unit-card-face .hp{font-size:14px;right:0;top:1px;padding:2px}
.hero>.unit-card-face .hp .icon{display:none}
.hero>.unit-card-face h3{bottom:32px}
.hero>.unit-card-face .role-seal{bottom:52px;width:19px;height:19px}
.hero>.unit-card-face .health-track{height:6px}
.hero>.unit-card-face:not(:has(.promote)) h3{bottom:9px}
.enemy>.unit-card-face .hp{font-size:14px;padding:2px}
.enemy>.unit-card-face .hp .icon{display:none}
.enemy>.unit-card-face .health-track{height:6px}}
@media(max-height:500px){.hero>.unit-card-face{height:100%;width:min(80px,calc(100cqw - 68px))}
.hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face) .hero>.unit-card-face{width:min(75px,calc((100cqw - 38px)/2))}
.hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face~.hero>.unit-card-face) .hero>.unit-card-face{width:min(70px,calc((100cqw - 12px)/3))}
.hero>.unit-card-face .hp{left:1px;right:1px;top:1px;font-size:14px;padding:2px 0;justify-content:center;border-radius:3px}
.hero>.unit-card-face .hp .icon{display:none}
.hero>.unit-card-face .health-track,.hero>.unit-card-face:not(:has(.promote)) .health-track{height:6px;bottom:16px;left:1px;right:1px}
.hero>.unit-card-face h3,.hero>.unit-card-face:has(.promote) h3,.hero>.unit-card-face:not(:has(.promote)) h3{bottom:0;padding-bottom:1px;font-size:14px;background:linear-gradient(transparent calc(100% - 16px),#15271df2 calc(100% - 16px))}
.hero>.unit-card-face .rank-badge{top:auto;left:1px;bottom:25px;height:17px;min-width:17px;font-size:12px}
.hero>.unit-card-face .role-seal{left:auto;right:2px;bottom:25px;width:19px;height:19px}
.enemy>.unit-card-face .hp{left:1px;right:1px;top:1px;justify-content:center;padding:2px 0;font-size:14px}
.enemy>.unit-card-face .hp .icon{display:none}
.enemy>.unit-card-face .health-track{height:6px;margin:3px 0 2px}}



.hero>.unit-card-face .hp,.enemy>.unit-card-face .hp{border-color:#d5bc7a;background:linear-gradient(#426040,#172d20 55%,#10231c);color:#fff8d8;box-shadow:inset 0 1px #ffefbd77,0 2px 3px #0009;text-shadow:0 1px 2px #000}
.enemy>.unit-card-face .hp{background:linear-gradient(#654333,#30251c 55%,#201a15)}
.hero>.unit-card-face .health-track,.enemy>.unit-card-face .health-track{height:9px;border:1px solid #ebcf8a}
.enemy>.unit-card-face .health-track i{background:linear-gradient(#ffd6a5,#db9255 35%,#9d4a32 56%,#b4633c);box-shadow:inset 0 1px #ffe6ba}
@media(max-height:500px){.hero>.unit-card-face .health-track,.enemy>.unit-card-face .health-track{height:7px}}
@media(max-width:700px) and (min-height:501px){.enemy>.unit-card-face .hp{top:-12px;z-index:4}
.enemy>.unit-card-face .health-track{height:7px}}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .hero-body .xp-ribbon>.experience-meter.xp-ranked{
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:22px;
 align-items:center;gap:4px;width:100%;height:22px;min-height:22px;margin:0;
 padding:0;border:0;background:none;overflow:visible;isolation:auto;line-height:20px;
}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .hero-body .xp-ribbon>.experience-meter.xp-ranked>.xp-track>.xp-value{
 position:relative;display:block;width:100%;height:20px;padding:0 2px;margin:0;
 font:14px/20px system-ui,sans-serif;white-space:nowrap;text-align:center;color:#fff1ff;
 text-shadow:0 1px 2px #000;z-index:1;
}
#game .hero>.unit-card-face{--card-footer:42px;--card-head:23px}
#game .hero>.unit-card-face:has(.promote){--card-footer:65px}
#game .hero>.unit-card-face:has(.xp-ribbon){--card-footer:64px}
#game .hero>.unit-card-face:has(.promote):has(.xp-ribbon){--card-footer:87px}
#game .hero>.unit-card-face>img{inset:var(--card-head) 3px var(--card-footer);width:calc(100% - 6px);height:calc(100% - var(--card-head) - var(--card-footer));object-fit:contain;object-position:center}
#game .hero>.unit-card-face>.hero-body{display:grid;grid-template-columns:minmax(12px,1fr) auto;grid-template-rows:minmax(0,1fr) 18px 22px auto auto;gap:0 4px;padding:23px 3px 2px;background:none}
#game .hero>.unit-card-face h3,#game .hero>.unit-card-face:has(.promote) h3,#game .hero>.unit-card-face:not(:has(.promote)) h3{position:static;grid-column:1/-1;grid-row:2;display:block;min-width:0;margin:0;padding:1px 0;font-size:14px;line-height:16px;background:#14271ff2;border:0;text-align:center}
#game .hero>.unit-card-face .rank-badge{top:2px;left:auto;right:3px;bottom:auto;transform:none;height:18px;min-width:18px;font-size:12px}
#game .hero>.unit-card-face>.role-seal{top:2px;left:3px;right:auto;bottom:auto;width:19px;height:19px}
#game .hero>.unit-card-face .hp{position:static;grid-row:3;grid-column:2;align-self:center;justify-content:center;min-width:0;font-size:14px;line-height:18px;padding:0 2px;border:0;border-radius:0;box-shadow:none;background:#14271f}
#game .hero>.unit-card-face .hp .icon{display:none}
#game .hero>.unit-card-face .health-track,#game .hero>.unit-card-face:not(:has(.promote)) .health-track{position:static;grid-row:3;grid-column:1;align-self:center;margin:0;height:8px;width:100%}
#game .hero>.unit-card-face .guard{top:3px;right:27px;font-size:12px;line-height:16px;padding:0 2px}
#game .hero>.unit-card-face .guard+.guard{right:52px;top:3px}
#game .hero>.unit-card-face .stats{top:26px;left:auto;right:3px}
#game .enemy>.unit-card-face{--enemy-footer:61px;--enemy-head:19px}
#game .enemy>.unit-card-face>img{inset:var(--enemy-head) 3px var(--enemy-footer);width:calc(100% - 6px);height:calc(100% - var(--enemy-head) - var(--enemy-footer));object-fit:contain;object-position:center}
#game .enemy>.unit-card-face>.enemy-copy{display:grid;grid-template-columns:minmax(12px,1fr) auto;grid-template-rows:minmax(0,1fr) 18px 22px auto;gap:0 3px;padding:19px 3px 3px;background:none}
#game .enemy>.unit-card-face h3{grid-row:2;grid-column:1/-1;margin:0;padding:1px 0;font-size:14px;line-height:16px;background:#1e251b}
#game .enemy>.unit-card-face .hp{position:static;grid-row:3;grid-column:2;align-self:center;justify-content:center;padding:0 2px;border:0;border-radius:0;box-shadow:none;background:#2b241c;font-size:14px;line-height:18px}
#game .enemy>.unit-card-face .hp .icon{width:12px;height:12px}
#game .enemy>.unit-card-face .health-track{grid-row:3;grid-column:1;align-self:center;margin:0;height:8px;width:100%}
#game .enemy>.unit-card-face .intent{grid-row:4;grid-column:1/-1;min-height:18px;padding:1px 0;font-size:12px;line-height:16px;background:#211f17}
#game .enemy>.unit-card-face .role{top:2px;left:3px;right:3px;font-size:12px;line-height:15px}
@media(max-height:500px){#game .hero>.unit-card-face:has(.promote){--card-footer:42px}
#game .hero>.unit-card-face:has(.promote):has(.xp-ribbon){--card-footer:64px}
#game .enemy>.unit-card-face{--enemy-footer:57px;--enemy-head:3px}
#game .enemy>.unit-card-face>.enemy-copy{padding-top:3px}}
#game .hero>.unit-card-face .hp b{font-weight:700}
#game .hero>.unit-card-face .hp small{font-size:12px}
@media(max-height:500px){#game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face) .hero>.unit-card-face{--card-head:15px;--card-footer:54px}
#game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face) .hero-body{padding-top:15px;grid-template-rows:minmax(0,1fr) 16px 18px auto auto}
#game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face) .role-seal{width:14px;height:14px;top:0}
#game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face) .rank-badge{top:0;height:14px;line-height:13px}
#game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face) .hp-max{display:none}}
#game .hero>.unit-card-face>.activation-badge{position:absolute;top:3px;left:25px;right:24px;text-align:center;font-size:12px;line-height:16px;color:#d8eac2;z-index:3;background:#14271f}
@media(max-height:500px){#game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face) .activation-badge{font-size:0;left:23px;right:auto;top:5px;width:6px;height:6px;border-radius:50%;background:#b5d594}}
@media(max-width:700px) and (min-height:501px){#game .enemy>.unit-card-face{width:min(106px,calc((100cqw - 24px)/3));--enemy-head:3px;--enemy-footer:58px}
#game .enemy>.unit-card-face>.enemy-copy{padding-top:3px}
#game .enemy>.unit-card-face .intent{white-space:nowrap}}
#game .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding-bottom:26px;grid-template-rows:minmax(0,1fr) 16px 18px}
#game .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body>.xp-ribbon{position:absolute;left:3px;right:3px;bottom:2px;width:auto;height:22px}
#game .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body>.xp-ribbon{grid-area:auto}



body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face{width:min(100%,158px);max-width:100%;height:auto;flex:1 1 0;max-height:260px;min-height:0;aspect-ratio:auto;align-self:center}
body[data-progression="xp"] #game .enemy>.unit-card-face{width:min(155px,calc((100cqw - 24px)/3));height:min(100cqh,260px);max-height:100%;flex:0 1 155px;min-width:0;min-height:0}
body[data-progression="xp"] #game .enemy>.unit-card-face:only-child{width:min(190px,100cqw);flex-basis:190px}
body[data-progression="xp"] #game .enemy>.unit-card-face .hp{font-size:18px;line-height:22px}
body[data-progression="xp"] #game .hero>.unit-card-face .hp{font-size:18px;line-height:22px}
body[data-progression="xp"] #game .hero>.unit-card-face .hp small{font-size:14px}
body[data-progression="xp"] #game .hero>.unit-card-face h3,body[data-progression="xp"] #game .enemy>.unit-card-face h3{font-size:16px;line-height:18px}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face{width:100%;max-width:205px;--card-head:3px}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face>img{inset:3px auto 26px 3px;width:32%;height:calc(100% - 29px);object-fit:contain}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face>.hero-body{padding:3px 3px 26px calc(32% + 5px);grid-template-rows:minmax(0,1fr) 18px 22px}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face .hp{font-size:16px;line-height:20px}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face>.role-seal{top:3px;left:3px;bottom:auto;width:20px;height:20px}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face .activation-badge{top:25px;left:3px;right:auto;max-width:29%;font-size:12px;line-height:14px}
@media(min-width:701px) and (max-height:700px){body[data-progression="xp"] #game .enemy>.unit-card-face{height:100%;max-height:220px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face{max-height:220px}}
@media(max-width:700px) and (min-height:501px){body[data-progression="xp"] #game .enemy>.unit-card-face{height:100%;width:min(100%,110px);flex:1 1 0;max-height:230px}
body[data-progression="xp"] #game .enemy>.unit-card-face:only-child{width:110px;flex:0 1 110px}
body[data-progression="xp"] #game .enemy-grid:has(.enemy>.unit-card-face~.enemy>.unit-card-face){display:flex;flex-direction:column;gap:5px;align-items:stretch}
body[data-progression="xp"] #game .enemy-grid:has(.enemy>.unit-card-face~.enemy>.unit-card-face) .enemy>.unit-card-face{width:100%;max-width:180px;height:auto;flex:1;--enemy-head:3px;--enemy-footer:40px}
body[data-progression="xp"] #game .enemy-grid:has(.enemy>.unit-card-face~.enemy>.unit-card-face) .enemy>.unit-card-face>img{inset:3px auto 3px 3px;width:29%;height:calc(100% - 6px)}
body[data-progression="xp"] #game .enemy-grid:has(.enemy>.unit-card-face~.enemy>.unit-card-face) .enemy-copy{padding:3px 3px 3px calc(29% + 5px);grid-template-rows:minmax(0,1fr) 16px 20px auto}
body[data-progression="xp"] #game .enemy-grid:has(.enemy>.unit-card-face~.enemy>.unit-card-face) .enemy>.unit-card-face .role{display:none}
body[data-progression="xp"] #game .enemy-grid:has(.enemy>.unit-card-face~.enemy>.unit-card-face) .enemy>.unit-card-face .intent{font-size:12px;line-height:14px;min-height:14px;white-space:normal}
body[data-progression="xp"] #game .hero>.unit-card-face h3,body[data-progression="xp"] #game .enemy>.unit-card-face h3{font-size:14px;line-height:16px}
body[data-progression="xp"] #game .hero>.unit-card-face .hp,body[data-progression="xp"] #game .enemy>.unit-card-face .hp{font-size:16px;line-height:18px}}
@media(max-height:500px){body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face{width:100%;max-width:190px;--card-head:3px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face>img{inset:3px auto 26px 3px;width:31%;height:calc(100% - 29px);object-fit:contain}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face>.hero-body{padding:3px 3px 26px calc(31% + 4px);grid-template-rows:minmax(0,1fr) 16px 18px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .hp{font-size:14px;line-height:17px;padding:0;gap:1px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face h3{font-size:14px;line-height:16px;padding:0}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face>.role-seal{top:3px;left:2px;bottom:auto;width:18px;height:18px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .rank-badge{top:1px;left:auto;right:2px;height:15px;min-width:15px;line-height:13px;font-size:12px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .activation-badge{top:24px;left:3px;right:auto;font-size:0;width:6px;height:6px;border-radius:50%;background:#b5d594}
body[data-progression="xp"] #game .enemy>.unit-card-face{height:100%;width:min(100%,110px);min-width:0;--enemy-head:3px;--enemy-footer:56px}
body[data-progression="xp"] #game .enemy>.unit-card-face .role{display:none}
body[data-progression="xp"] #game .enemy>.unit-card-face .hp{font-size:15px;line-height:18px}
body[data-progression="xp"] #game .enemy>.unit-card-face h3{font-size:14px;line-height:16px}
body[data-progression="xp"] #game .enemy>.unit-card-face .intent{font-size:12px;line-height:14px;white-space:normal}}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face){--party-rows:2}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face~.hero>.unit-card-face){--party-rows:3;grid-template-rows:repeat(3,minmax(0,1fr))}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face{grid-column:1/-1;height:100%;width:min(100%,205px);max-height:none;align-self:stretch}
body[data-progression="xp"] #game>.formation:not(:has(#rear .hero>.unit-card-face)){grid-template-columns:40px minmax(0,1fr)}
body[data-progression="xp"] #game>.formation:not(:has(#front .hero>.unit-card-face)):has(#rear .hero>.unit-card-face){grid-template-columns:minmax(0,1fr) 40px}
@media(max-height:700px){body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face:only-of-type>img{inset:23px auto 27px 3px;width:38%;height:calc(100% - 50px)}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face:only-of-type>.hero-body{padding-left:calc(38% + 5px);padding-bottom:26px;grid-template-rows:minmax(0,1fr) 16px 18px}}
@media(max-width:700px) and (min-height:501px){body[data-progression="xp"] #game>.formation:not(:has(#rear .hero>.unit-card-face)){grid-template-columns:20px minmax(0,1fr)}
body[data-progression="xp"] #game>.formation:not(:has(#front .hero>.unit-card-face)):has(#rear .hero>.unit-card-face){grid-template-columns:minmax(0,1fr) 20px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face{max-width:100%}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face:only-of-type>img{width:33%;height:calc(100% - 50px)}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face:only-of-type>.hero-body{padding-left:calc(33% + 4px)}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face:only-of-type .hp{font-size:16px;padding:0;gap:0}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face:only-of-type .hp small{font-size:12px}}
@media(max-height:700px){body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding:0 3px 18px calc(32% + 5px);grid-template-rows:minmax(0,1fr) 16px 16px}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face>img{inset:2px auto 19px 3px;width:32%;height:calc(100% - 21px)}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face h3{font-size:14px;line-height:16px;padding:0}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face .hp{font-size:16px;line-height:16px;padding:0}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face .xp-ribbon{height:18px;min-height:18px;bottom:0}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face .experience-meter{height:18px;min-height:18px;line-height:16px}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face .xp-value{font-size:14px;height:16px;line-height:16px}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face .xp-ribbon>button{height:18px;min-height:18px;line-height:16px}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face .activation-badge{font-size:0;top:3px;left:21px;right:auto;width:6px;height:6px;border-radius:50%;background:#b5d594}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face>.role-seal{top:1px;left:2px;width:14px;height:14px}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face .rank-badge{height:14px;line-height:13px;top:1px;font-size:12px;min-width:14px}}
@media(max-width:700px) and (min-height:501px){body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding-top:16px}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face>img{top:16px;height:calc(100% - 35px)}}
@media(max-width:700px) and (min-height:501px){body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding-top:0}
body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face .rank-badge{position:static;display:inline-flex;vertical-align:middle;margin-left:3px;height:14px;line-height:13px;font-size:12px}}
@media(max-height:500px){body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face{grid-row:2;grid-column:auto;width:100%;height:100%;min-height:0}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding:16px 2px 18px;grid-template-rows:minmax(0,1fr) 16px 16px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face>img{inset:17px auto 19px 2px;width:30%;height:calc(100% - 36px)}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face h3{font-size:14px;line-height:16px;padding:0 0 0 30%}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .hp{font-size:16px;line-height:16px;padding:0;gap:0}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .hp small{font-size:12px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .xp-ribbon{height:18px;min-height:18px;bottom:0}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .experience-meter{height:18px;min-height:18px;line-height:16px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .xp-value{font-size:14px;height:16px;line-height:16px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .xp-ribbon>button{height:18px;min-height:18px;line-height:16px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .activation-badge{display:none}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .short-position{display:block;position:absolute;top:1px;left:18px;right:17px;font-size:12px;line-height:14px;text-align:center;white-space:nowrap;z-index:3;background:#14271f}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face>.role-seal{width:14px;height:14px;top:1px;left:2px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face .rank-badge{position:absolute;top:1px;right:2px;left:auto;height:14px;min-width:14px;font-size:12px;line-height:13px}}
@media(max-height:500px){body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body,body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding:16px 2px 18px calc(30% + 3px);grid-template-rows:minmax(0,1fr) 16px 16px}
body[data-progression="xp"] #game .hero-row>.hero>.unit-card-face h3,body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face h3{padding:0}}
@media(max-height:500px){body[data-progression="xp"][data-party-size="1"] #game .hero-row>.hero>.unit-card-face{grid-column:1/-1;width:min(100%,205px);justify-self:center}}
@media(max-height:500px){body[data-progression="xp"] #game .hero-row:has(.hero>.unit-card-face~.hero>.unit-card-face)>.hero>.unit-card-face .hp-max{display:inline}
body[data-progression="xp"] #game .enemy>.unit-card-face>img{inset:3px auto 3px 3px;width:30%;height:calc(100% - 6px)}
body[data-progression="xp"] #game .enemy>.unit-card-face>.enemy-copy{padding:3px 3px 3px calc(30% + 5px);grid-template-rows:minmax(0,1fr) 16px 20px auto}
body[data-progression="xp"] #game .enemy>.unit-card-face h3{font-size:14px;line-height:16px}
body[data-progression="xp"] #game .enemy>.unit-card-face .hp{font-size:16px;line-height:18px}
body[data-progression="xp"] #game .enemy>.unit-card-face .role{display:none}}
@media(min-width:701px) and (min-height:501px) and (max-height:700px){body[data-progression="xp"] #game[data-party-size="1"] .hero-row>.hero>.unit-card-face{width:min(100%,245px)}
body[data-progression="xp"] #game[data-party-size="1"] .hero-row>.hero>.unit-card-face:only-of-type>img{inset:20px 3px 55px;width:calc(100% - 6px);height:calc(100% - 75px)}
body[data-progression="xp"] #game[data-party-size="1"] .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding:20px 4px 22px;grid-template-rows:minmax(0,1fr) 18px 20px}
body[data-progression="xp"] #game[data-party-size="1"] .hero>.unit-card-face h3{font-size:18px;line-height:20px}}
body[data-progression="xp"] #game>.formation:not(:has(#rear .hero>.unit-card-face)){grid-template-columns:minmax(0,1fr)}
body[data-progression="xp"] #game>.formation:not(:has(#rear .hero>.unit-card-face)) .formation-row:has(#rear){display:none}
body[data-progression="xp"] #game>.formation:not(:has(#rear .hero>.unit-card-face)) .formation-row:has(#front){grid-column:1}
body[data-progression="xp"] #game>.formation:not(:has(#front .hero>.unit-card-face)):has(#rear .hero>.unit-card-face){grid-template-columns:minmax(0,1fr)}
body[data-progression="xp"] #game>.formation:not(:has(#front .hero>.unit-card-face)) .formation-row:has(#front){display:none}
body[data-progression="xp"] #game[data-party-size="1"] .hero-row>.hero>.unit-card-face:only-of-type>img{inset:22px auto 24px 3px;width:48%;height:calc(100% - 46px)}
body[data-progression="xp"] #game[data-party-size="1"] .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding:22px 4px 22px calc(48% + 5px);grid-template-rows:minmax(0,1fr) 18px 20px}
@media(max-height:500px){body[data-progression="xp"] #game[data-party-size="1"] .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding:16px 3px 18px calc(38% + 4px)}
body[data-progression="xp"] #game[data-party-size="1"] .hero-row>.hero>.unit-card-face:only-of-type>img{inset:17px auto 19px 2px;width:38%;height:calc(100% - 36px)}}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face{grid-row:2!important;grid-column:auto!important;justify-self:center;width:100%;max-width:245px;height:100%;max-height:none;min-height:0}
body[data-progression="xp"] #game[data-visible-party="1"]>.formation .hero-row>.hero>.unit-card-face{grid-column:1/-1!important;width:min(100%,245px)}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face>img{inset:21px 3px 67px!important;width:calc(100% - 6px)!important;height:calc(100% - 88px)!important;object-fit:contain}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding:21px 4px 25px!important;grid-template-rows:minmax(0,1fr) 20px 22px!important}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face h3{padding:0!important;font-size:18px!important;line-height:20px!important}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .hp{font-size:18px!important;line-height:20px!important}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .short-position{display:block;position:absolute;top:2px;left:22px;right:22px;font:12px/16px system-ui;text-align:center;z-index:3;background:#14271f}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .activation-badge{display:none}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face>.role-seal{width:17px;height:17px;top:2px;left:3px}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .rank-badge{position:absolute;top:2px;right:3px;left:auto;height:17px;line-height:15px;font-size:12px}
@media(max-width:700px) and (min-height:501px){body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face{max-width:100%}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face h3{font-size:16px!important;line-height:19px!important}}
@media(max-height:500px){body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face>img{inset:18px auto 19px 3px!important;width:32%!important;height:calc(100% - 37px)!important}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding:17px 3px 18px calc(32% + 4px)!important;grid-template-rows:minmax(0,1fr) 16px 16px!important}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face h3{font-size:14px!important;line-height:16px!important}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .hp{font-size:16px!important;line-height:16px!important}}

body[data-progression="xp"] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face,.ability).action-available{outline:2px solid #7cdf7c;outline-offset:1px;box-shadow:0 0 12px #5bdc6e70,inset 0 0 0 1px #c7ffbd88}
body[data-progression="xp"] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face).legal-target{outline:3px double #a4ff91;outline-offset:2px}
body[data-progression="xp"] #game .hero>.unit-card-face.action-spent>img{filter:saturate(.55) brightness(.78)}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face>.role-seal{left:auto!important;right:3px;top:2px;width:30px;height:30px}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .rank-badge{left:3px;right:auto}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .short-position{left:23px;right:36px;text-align:center}
body[data-progression="xp"] .enemy>.unit-card-face .target-forecast{bottom:59px}
@media(max-height:500px){body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face>.role-seal{width:22px;height:22px}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .short-position{right:26px;font-size:12px}}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face>.role-seal>.role-emblem{width:100%;height:100%}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face{container-type:size}
@media(max-width:700px) and (min-height:501px){body[data-progression="xp"] #game .enemy>.unit-card-face>img{inset:3px auto 3px 3px;width:29%;height:calc(100% - 6px)}
body[data-progression="xp"] #game .enemy>.unit-card-face>.enemy-copy{padding:3px 3px 3px calc(29% + 4px);grid-template-rows:minmax(0,1fr) 16px 20px auto}
body[data-progression="xp"] #game .enemy>.unit-card-face h3{font-size:14px;line-height:16px}
body[data-progression="xp"] #game .enemy>.unit-card-face .hp{font-size:16px;line-height:19px}}
@media(max-height:500px){body[data-progression="xp"] #game[data-party-size="1"] .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding:18px 4px 18px calc(25% + 5px)!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:20px 5px!important}
body[data-progression="xp"] #game[data-party-size="1"] .hero-row>.hero>.unit-card-face h3{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:14px;line-height:18px}
body[data-progression="xp"] #game[data-party-size="1"] .hero-row>.hero>.unit-card-face .hp{grid-column:2;grid-row:1;align-self:center;font-size:16px;line-height:20px}
body[data-progression="xp"] #game[data-party-size="1"] .hero-row>.hero>.unit-card-face .health-track{grid-column:1/-1;grid-row:2}
body[data-progression="xp"] #game[data-party-size="1"] .hero-row>.hero>.unit-card-face:only-of-type>img{inset:18px auto 18px 2px!important;width:25%!important;height:calc(100% - 36px)!important}}
@media(max-height:500px){body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding:16px 3px 16px calc(20% + 4px)!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:20px 5px!important}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face h3{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:14px;line-height:18px}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .hp{grid-column:2;grid-row:1;align-self:center;font-size:16px;line-height:20px}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .hp>.icon{display:none}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .health-track{grid-column:1/-1;grid-row:2}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face>img{inset:17px auto 17px 2px!important;width:20%!important;height:calc(100% - 34px)!important}}
@media(max-height:500px){body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face:has(.xp-ribbon)>.hero-body{padding-top:14px!important}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .xp-ribbon{height:18px;min-height:18px;bottom:0}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .experience-meter{height:18px;min-height:18px;line-height:16px}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .xp-value{height:16px;font-size:14px;line-height:16px}
body[data-progression="xp"] #game>.formation .hero-row>.hero>.unit-card-face .xp-ribbon>button{height:18px;min-height:18px;line-height:16px}}
.enemy>.unit-card-face .quarry-badge{font:600 12px/14px system-ui;padding:0 3px;margin-left:3px;color:#ffdb83;border:1px solid #f5cf72;border-radius:3px;vertical-align:middle}

body[data-progression="xp"] #game .enemy>.unit-card-face>img{inset:21px 3px 63px!important;width:calc(100% - 6px)!important;height:calc(100% - 84px)!important;object-fit:contain}
body[data-progression="xp"] #game .enemy>.unit-card-face>.enemy-copy{inset:0!important;padding:22px 4px 4px!important;display:flex!important;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:2px;pointer-events:none}
@media(max-height:500px){body[data-progression="xp"] #game .enemy>.unit-card-face>img{inset:4px auto 5px 4px!important;width:34%!important;height:calc(100% - 9px)!important}
body[data-progression="xp"] #game .enemy>.unit-card-face>.enemy-copy{padding:4px 3px 3px calc(34% + 6px)!important;justify-content:center;gap:1px}}
@media(min-width:701px) and (min-height:501px) and (max-height:700px){body[data-progression="xp"] #game .enemy>.unit-card-face>img{inset:21px auto 5px 3px!important;width:39%!important;height:calc(100% - 26px)!important}
body[data-progression="xp"] #game .enemy>.unit-card-face>.enemy-copy{padding:22px 3px 5px calc(39% + 4px)!important;justify-content:center;gap:2px}}



body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face,
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face{
 position:relative;
 isolation:isolate;
 display:grid;
 grid-template-columns:minmax(0,1fr);
 grid-template-rows:minmax(0,1fr) auto;
 align-self:center;
 justify-self:center;
 width:100%!important;
 max-width:150px!important;
 height:100%!important;
 max-height:280px!important;
 min-width:0;
 min-height:0;
 aspect-ratio:2/3;
 margin:0;
 padding:20px 3px 3px;
 border:2px solid var(--role,#b9c69a);
 border-radius:9px;
 background:radial-gradient(ellipse at 50% 30%,#3d51409c,#11241bf5 78%);
 box-shadow:inset 0 0 0 1px #e8d4a751,0 4px 0 #243426,0 7px 9px #0008;
 overflow:visible;
}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face{max-height:225px!important}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > img,
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face > img{
 position:static!important;
 inset:auto!important;
 z-index:0;
 grid-row:1;
 grid-column:1;
 align-self:stretch;
 width:100%!important;
 height:100%!important;
 min-width:0;
 min-height:0;
 margin:0;
 padding:0;
 object-fit:contain;
 object-position:center bottom!important;
 pointer-events:none;
}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face:has(.xp-ribbon) > .hero-body{
 position:static!important;
 inset:auto!important;
 z-index:1;
 display:grid!important;
 grid-row:2;
 grid-column:1;
 grid-template-columns:minmax(0,1fr) auto!important;
 grid-template-rows:auto auto auto auto!important;
 align-items:center;
 gap:2px 3px;
 min-width:0;
 min-height:0;
 margin:0;
 padding:0!important;
 background:#12261fee;
 pointer-events:none;
}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > h3{
 position:static!important;
 grid-row:1!important;
 grid-column:1/-1!important;
 display:block;
 min-width:0;
 min-height:0;
 margin:0!important;
 padding:0!important;
 font:700 18px/20px Georgia,serif!important;
 text-align:center;
 white-space:normal;
 overflow-wrap:normal;
 background:none;
}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .hp{
 position:static!important;
 inset:auto!important;
 grid-row:2!important;
 grid-column:2!important;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:0;
 min-width:0;
 margin:0;
 padding:0!important;
 border:0;
 border-radius:0;
 background:none;
 box-shadow:none;
 font:700 18px/20px system-ui!important;
 white-space:nowrap;
}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hp > .hp-max{display:inline!important;font-size:12px;line-height:18px}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hp > .icon{display:none}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .health-track{
 position:relative!important;
 inset:auto!important;
 grid-row:2!important;
 grid-column:1!important;
 display:block;
 width:100%;
 height:7px!important;
 min-width:6px;
 margin:0!important;
}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .stats{
 position:static!important;
 inset:auto!important;
 grid-row:3;
 grid-column:1/-1;
 display:flex;
 justify-content:center;
 align-items:center;
 flex-wrap:wrap;
 gap:2px 6px;
 min-width:0;
 margin:0;
 font:12px/16px system-ui;
}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .stats > span{display:flex;align-items:center;gap:2px;padding:0;background:none}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .stats .icon{width:12px;height:12px}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face:has(.xp-ribbon) > .hero-body > .xp-ribbon{
 position:static!important;
 inset:auto!important;
 grid-row:4!important;
 grid-column:1/-1!important;
 display:grid;
 grid-template-columns:minmax(0,1fr);
 width:100%!important;
 min-width:0;
 height:22px!important;
 min-height:22px;
 margin:0;
 padding:0!important;
 background:none;
 pointer-events:auto;
}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .xp-ribbon:has(button){grid-template-columns:minmax(0,1fr) 23px!important}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .role{display:none}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > .hero-select{position:absolute;inset:0;z-index:2}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > .role-seal{position:absolute!important;inset:2px auto auto 3px!important;width:18px!important;height:18px!important;z-index:4;pointer-events:none}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .rank-badge{position:absolute!important;inset:2px 3px auto auto!important;transform:none;width:auto;min-width:17px;height:17px;font:12px/15px system-ui;z-index:4}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > .short-position{position:absolute!important;inset:2px 24px auto!important;display:block!important;width:auto;height:17px;font:12px/16px system-ui;text-align:center;z-index:3;background:#15291fe8}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > .activation-badge{display:none}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .guard{position:absolute!important;inset:23px 3px auto auto;display:flex!important;align-items:center;gap:2px;z-index:4;padding:0 2px;font:12px/16px system-ui;background:#183224ed}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .guard + .guard{top:41px}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .xp-ribbon > button{position:relative;z-index:8;pointer-events:auto}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face{flex:1 1 0;max-height:280px!important;border-color:#c9a37d;--role:#e6b99b}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face > .enemy-copy{
 position:static!important;
 inset:auto!important;
 grid-row:2;
 grid-column:1;
 display:flex!important;
 flex-direction:column;
 align-items:stretch;
 justify-content:flex-end!important;
 gap:2px;
 min-width:0;
 min-height:0;
 margin:0;
 padding:0!important;
 background:#17251def;
 pointer-events:none;
}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-copy > h3{
 position:static;
 display:block;
 min-width:0;
 min-height:0;
 margin:0!important;
 padding:0!important;
 font:700 18px/20px Georgia,serif!important;
 white-space:normal;
 overflow-wrap:normal;
 text-align:center;
}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-full-name{display:inline}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-short-name{display:none}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .hp{position:static!important;inset:auto!important;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;padding:0!important;margin:0;min-height:20px;font:700 18px/20px system-ui!important;border:0;background:none;box-shadow:none}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .hp > .icon{display:none}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .health-track{position:relative!important;inset:auto!important;display:block;height:7px!important;flex:none;margin:0!important}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-signature{display:block;font:12px/15px system-ui;color:#f5daa8;white-space:normal;overflow-wrap:normal;text-align:center}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .intent{position:static;display:block;min-height:0!important;white-space:normal!important;overflow-wrap:normal;font:14px/17px system-ui!important;padding:0!important;margin:0!important;background:none;text-align:center}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .intent > .icon{display:inline-block;width:13px;height:13px;vertical-align:-2px}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-status{display:block;font:12px/15px system-ui;white-space:normal}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-copy > .role{position:absolute;inset:2px 3px auto auto;display:flex;align-items:center;gap:2px;font:12px/16px system-ui}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .role > .icon{width:12px;height:12px}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-rank{inset:2px auto auto 3px;z-index:4;font:12px/16px system-ui}
@media(max-width:700px), (max-height:500px){body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face,
 body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face{padding-top:18px;max-height:100%!important}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > h3,
 body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-copy > h3{font-size:14px!important;line-height:16px!important}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .hp,
 body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .hp{font-size:16px!important;line-height:18px!important;min-height:18px}
body[data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face:has(.xp-ribbon) > .hero-body{gap:1px 3px}
body[data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face > .enemy-copy{gap:1px}}

body[data-progression="xp"][data-quest-ready="true"] .hero>.unit-card-face.selected{outline:3px solid #ffe397;outline-offset:3px;box-shadow:0 0 12px #ffd37480}

body[data-progression="xp"] #game .hero>.unit-card-face .hero-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:17px!important;min-height:17px!important}
body[data-progression="xp"] #game .hero>.unit-card-face .hero-class-name{display:block;font:12px/14px system-ui;color:#e8e4c5;flex:none;text-align:center}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face,
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face{
 background:#17262bea;
 border-radius:3px;
 box-shadow:0 3px 0 #0a1417;
}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face::before{border:0}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face:has(.xp-ribbon) > .hero-body,
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face > .enemy-copy{
 background:#17262bf5;
 color:#e8ddc0;
 text-shadow:none;
}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > h3,
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-copy > h3{
 color:#ecdbb2;
 text-shadow:none;
}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .hp,
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .hp{color:#eddbb6;text-shadow:none}
body[data-style="hybrid"] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face) .health-track{background:#302e25;border-color:#8c7152;border-radius:0}
body[data-style="hybrid"] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face) .health-track > i{background:#b25d49}
body[data-style="hybrid"] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face) .intent{color:#ead4a9;text-shadow:none}
body[data-style="hybrid"] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face).legal-target{outline-color:#c5e6a0}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face,
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face{
 grid-template-columns:minmax(0,44%) minmax(0,1fr);
 grid-template-rows:minmax(0,1fr);
 gap:0 4px;
 width:100%!important;max-width:none!important;height:100%!important;max-height:100%!important;
 aspect-ratio:auto;padding:18px 4px 25px;
}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > img,
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face > img{grid-column:1;grid-row:1;object-position:center bottom!important}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face:has(.xp-ribbon) > .hero-body{
 grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;
 align-content:center;gap:1px 3px;padding:0!important;min-height:0;
}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > h3{
 display:block!important;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow:visible;
 grid-row:1!important;grid-column:1/-1!important;font-size:16px!important;line-height:18px!important;min-height:0!important;
}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-class-name{grid-row:2;grid-column:1;font:12px/15px system-ui;text-align:left;overflow-wrap:anywhere}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .hp{grid-row:2!important;grid-column:2!important;font-size:16px!important;line-height:18px!important;min-height:18px}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .health-track{grid-row:3!important;grid-column:1!important}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .stats{grid-row:3;grid-column:2;font:12px/15px system-ui;gap:1px 4px;justify-content:center}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face:has(.xp-ribbon) > .hero-body > .xp-ribbon{position:absolute!important;inset:auto 3px 2px!important;width:auto!important;grid-area:auto!important;min-height:22px;height:22px!important}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .guard{inset:52px auto auto 4px!important}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .guard + .guard{top:69px!important}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > .direct-guard{inset:21px auto auto 4px}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face{padding-bottom:3px;flex:1 1 0}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face > .enemy-copy{
 display:grid!important;grid-column:2;grid-row:1;grid-template-columns:auto minmax(0,1fr);
 grid-template-rows:auto auto 7px auto;align-content:center;align-items:center;justify-content:stretch!important;gap:1px 4px;min-height:0;
}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-copy > h3{grid-column:1/-1;grid-row:1;font-size:16px!important;line-height:18px!important;min-height:18px}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .hp{grid-column:1;grid-row:2;font-size:16px!important;line-height:18px!important;min-height:18px;flex:none;white-space:nowrap}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-signature{grid-column:2;grid-row:2;min-width:0;min-height:15px;line-height:15px;overflow-wrap:normal}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .health-track{grid-column:1/-1;grid-row:3}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .intent{grid-column:1/-1;grid-row:4;font-size:14px!important;line-height:16px!important;min-height:16px!important;flex:none}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face > .last-attack{left:4px;right:auto;max-width:calc(44% - 8px);width:max-content;white-space:normal;text-align:left;overflow-wrap:normal}
@media(max-width:700px) and (min-height:501px){body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face,
 body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face{grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:0 3px}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > h3,
 body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-copy > h3{font-size:14px!important;line-height:16px!important}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face:has(.xp-ribbon) > .hero-body{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto 7px auto!important;align-content:center;gap:1px}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-class-name{grid-column:1;grid-row:2;white-space:normal;overflow-wrap:normal;text-align:center}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .hp{grid-column:1!important;grid-row:3!important}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .health-track{grid-column:1!important;grid-row:4!important}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .stats{grid-column:1;grid-row:5;justify-content:center}}
@media(max-height:500px){body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face{grid-template-columns:minmax(0,34%) minmax(0,1fr)}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face{grid-template-columns:minmax(0,42%) minmax(0,1fr)}}
body[data-style="hybrid"] #game .hero>.unit-card-face[data-role="Lead"]{--hybrid-unit:#20383f}
body[data-style="hybrid"] #game .hero>.unit-card-face[data-role="DPS"]{--hybrid-unit:#442b25}
body[data-style="hybrid"] #game .hero>.unit-card-face[data-role="Tank"]{--hybrid-unit:#373821}
body[data-style="hybrid"] #game .hero>.unit-card-face[data-role="Support"]{--hybrid-unit:#223c2d}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face,
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face:has(.xp-ribbon) > .hero-body{background:var(--hybrid-unit,#17262b)}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face,
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face > .enemy-copy{background:#442323}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face,
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face{padding-top:27px}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > :is(.short-position,.activation-badge,.role-seal),
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face > .enemy-rank{display:none!important}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > .hybrid-unit-name,
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face > .hybrid-unit-name{
 position:absolute!important;inset:3px 5px auto!important;width:auto!important;height:21px!important;min-height:21px!important;margin:0!important;padding:0!important;grid-area:auto!important;align-self:auto!important;justify-self:auto!important;
 text-align:center!important;font:700 16px/20px Georgia,serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ecdbb2;text-shadow:none;
}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-copy > .role{top:auto;left:4px;right:auto;bottom:3px;background:#442323}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face > .last-attack{top:27px;font-size:12px;line-height:14px;max-width:calc(44% - 8px)}
body[data-style="hybrid"][data-progression="xp"] #game > .encounter #enemies > .enemy>.unit-card-face > .last-attack:not(.fx-active){background:#442323d9}
body[data-style="hybrid"] #game .enemy>.unit-card-face .hp > .unit-threat-rank{display:inline-block;font:12px/16px system-ui;border:1px solid #a78872;border-radius:2px;padding:0 3px;margin-left:4px;color:#e9d3b4}
body[data-style="hybrid"][data-progression="xp"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > .response-mark{top:27px;bottom:auto;left:4px;right:auto;width:max-content;max-width:calc(44% - 8px);padding:0 3px;font:12px/14px system-ui}



body[data-cycle-phase] .enemy>.unit-card-face .unit-threat-rank{display:none!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face,
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 grid-template-rows:auto minmax(24px,1fr) auto 6px 18px;
 align-content:stretch;
 align-items:stretch;
 gap:1px 4px;
 padding:2px 3px 2px;
 min-width:0;
 min-height:0;
 width:min(160px,100%)!important;
 max-width:160px!important;
 justify-self:center;
 border-radius:3px;
 overflow:visible;
}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > .hybrid-unit-name,
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face > .hybrid-unit-name{
 position:static!important;
 inset:auto!important;
 grid-area:1 / 1 / 2 / -1!important;
 align-self:stretch!important;
 justify-self:stretch!important;
 width:100%!important;
 height:auto!important;
 min-height:22px!important;
 max-height:none;
 margin:0!important;
 padding:1px 5px!important;
 background:#14211de8;
 border-bottom:1px solid #ab9e7470;
 border-radius:1px;
 color:#f0dfb8;
 font:700 16px/18px Georgia,serif!important;
 text-align:center!important;
 white-space:normal!important;
 overflow:visible!important;
 text-overflow:clip;
}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > img,
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face > img{
 position:static!important;
 inset:auto!important;
 grid-area:2 / 1 / 4 / -1!important;
 display:block;
 width:100%!important;
 height:100%!important;
 min-width:0;
 min-height:24px;
 padding:0 2px 8px;
 object-fit:contain;
 object-position:center bottom!important;
 background-color:#13241f;
 background-image:var(--hybrid-scene,none);
 background-position:center 62%;
 background-size:cover;
 background-repeat:no-repeat;
 border:1px solid #8c9a713f;
 border-radius:1px;
 filter:none;
 pointer-events:none;
}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face:has(.xp-ribbon) > .hero-body,
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face > .enemy-copy{display:contents!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .stats{
 position:static!important;
 inset:auto!important;
 grid-area:3 / 1 / 4 / 2!important;
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:center;
 gap:2px 7px;
 min-width:0;
 min-height:18px;
 padding:0 2px;
 background:var(--hybrid-unit,#17262b);
 color:#eddfbd;
 font:14px/18px system-ui;
}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .stats .icon{width:16px;height:16px}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .hp,
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face .hp{
 position:static!important;
 inset:auto!important;
 grid-area:3 / 2 / 4 / 3!important;
 display:flex;
 align-items:center;
 justify-content:center;
 min-width:0;
 min-height:18px;
 padding:0 2px!important;
 margin:0;
 color:#ffdfcb;
 font:700 16px/18px system-ui!important;
 white-space:nowrap;
 background:none;
}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .health-track,
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face .health-track{
 position:relative!important;
 inset:auto!important;
 grid-area:4 / 1 / 5 / -1!important;
 width:100%;
 height:6px!important;
 min-height:6px;
 margin:0!important;
 border-radius:0;
}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face:has(.xp-ribbon) > .hero-body > .xp-ribbon{
 position:static!important;
 inset:auto!important;
 grid-area:5 / 1 / 6 / -1!important;
 width:100%!important;
 height:18px!important;
 min-height:18px;
 padding:0!important;
 pointer-events:auto;
}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .xp-ribbon > .experience-meter.xp-ranked{height:18px;min-height:18px;grid-template-rows:18px;gap:3px;line-height:16px}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .xp-ribbon > .experience-meter.xp-ranked > :is(.xp-rank-current,.xp-rank-next){font:700 14px/18px system-ui}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .xp-ribbon > .experience-meter.xp-ranked > .xp-track{height:18px;min-height:18px;line-height:16px;border-radius:0}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .xp-ribbon > .experience-meter.xp-ranked > .xp-track > .xp-value{height:16px;font:14px/16px system-ui}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .xp-ribbon > button{height:22px;min-height:22px;line-height:18px;z-index:8}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face:has(.xp-ribbon > button){grid-template-rows:auto minmax(24px,1fr) auto 6px 22px}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face:has(.xp-ribbon > button) > .hero-body > .xp-ribbon{height:22px!important;min-height:22px}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-class-name{
 position:absolute;
 inset:26px auto auto 5px;
 max-width:calc(50% - 9px);
 padding:0 3px;
 background:var(--hybrid-unit,#17262b);
 color:#eadfbd;
 font:12px/15px system-ui;
 white-space:normal;
 overflow-wrap:normal;
 pointer-events:none;
 z-index:3;
}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body:not(:has(> .hero-class-name)) > .role{position:absolute;inset:26px auto auto 5px;display:flex;align-items:center;gap:2px;max-width:48%;padding:0 3px;background:var(--hybrid-unit,#17262b);font:12px/15px system-ui;z-index:3}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > .role-seal{display:block!important;inset:26px 4px auto auto!important;width:17px!important;height:17px!important;z-index:4}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > :is(.activation-badge,.short-position){display:none!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .guard{inset:auto auto 47px 5px!important;z-index:4}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .guard + .guard{top:auto!important;left:auto!important;right:5px!important;bottom:47px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > .direct-guard{inset:auto 5px 47px auto;z-index:5}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face{grid-template-rows:auto minmax(24px,1fr) auto 6px auto;background:#442323;flex:0 1 160px;align-self:stretch}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face > .hybrid-unit-name{background:#311c1c}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face .hp{grid-area:3 / 1 / 4 / 2!important;justify-content:flex-start;background:#442323ed;z-index:1}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-signature{grid-area:3 / 2 / 4 / 3!important;align-self:stretch;align-content:center;padding:0 2px;color:#f0d8b9;font:12px/15px system-ui;text-align:right;white-space:normal;background:#442323ed;z-index:1}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face .intent{grid-area:5 / 1 / 6 / -1!important;min-height:18px!important;padding:1px 3px!important;background:#311c1c;color:#f6dfb6;font:14px/16px system-ui!important;white-space:normal!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face .enemy-copy > .role{position:absolute;inset:26px 5px auto auto;max-width:calc(50% - 9px);padding:0 3px;background:#442323;font:12px/15px system-ui;z-index:3}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face > .enemy-rank{display:block!important;inset:26px auto auto 4px;max-width:20px;height:17px;padding:0 3px;font:12px/15px system-ui;z-index:4}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face > .last-attack,
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > .response-mark{top:43px;bottom:auto;left:5px;right:auto;max-width:calc(50% - 9px);font:12px/14px system-ui}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face > .direct-attack{inset:auto 5px 49px auto}
@media(max-width:700px), (max-height:500px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > .hybrid-unit-name,
 body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face > .hybrid-unit-name{font-size:14px!important;line-height:16px!important;min-height:20px!important;padding-inline:4px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face > img,
 body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .encounter #enemies > .enemy>.unit-card-face > img{padding-inline:1px}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game > .formation :is(#front,#rear) > .hero>.unit-card-face .hero-body > .stats{gap:1px 4px}}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game .hero>.unit-card-face :is(.hp,.stats){z-index:2;background:var(--hybrid-unit,#17262b)}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game .enemy>.unit-card-face :is(.hp,.enemy-signature){z-index:2;background:#442323}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game>.encounter #enemies>.enemy>.unit-card-face{grid-template-columns:minmax(65px,.9fr) minmax(0,1fr)}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-signature{min-width:0;overflow-wrap:normal;font-size:12px;line-height:13px}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game>.encounter #enemies>.enemy>.unit-card-face>.direct-attack{inset:auto 4px 39px auto;min-height:26px!important;height:28px!important;max-width:38px;padding:1px 3px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-signature{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:15px}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"] #game>.encounter #enemies>.enemy>.unit-card-face>.direct-attack{inset:27px auto auto 5px;min-height:22px!important;height:22px!important}
:is(body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face){border:9px solid #34403c!important;border-image:var(--lantern-frame) 112 stretch!important;border-image-width:9px!important;border-image-outset:0!important;border-radius:0!important;background:var(--lantern-unit)!important;background-clip:border-box;box-shadow:0 3px 0 #080f11!important;padding:2px 3px!important;opacity:1!important;width:min(182px,100%)!important;max-width:182px!important;overflow:visible}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face{--lantern-unit:#442323;--lantern-plane:#5a3330;grid-template-columns:minmax(65px,.9fr) minmax(0,1fr)}
:is(body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face)::before,:is(body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face)::after,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #handSection #hand>.ability::before,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #handSection #hand>.ability::after{content:none!important;display:none!important}
:is(body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face)>.hybrid-unit-name{background:var(--lantern-unit)!important;border-bottom:2px solid #ab8f55!important;color:#f2dfb5!important;padding:1px 20px!important;min-height:22px!important;text-shadow:none}
:is(body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face)>img{background:linear-gradient(130deg,var(--lantern-plane),var(--lantern-unit))!important;border:1px solid #8e7d51!important;clip-path:polygon(5% 0,100% 0,100% 94%,94% 100%,0 100%,0 6%);padding:0 12px!important;opacity:1!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face :is(.hp,.stats),body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face :is(.hp,.enemy-signature,.intent){background:var(--lantern-unit)!important;color:#f0dfbc!important;opacity:1!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-class-name{top:37px!important;left:12px!important;background:var(--lantern-unit)!important;font-size:12px;line-height:14px}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.role-seal{inset:12px auto auto 12px!important;width:16px!important;height:16px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.enemy-rank{inset:12px auto auto 12px!important;background:#442323!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.role{top:37px!important;right:12px!important;background:#442323!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.direct-attack{inset:45px auto auto 12px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.direct-guard{right:12px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face.action-available,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face.legal-target{outline:2px solid #96bd71!important;outline-offset:1px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face.action-spent{outline:none!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face.selected{outline:2px solid #e4bd66!important;outline-offset:1px!important}
@media(max-width:700px) and (min-height:501px){:is(body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face){border-width:7px!important;border-image-width:7px!important;max-width:166px!important}}
@media(max-height:500px){:is(body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face){border-width:6px!important;border-image-width:6px!important}}
:is(body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face){height:min(100%,250px)!important;max-height:250px!important}
:is(body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face)>.hybrid-unit-name{padding:1px 20px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face{flex:0 1 182px!important;align-self:start!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face{align-self:start!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.hybrid-unit-name{padding:1px 5px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.enemy-rank{top:37px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-class-name{position:absolute!important;inset:37px auto auto 12px!important}
@media(max-width:700px) and (min-height:501px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face{min-height:110px!important}}
@media(min-width:701px) and (min-height:651px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>img[src$="hybrid-hunter-fox-v1-tight-512.png"]{object-fit:cover!important;object-position:50% 100%!important}}
body[data-style="hybrid"][data-progression="xp"] :is(.hero>.unit-card-face,.enemy>.unit-card-face,.ability,.recruit,.pv-option,.loot-reward-card,#cardInspectionContent){opacity:1!important;background-clip:border-box!important;isolation:isolate}
body[data-style="hybrid"][data-progression="xp"] .hero>.unit-card-face{background:var(--lantern-unit,#20383f)!important}
body[data-style="hybrid"][data-progression="xp"] .enemy>.unit-card-face{background:#442323!important}
body[data-style="hybrid"][data-progression="xp"] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face) .hp>.icon{display:inline-block!important;width:14px!important;height:14px!important;min-width:14px;flex-shrink:0;vertical-align:middle;margin-right:2px;color:#ed9e8c}
body[data-style="hybrid"][data-progression="xp"] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face) .hp{display:flex!important;align-items:center;gap:1px}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.hero-body{position:static!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-class-name{width:max-content!important;max-width:calc(100% - 24px)!important;white-space:nowrap!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .guard{inset:53px auto auto 12px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .guard+.guard{top:70px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.hero-class-name{grid-area:auto!important;align-self:start!important;justify-self:start!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face:has(>.hero-class-name)>.hero-body>.role{display:none!important}
body[data-style="hybrid"][data-progression="xp"] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>img[data-animal-identity]{object-fit:contain!important;object-position:50% 50%!important;padding:5px!important;background:var(--lantern-unit,#20383f)!important;clip-path:none!important}
body[data-style="hybrid"] #game .hero>.unit-card-face.owner-highlight{outline:3px solid var(--class-accent,#e0c281)!important;outline-offset:2px}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.direct-guard{inset:auto 8px 55px!important;min-height:36px;height:36px;width:calc(100% - 16px);max-width:none;display:flex!important;justify-content:center;gap:6px;z-index:8;background:#28452ef5;border:2px solid #a1c787;border-radius:3px;color:#f2e4c2;padding:2px 5px;font:700 14px/16px system-ui}
body[data-style="hybrid"][data-progression="xp"] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>img[data-animal-rank]{object-fit:contain!important;object-position:center!important;padding:2px!important;clip-path:none!important;background:var(--lantern-unit,#20383f)!important}
body[data-style="hybrid"][data-progression="xp"] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>img[data-framing="portrait"]{object-fit:contain!important;object-position:center!important}
@media(min-width:701px) and (min-height:651px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face{width:min(230px,100%)!important;max-width:230px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face{width:min(230px,100%)!important;max-width:230px!important;flex-basis:230px!important}}
@media(max-width:700px) and (min-height:501px){body[data-style="hybrid"][data-progression="xp"][data-phase="battle"][data-cycle-phase="night"] #game>.formation :is(#front,#rear)>.hero>.unit-card-face{min-height:108px!important}}
@media(max-width:700px),(max-height:650px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face{display:grid!important;grid-template-columns:minmax(48px,45%) minmax(0,1fr)!important;grid-template-rows:22px minmax(50px,1fr) 18px!important;gap:2px 3px!important;min-height:110px!important;padding:2px 3px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.hybrid-unit-name{position:static!important;inset:auto!important;grid-area:1/1/2/-1!important;align-self:stretch!important;min-height:22px!important;max-height:22px!important;padding:1px 18px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>img[data-animal-rank]{grid-area:2/1/3/2!important;width:100%!important;height:100%!important;min-height:0!important;align-self:stretch!important;object-fit:contain!important;object-position:center!important;padding:0!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.hero-class-name{position:static!important;inset:auto!important;grid-area:2/2/3/3!important;align-self:start!important;justify-self:center!important;width:max-content!important;max-width:100%!important;padding:0!important;white-space:nowrap!important;font:12px/14px system-ui!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.hp{position:static!important;inset:auto!important;grid-area:2/2/3/3!important;align-self:start!important;justify-self:center!important;margin-top:15px!important;min-height:18px!important;height:18px!important;font:700 16px/18px system-ui!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.stats{grid-area:2/2/3/3!important;align-self:end!important;justify-self:center!important;margin-bottom:6px!important;gap:2px!important;font:12px/16px system-ui!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.health-track{position:static!important;inset:auto!important;grid-area:2/2/3/3!important;align-self:end!important;justify-self:stretch!important;height:4px!important;min-height:4px!important;width:100%!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.xp-ribbon{position:static!important;inset:auto!important;grid-area:3/1/4/-1!important;align-self:stretch!important;width:100%!important;height:18px!important;min-height:18px!important;margin:0!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .guard{inset:auto auto 24px 8px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .guard+.guard{inset:auto auto 41px 8px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.direct-guard{inset:29px auto auto 5px!important;width:calc(45% - 4px)!important;height:42px!important;min-height:42px!important;padding:2px!important;gap:2px!important;font:12px/14px system-ui!important}}
@media(max-width:700px),(max-height:650px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face{grid-template-rows:22px minmax(64px,1fr) 18px!important;min-height:126px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.hp{margin-top:16px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.stats{margin-bottom:6px!important}}
@media(min-width:940px) and (min-height:501px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face{height:100%!important;min-height:124px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face{width:min(214px,100%)!important;max-width:214px!important;height:160px!important;min-height:160px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:22px minmax(94px,1fr) 18px!important}}
@media(max-height:500px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face{height:100%!important;min-height:102px!important}}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.direct-attack{inset:26px auto auto 36px!important;display:flex;align-items:center;justify-content:center;gap:2px;height:20px!important;min-height:20px!important;padding:1px 3px!important;font:700 12px/14px system-ui!important}
body[data-style="hybrid"] #game .enemy>.unit-card-face>.direct-attack>.main-action-art{width:16px!important;height:16px!important}
body[data-style="hybrid"][data-progression="xp"] #game .enemy>.unit-card-face>img[data-forest-rank]{object-fit:contain!important;object-position:center!important;transform:none!important}
@media(max-width:700px),(max-height:650px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>img{grid-area:2/1/5/2!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;clip-path:none!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.role{position:static!important;inset:auto!important;grid-area:2/2/3/3!important;align-self:start!important;justify-self:center!important;font:12px/14px system-ui!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.hp{grid-area:3/2/4/3!important;justify-content:center!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.enemy-signature{grid-area:2/2/3/3!important;align-self:end!important;justify-self:center!important;text-align:center!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.health-track{grid-area:4/2/5/3!important}}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.role{position:absolute!important;inset:12px auto auto 12px!important;display:block!important;width:16px!important;height:16px!important;font-size:0!important;line-height:0!important;background:none!important;z-index:3;grid-area:auto!important}
body[data-style="hybrid"] #game .enemy>.unit-card-face .enemy-copy>.role>.icon{display:block;width:16px!important;height:16px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.enemy-rank{inset:12px 12px auto auto!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.hybrid-unit-name{padding-inline:20px!important;text-align:center!important}
@media(min-width:940px) and (min-height:501px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>img[data-animal-rank]{grid-area:2/1/3/-1!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.hero-class-name{display:none!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.hp{grid-area:2/1/3/2!important;align-self:end!important;justify-self:start!important;margin:0 0 4px!important;padding:0 3px!important;width:max-content!important;max-width:100%!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.stats{grid-area:2/2/3/3!important;align-self:end!important;justify-self:end!important;margin:0 0 4px!important;padding:0 3px!important;width:max-content!important;max-width:100%!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.health-track{grid-area:2/1/3/-1!important;align-self:end!important;height:3px!important;min-height:3px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.xp-ribbon{grid-area:3/1/4/-1!important}}
body[data-style="hybrid"] #game .enemy>.unit-card-face[data-element="Earth"]{--lantern-plane:#4b4430;--enemy-accent:#a2b481}
body[data-style="hybrid"] #game .enemy>.unit-card-face[data-element="Fire"]{--lantern-plane:#66382a;--enemy-accent:#d69b64}
body[data-style="hybrid"] #game .enemy>.unit-card-face[data-element="Air"]{--lantern-plane:#344b55;--enemy-accent:#a4c4ce}
body[data-style="hybrid"] #game .enemy>.unit-card-face[data-element="Water"]{--lantern-plane:#2c4a56;--enemy-accent:#88bbd1}
body[data-style="hybrid"] #game .enemy>.unit-card-face[data-element="Ice"]{--lantern-plane:#344b55;--enemy-accent:#b4d2d7}
body[data-style="hybrid"] #game .enemy>.unit-card-face>img{border-color:var(--enemy-accent,#a68e5d)!important}
@media(min-width:940px) and (min-height:501px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face{width:138px!important;min-width:138px!important;max-width:138px!important;height:172px!important;min-height:172px!important;grid-template-rows:24px minmax(94px,1fr) 18px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation .hero>.unit-card-face>.hybrid-unit-name{padding:1px 16px!important;font-size:14px!important;line-height:14px!important;align-self:center!important;overflow-wrap:anywhere}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation .hero>.unit-card-face>.role-seal{inset:12px auto auto 10px!important;width:14px!important;height:14px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation .hero>.unit-card-face>.role-seal>.icon{width:14px!important;height:14px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation .hero>.unit-card-face .hero-body>.hp{font-size:14px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation .hero>.unit-card-face .hero-body>.stats{font-size:12px!important;gap:2px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation .hero>.unit-card-face .hero-body>.stats .icon{width:12px!important;height:12px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face{width:138px!important;max-width:138px!important;height:172px!important;min-height:172px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:24px minmax(64px,1fr) 18px 18px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>img{grid-area:2/1/4/2!important;object-fit:contain!important;width:100%!important;height:100%!important;min-height:0!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.hybrid-unit-name{grid-area:1/1/2/2!important;font-size:14px!important;line-height:14px!important;align-self:center!important;padding-inline:18px!important;overflow-wrap:anywhere}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.hp{grid-area:3/1/4/2!important;justify-self:center!important;align-self:end!important;width:max-content!important;background:#36281ee8!important;padding:0 3px!important;font-size:14px!important;z-index:2}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.health-track{grid-area:3/1/4/2!important;align-self:end!important;height:3px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.intent{grid-area:4/1/5/2!important;font-size:12px!important;line-height:16px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.enemy-signature{position:absolute!important;top:40px!important;right:10px!important;grid-area:auto!important;max-width:64px!important;padding:1px 2px!important;background:#30251ee8!important;font-size:12px!important;line-height:14px!important}}
@media(min-width:940px) and (min-height:501px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.hybrid-unit-name{font:700 14px/14px var(--fantasy-title),serif!important;white-space:normal!important;text-overflow:clip!important;overflow:visible!important;padding:0 13px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.hybrid-unit-name{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;padding-inline:14px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.role-seal{inset:10px auto auto 8px!important;width:14px!important;height:14px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.role-seal>.icon{width:14px!important;height:14px!important}}
@media(min-width:940px) and (min-height:651px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face{width:180px!important;min-width:180px!important;max-width:180px!important;height:246px!important;min-height:246px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face{width:180px!important;min-width:180px!important;max-width:180px!important;height:246px!important;min-height:246px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.hybrid-unit-name,
 body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.hybrid-unit-name{font-size:16px!important;line-height:18px!important}}
@media(min-width:940px) and (max-height:500px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face{width:154px!important;min-width:154px!important;max-width:154px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:24px minmax(94px,1fr) 18px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>img[data-animal-rank]{grid-area:2/1/3/-1!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.hero-class-name{display:none!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.hp{grid-area:2/1/3/2!important;align-self:end!important;justify-self:start!important;margin-bottom:4px!important;font-size:14px!important;padding:0 2px!important;background:#36281ee8}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.stats{grid-area:2/2/3/3!important;align-self:end!important;justify-self:end!important;margin-bottom:4px!important;font-size:12px!important;padding:0 2px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.health-track{grid-area:2/1/3/-1!important;align-self:end!important;height:3px!important;min-height:3px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face .hero-body>.xp-ribbon{grid-area:3/1/4/-1!important}}
@media(min-width:940px) and (min-height:651px) and (max-height:759px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face{width:148px!important;min-width:148px!important;max-width:148px!important;height:198px!important;min-height:198px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face{width:148px!important;min-width:148px!important;max-width:148px!important;height:198px!important;min-height:198px!important}}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>img,
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>img{border:0!important;box-shadow:none!important;background:transparent!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face>.direct-guard{inset:auto!important;left:calc(100% + 4px)!important;top:calc(50% - 24px)!important;width:76px!important;min-width:76px!important;max-width:76px!important;height:48px!important;min-height:48px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr);gap:2px;padding:2px!important;font:700 14px/15px var(--fantasy-title),serif!important;transform:none!important;z-index:5}
body[data-style="hybrid"] #game .hero>.unit-card-face>.direct-guard>.main-action-art{width:24px!important;height:28px!important;object-fit:contain!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.direct-attack{inset:auto!important;left:calc(100% + 6px)!important;top:calc(50% - 24px)!important;width:76px!important;height:48px!important;min-height:48px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px;padding:2px!important;font:700 14px/15px var(--fantasy-title),serif!important;transform:none!important;background:#294e2c!important;border:1px solid #afd784!important;color:#f5e8c4!important}
body[data-style="hybrid"] #game .enemy>.unit-card-face>.direct-attack>.main-action-art{display:block!important;width:24px!important;height:28px!important;object-fit:contain!important}
body[data-style="hybrid"] #game .enemy>.unit-card-face>.direct-attack span{display:flex;flex-direction:column;align-items:center}
body[data-style="hybrid"] #game .hero>.unit-card-face>.direct-guard>span{flex-direction:column!important;align-items:center!important;width:100%;max-width:100%;min-width:0;gap:0!important;text-align:center;line-height:14px}
body[data-style="hybrid"] #game .hero>.unit-card-face>.direct-guard>span>b{line-height:14px}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.direct-attack{min-width:76px!important;max-width:76px!important}
@media(min-width:940px) and (min-height:501px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face{grid-template-rows:30px minmax(58px,1fr) 18px 18px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.hybrid-unit-name{min-height:30px!important;font-size:14px!important;line-height:14px!important;white-space:normal!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.enemy-signature{inset:auto!important;left:calc(100% + 6px)!important;top:calc(50% + 28px)!important;width:90px!important;max-width:90px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:center!important;font:12px/14px var(--fantasy-copy)!important}}
@media(min-width:940px) and (min-height:501px) and (max-height:759px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#rear)>.hero>.unit-card-face[data-class="hunter"]>img[data-animal-rank]{width:125%!important;height:125%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;align-self:start!important;justify-self:center!important;object-fit:contain!important;object-position:center top!important;clip-path:inset(0 10% 20% 10%)!important}}
body[data-style="hybrid"] #game .enemy>.unit-card-face>.direct-attack{pointer-events:auto!important;cursor:pointer}

@media(min-width:900px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face{width:var(--combat-unit-w)!important;min-width:0!important;max-width:var(--combat-unit-w)!important;height:var(--combat-unit-h)!important;min-height:0!important;max-height:var(--combat-unit-h)!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:30px minmax(0,1fr) 14px!important;gap:0!important;border-width:7px!important;border-image-width:7px!important;padding:0 2px!important;margin:0!important;align-self:start!important;justify-self:start!important;box-shadow:0 5px 4px #100b08b0,inset 0 0 14px #eab2691a!important;outline:1px solid #2b3126!important;outline-offset:1px}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.hybrid-unit-name{grid-area:1/1/2/-1!important;position:static!important;min-height:30px!important;height:30px!important;padding:0 13px!important;font:700 14px/14px var(--fantasy-title)!important;white-space:normal!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>img[data-animal-rank]{grid-area:2/1/3/-1!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-height:0!important;object-fit:contain!important;object-position:center!important;clip-path:none!important;padding:0!important;align-self:stretch!important;justify-self:stretch!important;background:transparent!important;border:0!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face[data-class="hunter"]>img[data-animal-rank]{width:125%!important;height:125%!important;max-width:none!important;max-height:none!important;object-position:center top!important;align-self:start!important;justify-self:center!important;clip-path:inset(0 10% 20% 10%)!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>:is(.hero-class-name,.activation-badge,.short-position){display:none!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.role-seal{inset:8px auto auto 7px!important;width:12px!important;height:12px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.role-seal>.icon{width:12px!important;height:12px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .hero-body{display:contents!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .hero-body>.hp{grid-area:2/1/3/2!important;align-self:end!important;justify-self:start!important;position:static!important;margin:0 0 3px!important;padding:0 1px!important;width:max-content!important;max-width:none!important;font:700 12px/14px system-ui!important;background:#252a20c9!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .hero-body>.stats{grid-area:2/2/3/3!important;align-self:end!important;justify-self:end!important;margin:0 0 3px!important;padding:0 1px!important;font:12px/14px system-ui!important;gap:1px!important;background:#252a20c9!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .hero-body>.stats .icon{width:11px!important;height:11px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .hero-body>.health-track{grid-area:2/1/3/-1!important;align-self:end!important;height:3px!important;min-height:3px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .hero-body>.xp-ribbon{grid-area:3/1/4/-1!important;height:14px!important;min-height:14px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;position:relative!important;margin:0!important;padding:0!important;background:#493154!important;border:0!important;box-shadow:inset 0 1px 2px #170e1a88!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .xp-ribbon :is(.pv-meter,.xp-track){height:14px!important;min-height:14px!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .xp-ribbon :is(.pv-meter-label,.pv-meter-text,.xp-label){font:12px/14px var(--fantasy-copy)!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .xp-ribbon>span{display:none!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face{width:calc(var(--combat-unit-w) + 16px)!important;min-width:0!important;max-width:none!important;height:calc(var(--combat-unit-h) + 30px)!important;min-height:0!important;max-height:none!important;border-width:7px!important;border-image-width:7px!important;padding:0 2px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:30px minmax(0,1fr) 16px 18px!important;box-shadow:0 5px 4px #100b08b0,inset 0 0 14px #eab2691a!important;outline:1px solid #2b3126!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.hybrid-unit-name{grid-area:1/1!important;min-height:30px!important;height:30px!important;font:700 14px/14px var(--fantasy-title)!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:normal!important;padding:0 14px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>img{grid-area:2/1/4/2!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;border:0!important;object-fit:contain!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.hp{grid-area:3/1/4/2!important;align-self:end!important;justify-self:center!important;font:700 14px/16px system-ui!important;padding:0 2px!important;background:#36281dd9!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.intent{grid-area:4/1/5/2!important;justify-self:stretch!important;text-align:center!important;font:12px/16px system-ui!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.health-track{grid-area:3/1/4/2!important;align-self:end!important;height:3px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.enemy-signature{inset:auto!important;left:calc(100% + 5px)!important;top:calc(50% + 27px)!important;width:82px!important;max-width:82px!important;font:12px/14px var(--fantasy-copy)!important;white-space:normal!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.direct-attack{left:calc(100% + 5px)!important;top:calc(50% - 23px)!important;inset-block-end:auto!important;right:auto!important;width:76px!important;min-width:76px!important;max-width:76px!important;height:46px!important;min-height:46px!important;pointer-events:auto!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.direct-guard{position:absolute!important;inset:auto 2px 16px auto!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:26px!important;min-height:26px!important;display:flex!important;gap:2px!important;padding:1px 2px!important;font:12px/14px var(--fantasy-title)!important;z-index:8}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.direct-guard>.main-action-art{width:18px!important;height:20px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.direct-guard>span{display:flex!important;flex-direction:row!important;align-items:center!important;gap:2px!important;font-size:12px!important;line-height:14px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game .hero>.unit-card-face>.target-forecast{display:none!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face:not(.action-available):not(.selected):not(.legal-target){outline-color:#34372b!important;box-shadow:0 5px 4px #100b08b0!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face,.ability).selected{outline:3px solid #eee6cb!important;outline-offset:2px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face,.ability).action-available:not(.selected),body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face).legal-target{outline:2px solid #a3d57c!important;outline-offset:1px!important;box-shadow:0 4px 4px #0b110caa,0 0 8px #8aad5840!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face:nth-child(n){grid-area:auto!important;grid-column:auto!important;grid-row:auto!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.direct-guard{inset:3px 2px auto auto!important;width:26px!important;min-width:26px!important;max-width:26px!important;height:28px!important;min-height:28px!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:0!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.direct-guard>.main-action-art{width:13px!important;height:13px!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.direct-guard>span{font-size:0!important;line-height:0!important;display:block!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.direct-guard>span>b{font:700 12px/13px system-ui!important}}
@media(min-width:900px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .experience-meter{display:grid!important;grid-template-columns:10px minmax(0,1fr) 10px!important;gap:1px!important;height:14px!important;min-height:14px!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;font:12px/14px var(--fantasy-copy)!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .experience-meter .xp-track{height:14px!important;min-height:14px!important;border:0!important;background:#493154!important;box-shadow:inset 0 1px 2px #1c1320a0!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .experience-meter .xp-track>i{background:linear-gradient(#be8dd1,#85549e)!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .experience-meter .xp-value{font:12px/14px var(--fantasy-copy)!important;text-shadow:0 1px 2px #1b1020!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .experience-meter :is(.xp-rank-current,.xp-rank-next){font:12px/14px var(--fantasy-title)!important}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.direct-guard{display:none!important}}
@media(min-width:900px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>:is(.hero>.unit-card-face,.empty):nth-child(n){grid-area:auto!important;grid-column:auto!important;grid-row:auto!important}}
@media(min-width:900px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face.selected{outline:3px solid #eee6cb!important;outline-offset:2px!important}}
@media(min-width:900px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face{grid-template-rows:22px minmax(0,1fr) 12px!important;border-width:5px!important;border-image-width:5px!important;padding:0 1px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.hybrid-unit-name{height:22px!important;min-height:22px!important;font-size:12px!important;line-height:12px!important;padding:0 9px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.role-seal{inset:5px auto auto 3px!important;width:10px!important;height:10px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .hero-body>.hp{margin-bottom:8px!important;font-size:11px!important;line-height:14px!important;gap:0!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .hero-body>.hp .icon{width:11px!important;height:13px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .hero-body>.stats{margin-bottom:8px!important;font-size:11px!important;line-height:16px!important;gap:2px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .hero-body>.stats .icon{width:16px!important;height:16px!important;min-width:16px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .hero-body>.xp-ribbon{height:12px!important;min-height:12px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .xp-ribbon :is(.pv-meter,.xp-track){height:12px!important;min-height:12px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .xp-ribbon :is(.pv-meter-label,.pv-meter-text,.xp-label){font-size:10px!important;line-height:12px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face .hero-body>.health-track{height:7px!important;min-height:7px!important;bottom:auto!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face) .health-track{background:#341b18!important;border:1px solid #6e2925!important;height:7px!important;min-height:7px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face) .health-track>i{background:#c9453b!important;box-shadow:inset 0 1px 0 #ed8571!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face{width:var(--combat-unit-w)!important;height:var(--combat-unit-h)!important;border-width:5px!important;border-image-width:5px!important;padding:0 1px!important;grid-template-rows:22px minmax(0,1fr) 17px 17px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face[data-display-slot="0"]{grid-column:1!important;grid-row:1!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face[data-display-slot="1"]{grid-column:1!important;grid-row:2!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face[data-display-slot="2"]{grid-column:1!important;grid-row:3!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face[data-display-slot="3"]{grid-column:2!important;grid-row:1!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face[data-display-slot="4"]{grid-column:2!important;grid-row:2!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face[data-display-slot="5"]{grid-column:2!important;grid-row:3!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.hybrid-unit-name{height:22px!important;min-height:22px!important;font-size:12px!important;line-height:12px!important;padding:0 9px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.hp{grid-area:3/1!important;margin-bottom:7px!important;align-self:end!important;font-size:11px!important;line-height:13px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.health-track{grid-area:3/1!important;align-self:end!important;height:7px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.intent{grid-area:4/1!important;height:17px!important;min-height:17px!important;font-size:10px!important;line-height:15px!important;white-space:nowrap!important;overflow:hidden!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.intent .icon{width:16px!important;height:16px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face .enemy-copy>.enemy-signature{left:3px!important;right:3px!important;top:24px!important;width:auto!important;max-width:none!important;font-size:9px!important;line-height:11px!important;opacity:.85!important;background:#1c251bcb!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.direct-attack{display:none!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game .enemy>.unit-card-face>.target-forecast{display:none!important;}}
@media(min-width:900px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-formation="ranks3"] #game>.formation .hero>.unit-card-face .hero-body>.stats{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:max-content!important;max-width:none!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-formation="ranks3"] #game>.formation .hero>.unit-card-face .hero-body>.stats>span{display:inline-flex!important;align-items:center!important;gap:1px!important;white-space:nowrap!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-formation="ranks3"] #game>.formation .hero>.unit-card-face .hero-body>.hp{align-self:start!important;margin-top:1px!important;margin-bottom:0!important;background:#252a20de!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-formation="ranks3"] #game>.formation .hero>.unit-card-face .hero-body>.stats{grid-area:2/1/3/-1!important;justify-self:center!important;margin-bottom:9px!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-formation="ranks3"] #game>.encounter #enemies>.enemy>.unit-card-face[data-display-slot="0"]{grid-column:1!important;grid-row:1!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-formation="ranks3"] #game>.encounter #enemies>.enemy>.unit-card-face[data-display-slot="1"]{grid-column:1!important;grid-row:2!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-formation="ranks3"] #game>.encounter #enemies>.enemy>.unit-card-face[data-display-slot="2"]{grid-column:2!important;grid-row:1!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-formation="ranks3"] #game>.encounter #enemies>.enemy>.unit-card-face[data-display-slot="3"]{grid-column:2!important;grid-row:2!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-formation="ranks3"] #game>.encounter #enemies>.enemy>.unit-card-face[data-display-slot="4"]{grid-column:3!important;grid-row:1!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-formation="ranks3"] #game>.encounter #enemies>.enemy>.unit-card-face[data-display-slot="5"]{grid-column:3!important;grid-row:2!important;}}
@media(min-width:900px){body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face{display:grid!important;position:relative!important;border:5px solid #34403c!important;border-image:var(--lantern-frame) 112 stretch!important;border-image-width:5px!important;border-radius:0!important;background:var(--lantern-unit)!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>img[data-animal-rank]{position:static!important;inset:auto!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.hero-body{position:static!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face>.hybrid-unit-name{background:var(--lantern-unit)!important;border-bottom:2px solid #ab8f55!important;}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face::before,body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.formation :is(#front,#middle,#rear)>.hero>.unit-card-face::after{content:none!important;display:none!important;}}
body[data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase] #game>.encounter #enemies>.enemy>.unit-card-face>.last-attack{display:none!important;}
body[data-style="hybrid"][data-cycle-phase] #game :is(.hero>.unit-card-face,.enemy>.unit-card-face){opacity:1!important;background:var(--lantern-unit,#20383f)!important;background-clip:border-box!important}
body[data-style="hybrid"][data-cycle-phase] #game .hero>.unit-card-face .hero-body>:is(.hp,.stats){background:var(--lantern-unit,#20383f)!important;opacity:1!important}
body[data-style="hybrid"][data-cycle-phase] #game .enemy>.unit-card-face :is(.enemy-copy,.intent,.hp,.enemy-signature){background:#442323!important;opacity:1!important}
body[data-style="hybrid"][data-cycle-phase] #game :is(.enemy>.unit-card-face[data-main-target],.hero>.unit-card-face:has([data-main-target]),.deck-stack[data-main-target]){outline:2px solid var(--action-role,#d8d49b)!important;outline-offset:2px!important}
body[data-style="hybrid"][data-cycle-phase] #game :is([data-main-target]:hover,[data-main-target]:focus-visible,.hero>.unit-card-face:has([data-main-target]:hover),.hero>.unit-card-face:has([data-main-target]:focus-visible)){outline:3px solid var(--action-role,#d8d49b)!important;outline-offset:3px!important;box-shadow:0 0 10px var(--action-role,#d8d49b)!important}