.fw-card{--w:46px;--card-ink:#13191d;width:var(--w);height:calc(var(--w) * 1.4);vertical-align:middle;box-sizing:border-box;border-radius:calc(var(--w) * .075);color:var(--card-ink);-webkit-user-select:none;user-select:none;background:#fffefa;flex:none;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #deded9,0 2px 5px #0003}.fw-card.red{--card-ink:#bd202c}.four .fw-card.su-d{--card-ink:#1967b7}.four .fw-card.su-c{--card-ink:#177b50}.fw-card .fw-index{z-index:1;align-items:center;gap:calc(var(--w) * .026);width:23%;color:var(--card-ink);flex-direction:column;display:flex;position:absolute;top:5%;left:5%}.fw-card .fw-rank{width:100%;height:calc(var(--w) * .205);display:block}.fw-card .fw-suit{width:65%;height:calc(var(--w) * .15);display:block}.fw-card .fw-rank svg,.fw-card .fw-suit svg,.fw-card .fw-pip svg{fill:currentColor;width:100%;height:100%;color:inherit;display:block}.fw-card .fw-portrait{object-fit:contain;object-position:center;pointer-events:none;width:120%;height:80%;position:absolute;top:14%;left:-6%}.fw-card .fw-pip{width:46%;height:36%;color:var(--card-ink);pointer-events:none;position:absolute;top:39%;left:27%}.fw-card.compact .fw-portrait,.fw-card.compact .fw-pip{display:none}.fw-card.compact .fw-index{gap:calc(var(--w) * .07);width:70%;padding-top:calc(var(--w) * .03);box-sizing:border-box;justify-content:center;top:0;bottom:0;left:15%}.fw-card.compact .fw-rank{height:calc(var(--w) * .48)}.fw-card.compact .fw-suit{height:calc(var(--w) * .43);width:60%}.fw-card.back{background:#233d52;box-shadow:inset 0 0 0 2px #fffefa,inset 0 0 0 4px #617e91}.fw-card.slot{box-shadow:none;background:0 0;border:1px dashed #73818b}.fw-card.new{animation:.4s ease-out fw-card-deal}.fw-card.flip{animation:.4s ease-out fw-card-flip}@keyframes fw-card-deal{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}@keyframes fw-card-flip{0%{transform:rotateY(90deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.fw-card.new,.fw-card.flip{animation:none}}:root{--card-record:30px;--card-small:36px;--card-medium:50px;--card-large:clamp(52px, 7vw, 70px);--card-extra-large:clamp(62px, 8.4vw, 82px);--card-deck-picker:min(36px, calc((100vw - 90px) / 13));--card-flop-picker:clamp(28px, calc((100vw - 74px) / 9), 36px);--card-compact:32px;--card-analysis-hero:53px;--card-context:40px;--card-analysis-board:49px;--card-preflop-hero:57px;--card-range-answer:35px;--card-postflop-hero:clamp(42px, 12vw, 56px);--card-postflop-board:38px;--card-opponent:23px}