/* --card-width is the card's border-box width, measured by lions-deck.js.
   Scale the accepted large-card geometry, including the shared arrow rails. */
body.pc .ucard:has(>.shell-frame){--frame-w:calc(var(--card-width,322px)*.08075);padding:calc(var(--card-width,322px)*.0559);border-radius:calc(var(--card-width,322px)*.0373)}
body.pc .ucard .shell-badge,body.pc .ucard .shell-mana{width:calc(var(--card-width,322px)*.23);height:calc(var(--card-width,322px)*.23);top:calc(var(--card-width,322px)*-.0311);font-size:calc(var(--card-width,322px)*.1056)}
body.pc .ucard .shell-badge{left:calc(var(--card-width,322px)*-.0559)}
body.pc .ucard .shell-mana{right:calc(var(--card-width,322px)*-.0559)}
body.pc .ucard .shell-name{font-size:calc(var(--card-width,322px)*.0714);padding:calc(var(--card-width,322px)*.0217) 3px calc(var(--card-width,322px)*.0186)}
body.pc .ucard .shell-stats{font-size:calc(var(--card-width,322px)*.0745);padding:calc(var(--card-width,322px)*.0155) calc(var(--card-width,322px)*.0186);gap:3px}
body.pc .ucard .shell-stats>span{gap:calc(var(--card-width,322px)*.0217)}
body.pc .ucard .lvbar{font-size:calc(var(--card-width,322px)*.0652);padding:calc(var(--card-width,322px)*.0155) 3px calc(var(--card-width,322px)*.0062)}
body.pc .ucard .lvbar .potential-stars{max-width:calc(var(--card-width,322px)*.388)}
body.pc .ucard .shell-ability{font-size:calc(var(--card-width,322px)*.0404);padding:calc(var(--card-width,322px)*.0062) calc(var(--card-width,322px)*.0124);right:calc(var(--card-width,322px)*.0124);bottom:calc(var(--card-width,322px)*.0124)}
body.pc .ucard .shell-ability .mini-ic{width:calc(var(--card-width,322px)*.087);height:calc(var(--card-width,322px)*.087)}
body.pc .ucard>.card-directions{--direction-size:calc(var(--card-width,322px)*.0994)}
body.pc .ucard>.card-directions{--direction-corner-clearance:calc(var(--card-width,322px)*.23*.8 + var(--direction-size)*.45 + var(--card-width,322px)*.0117)}
body.pc #deck .strip .ucard:has(>.shell-frame){--frame-w:calc(var(--card-width,180px)*.0889);padding:calc(var(--card-width,180px)*.0611);border-radius:calc(var(--card-width,180px)*.05)}
body.pc .strip .ucard .shell-badge,body.pc .strip .ucard .shell-mana{width:calc(var(--card-width,180px)*.1889);height:calc(var(--card-width,180px)*.1889);top:calc(var(--card-width,180px)*-.0333);font-size:calc(var(--card-width,180px)*.0889)}
body.pc .strip .ucard .shell-badge{left:calc(var(--card-width,180px)*-.0611)}
body.pc .strip .ucard .shell-mana{right:calc(var(--card-width,180px)*-.0611)}
body.pc .strip .ucard .shell-stats{font-size:calc(var(--card-width,180px)*.0833);padding:calc(var(--card-width,180px)*.0111) 1px}
body.pc .strip .ucard .shell-stats>span{gap:calc(var(--card-width,180px)*.0056)}
body.pc .strip .ucard .lvbar{font-size:calc(var(--card-width,180px)*.0778);padding:calc(var(--card-width,180px)*.0167) 1px 1px}
body.pc .strip .ucard .shell-ability{font-size:calc(var(--card-width,180px)*.0556);padding:1px 2px}
body.pc .strip .ucard .shell-ability .mini-ic{width:calc(var(--card-width,180px)*.0889);height:calc(var(--card-width,180px)*.0889)}
body.pc .strip .ucard>.card-directions{--direction-size:calc(var(--card-width,180px)*.15)}
body.pc .strip .ucard>.card-directions{--direction-corner-clearance:calc(var(--card-width,180px)*.1889*.8 + var(--direction-size)*.45 + var(--card-width,180px)*.0117)}
body.pc #battle .bunit{--frame-w:calc(var(--card-width,256px)*.0586);padding:calc(var(--card-width,256px)*.043)}
body.pc #battle .bunit .shell-badge,body.pc #battle .bunit .shell-mana{width:calc(var(--card-width,256px)*.1836);height:calc(var(--card-width,256px)*.1836);top:calc(var(--card-width,256px)*-.0273);font-size:calc(var(--card-width,256px)*.0859)}
body.pc #battle .bunit .shell-badge{left:calc(var(--card-width,256px)*-.043)}
body.pc #battle .bunit .shell-mana{right:calc(var(--card-width,256px)*-.043)}
body.pc #battle .bunit>.card-directions{--direction-size:calc(var(--card-width,256px)*.1094)}
body.pc #battle .direction-attack-row{--corner-clearance:calc(var(--card-width,256px)*.1836*.8 + var(--direction-size)*.45 + var(--card-width,256px)*.0117)}
body.pc #battle .battle-name{height:calc(var(--card-width,256px)*.1172);font-size:calc(var(--card-width,256px)*.0547)}
body.pc #battle .bstats{height:calc(var(--card-width,256px)*.1094);font-size:calc(var(--card-width,256px)*.0664);padding:calc(var(--card-width,256px)*.0156) calc(var(--card-width,256px)*.0195)}
body.pc #battle .bstats :is(.lvchip,.ab){bottom:calc(var(--card-width,256px)*.2969);min-height:calc(var(--card-width,256px)*.0898);padding:calc(var(--card-width,256px)*.0117) calc(var(--card-width,256px)*.0195);font-size:calc(var(--card-width,256px)*.043)}
body.pc #battle .bstats .lvchip{left:calc(var(--card-width,256px)*.0586)}
body.pc #battle .bstats .ab{left:auto;right:calc(var(--card-width,256px)*.0586)}
body.pc #battle .bstats .lvs{width:calc(var(--card-width,256px)*.0508);height:calc(var(--card-width,256px)*.0508)}
body.pc #battle .bstats .ab .mini-ic{width:calc(var(--card-width,256px)*.0625);height:calc(var(--card-width,256px)*.0625)}
body.pc #battle .bstats :is(.a,.h) .mini-ic{width:1.15em;height:1.15em}
/* Text has a readable floor; portraits absorb the size change inside the same 5:7 card. */
body.pc #battle .battle-name{height:clamp(26px,calc(var(--card-width,256px)*.1172),38px);font-size:clamp(11px,calc(var(--card-width,256px)*.0547),17px);line-height:1.15}
body.pc #battle .bstats{height:clamp(24px,calc(var(--card-width,256px)*.1094),34px);font-size:clamp(12px,calc(var(--card-width,256px)*.0664),22px);padding:3px 4px}
body.pc #battle .bstats :is(.lvchip,.ab){bottom:calc(clamp(26px,var(--card-width,256px)*.1172,38px) + clamp(24px,var(--card-width,256px)*.1094,34px) + 6px + var(--card-width,256px)*.043);min-height:18px;font-size:clamp(9px,calc(var(--card-width,256px)*.043),13px);padding:2px 3px}
body.pc #battle .bstats .lvs{width:clamp(10px,calc(var(--card-width,256px)*.0508),15px);height:clamp(10px,calc(var(--card-width,256px)*.0508),15px)}
body.pc #battle .bstats .ab .mini-ic{width:clamp(12px,calc(var(--card-width,256px)*.0625),18px);height:clamp(12px,calc(var(--card-width,256px)*.0625),18px)}