.card{width:var(--cw, 46px);height:var(--ch, 64px);border-radius:8px;background:#f6f1e4;color:#1c2233;font-family:var(--mono);position:absolute;left:0;box-shadow:0 1px 3px #0006;cursor:pointer;user-select:none;border:1px solid #00000022}.card.red{color:#c0392b}.card .tl,.card .br{position:absolute;font-weight:600;line-height:1.02;font-size:calc(var(--cw, 46px) * .26);display:flex;flex-direction:column;align-items:center}.card .tl{top:3px;left:4px}.card .br{bottom:3px;right:4px;transform:rotate(180deg)}.card .tl i,.card .br i{font-style:normal;font-size:calc(var(--cw, 46px) * .24)}.card .big{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cw, 46px) * .52);opacity:.9;pointer-events:none}.card.down{background:repeating-linear-gradient(45deg,#26325a,#26325a 4px,#1c2646 4px 8px);border:1px solid #35426e}.card.down .tl,.card.down .br,.card.down .big{display:none}body[data-face=large] .card .tl,body[data-face=large] .card .br{font-size:calc(var(--cw, 46px) * .36)}body[data-face=large] .card .tl i,body[data-face=large] .card .br i{font-size:calc(var(--cw, 46px) * .34)}body[data-face=large] .card .big{font-size:calc(var(--cw, 46px) * .44);opacity:.35}body[data-face=large] .card.red{color:#a91e0f}body[data-face=large] .card{background:#fff}body[data-face=minimal] .card{background:#fbfaf7;border-radius:6px}body[data-face=minimal] .card .big,body[data-face=minimal] .card .br{display:none}body[data-face=minimal] .card .tl{font-size:calc(var(--cw, 46px) * .3)}body[data-face=inverted] .card{background:#20263c;color:#e8ecf8;border-color:#3a4467}body[data-face=inverted] .card.red{color:#ff8a7a}body[data-face=ornate] .card{background:linear-gradient(160deg,#fdf9ee,#f3ecd7);font-family:Georgia,Times New Roman,serif}body[data-face=ornate] .card .big{opacity:.22;font-size:calc(var(--cw, 46px) * .85)}body[data-face=ornate] .card .tl,body[data-face=ornate] .card .br{font-weight:700}body[data-face=neon] .card{background:#10131f;color:#6ef3ff;border-color:#6ef3ff55;box-shadow:0 0 8px #6ef3ff22,0 1px 3px #0006}body[data-face=neon] .card.red{color:#ff7edb;border-color:#ff7edb55;box-shadow:0 0 8px #ff7edb22,0 1px 3px #0006}.face-prev.face-large .card .tl{font-size:20px}.face-prev.face-minimal .card .big,.face-prev.face-minimal .card .br{display:none}.face-prev.face-inverted .card{background:#20263c;color:#ff8a7a}.face-prev.face-ornate .card{font-family:Georgia,serif;background:#f3ecd7}.face-prev.face-neon .card{background:#10131f;color:#ff7edb}