:root{--z57h:min(calc(100vh - 24px), 520px)}
@supports (height:100dvh){ :root{ --z57h:min(calc(100dvh - 24px), 520px); } }
:is(#zoom, #dbPeek, #cpZoom, #dfZoom) > .zCard.zFace{width:calc(min(var(--z57h), calc((100vw - 16px) * 1.4)) * 5 / 7);min-width:0;max-width:none}


.dbPanel.dbInspect > .zCard.zFace{width:calc(min(var(--z57h), calc((100vw - 16px) * 1.4)) * 5 / 7);height:auto;min-width:0;max-width:none;flex:0 0 auto}
.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard){aspect-ratio:5 / 7;height:auto;min-height:0;max-height:none;box-sizing:border-box;
  display:flex;flex-direction:column;overflow:hidden}


.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) > .zArt{flex:0 0 auto;width:auto;height:auto;min-height:0;max-height:none;aspect-ratio:1.4286}
.zCard.zFace.zLeader:not(.c57 > .zCard):not(.daiFull .zCard) > .zArt.zPort{aspect-ratio:1.9841}
.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) > :is(.zHead, .zStrip, .zPlayer){flex:0 0 auto}
 
.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) > .zBody{flex:1 1 0;min-height:0;max-height:none;overflow:hidden;overscroll-behavior:auto}
.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) .zText p{overflow:visible;white-space:normal;text-overflow:clip;-webkit-line-clamp:none;display:block}






.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) > .zHead .zName{line-height:calc(max(13px, calc(15 * var(--u))) * 1.1)}
.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) .zHold{display:none}
 
.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) .zArt img.art{object-position:50% 0}
.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) .zArt.zPort img.art{object-position:50% 8%}


.rdCard{aspect-ratio:5 / 7}



.zCard.zFace.z57tight .zBody{gap:2px;padding-top:calc(4 * var(--u));padding-bottom:calc(4 * var(--u))}
.zCard.zFace.z57tight :is(.zText p, .zHold p, .zState, .zSides li){line-height:1.16}
.zCard.zFace.z57tight .zText p + p{margin-top:1px}
.zCard.zFace.z57tight .zSides{gap:1px}
.zCard.zFace.z57tight .zSides li{padding-top:1px;padding-bottom:1px}
 
.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) .zArt .pips.cost{left:max(3px, min(6px, calc(4 * var(--u))));top:max(3px, min(6px, calc(4 * var(--u))))}






.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) > .zHead > .pips.cost{position:static;flex:0 0 auto;align-self:center;z-index:auto;
  --hH:calc(max(13px, calc(15 * var(--u))) * 1.1 + 10 * var(--u) - 2px);
  margin:calc(-5 * var(--u) + .5px) calc(2 * var(--u)) calc(-5 * var(--u) + .5px) calc(-3 * var(--u))}
.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) > .zHead > .pips.cost.gemP{--gH:var(--hH);--gW:calc(var(--hH) * .75);--gF:max(18px, calc(var(--hH) * .56));--gF2:max(12px, calc(var(--hH) * .4))}
.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) > .zHead > .pips.cost .plG.two > b{letter-spacing:-.13em;text-indent:-.18em}









.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) > .zHead > .pips.cost:not(.gemP){height:var(--hH);box-sizing:border-box;padding:2px;gap:2px}
.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) > .zHead > .pips.cost:not(.gemP) .pip{width:calc(var(--hH) - 4px);height:calc(var(--hH) - 4px)}



.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) > .zHead > .pips.cost .plG[data-g*="-"]::after{content:"";position:absolute;left:calc(50% - .75px);width:1.5px;
  top:3.5%;bottom:3.5%;background:#120d08;opacity:.85;pointer-events:none}
.zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) > .zHead > .pips.cost .plG > b{z-index:1}




html:not(#kA0):not(#kA1) body .zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard){border-radius:0;border-color:#5d6f73;background:var(--kA-face, #161d20)}
html:not(#kA0):not(#kA1) body .zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard):not(.foil){box-shadow:0 3px 0 #000c}
html:not(#kA0):not(#kA1) body .zCard.zFace:not(.c57 > .zCard):not(.daiFull .zCard) :is(.zArt, .zArt img){border-radius:0}




html:not(#kA0):not(#kA1) body .daiFull .zCard.zFace,html:not(#kA0):not(#kA1) body .daiFull .zCard.zFace :is(.zArt, .zArt img){border-radius:0}
html:not(#kA0):not(#kA1) body .dbTile:not(.foil) .daiFull .zCard.zFace{box-shadow:0 3px 0 #000c}



html:not(#kA0):not(#kA1) body :is(.hcard, .stCard, .dfPack .dfCard .dfBackFace){border-radius:0}
html:not(#kA0):not(#kA1) body .dfHaul > .dfHallCard.veil::after{border-radius:0}



.inspect > .bigCard{width:calc(min(var(--z57h), calc((100vw - 16px) * 1.4)) * 5 / 7);height:auto;aspect-ratio:5 / 7;flex:0 0 auto}
.inspect{max-height:none}
html:not(#kA0):not(#kA1) body .inspect > .bigCard,html:not(#kA0):not(#kA1) body .inspect > .bigCard :is(img.art, img.artFill, .band){border-radius:0}
html:not(#kA0):not(#kA1) body .inspect > .bigCard{border-color:#5d6f73}





html:not(#kA0):not(#kA1) body #inspect.inspect > .bigCard{align-self:flex-start}
html:not(#kA0):not(#kA1) body #inspect.inspect > .bigCard ~ .info.kA-sheet:not(.narrow){align-self:flex-start;box-sizing:border-box;
  max-height:min(var(--z57h), calc((100vw - 16px) * 1.4));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
html:not(#kA0):not(#kA1) body #inspect.inspect > .bigCard ~ .info.kA-sheet:not(.narrow) > .acts{position:sticky;bottom:0;padding-top:6px;
  background:inherit;z-index:1}


html:not(#kA0):not(#kA1) body .tok .fz.bone.tokBand,html:not(#kA0):not(#kA1) body .tok .fz.bone.tokBand > i{border-radius:0}
html:not(#kA0):not(#kA1) body .traps > .trap,html:not(#kA0):not(#kA1) body .traps > .trap img.art{border-radius:0}