.spcard{background:linear-gradient(180deg, var(--card-0) 0%, var(--card-1) 100%), var(--card-0);box-shadow:var(--shadow-card);-webkit-user-select:none;user-select:none;font-family:var(--font-serif);isolation:isolate;border-radius:6px;flex-shrink:0;line-height:normal;position:relative}.spcard-lost{filter:saturate(.15)brightness(.58)contrast(.92)}.spcard-inner{border:1.5px solid var(--card-edge);background:radial-gradient(circle at 30% 20%,#c8a0400f 0%,#0000 50%),radial-gradient(circle at 70% 80%,#c8a0400d 0%,#0000 50%);border-radius:3px;position:absolute;inset:4px;overflow:hidden}.spcard-inner:before{content:"";border:.5px solid var(--card-edge);opacity:.5;pointer-events:none;border-radius:2px;position:absolute;inset:3px}.spcard-corner{font-family:var(--font-serif);flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute}.spcard-corner-tl{top:6px;left:6px}.spcard-corner-br{bottom:6px;right:6px;transform:rotate(180deg)}.spcard-center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spcard-pip{flex-direction:column;align-items:center;gap:4px;display:flex}.spcard-pip-num{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:500;line-height:1}.spcard-face{flex-direction:column;align-items:center;gap:6px;display:flex}.spcard-face-letter{font-family:var(--font-serif);letter-spacing:-.03em;font-weight:500;line-height:1}.spcard-face-label{font-family:var(--font-serif);color:var(--ink-1);letter-spacing:.1em;text-transform:lowercase;font-size:11px;font-style:italic}.spcard-back{background:linear-gradient(180deg, var(--card-back-a) 0%, var(--card-back-b) 100%);box-shadow:var(--shadow-card);border-radius:6px;position:relative}.spcard-back-pattern{background:repeating-linear-gradient(45deg,#c8a06414 0 1px,#0000 1px 8px),repeating-linear-gradient(-45deg,#c8a06414 0 1px,#0000 1px 8px);border:1px solid #c8a06440;border-radius:3px;position:absolute;inset:4px}.spcard-back-pattern:before{content:"";border:.5px solid #c8a06433;border-radius:2px;position:absolute;inset:4px}.spcard-sm{width:52px;height:78px}.spcard-md{width:84px;height:128px}.spcard-lg{width:120px;height:180px}@keyframes manilha-sweep{0%{opacity:0;transform:translate(-200%)}4%{opacity:1;transform:translate(-80%)}11%{opacity:1;transform:translate(200%)}15%{opacity:0;transform:translate(300%)}to{opacity:0;transform:translate(300%)}}.spcard-manilha .spcard-inner:after{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ecd9991a 35%,#ecd99938 50%,#ecd9991a 65%,#0000 100%);border-radius:3px;width:50%;height:100%;animation:10s linear infinite manilha-sweep;position:absolute;top:0;left:0}.spcard-manilha-s0{box-shadow:var(--shadow-card), 0 0 7px 1px #d4b36a4d}.spcard-manilha-s1{box-shadow:var(--shadow-card), 0 0 11px 2px #d4b36a75}.spcard-manilha-s2{box-shadow:var(--shadow-card), 0 0 17px 3px #d4b36a9e}.spcard-manilha-s3{box-shadow:var(--shadow-card), 0 0 24px 5px #d4b36ad1}.spcard-manilha.spcard-manilha-s0 .spcard-inner:after{animation-delay:0s}.spcard-manilha.spcard-manilha-s1 .spcard-inner:after{animation-delay:.3s}.spcard-manilha.spcard-manilha-s2 .spcard-inner:after{animation-delay:.6s}.spcard-manilha.spcard-manilha-s3 .spcard-inner:after{animation-delay:.9s}@media (prefers-reduced-motion:reduce){.spcard-manilha .spcard-inner:after{opacity:1;background:linear-gradient(90deg,#0000 25%,#ecd9991a 50%,#0000 75%);width:100%;animation:none;transform:none}}
.fcard{background:linear-gradient(180deg, var(--card-0) 0%, var(--card-1) 100%), var(--card-0);box-shadow:var(--shadow-card);-webkit-user-select:none;user-select:none;font-family:var(--font-serif);isolation:isolate;border-radius:6px;flex-shrink:0;line-height:normal;position:relative}.fcard-lost{filter:saturate(.15)brightness(.58)contrast(.92)}.fcard-inner{border:1.5px solid var(--card-edge);background:radial-gradient(circle at 30% 20%,#c8a0400f 0%,#0000 50%),radial-gradient(circle at 70% 80%,#c8a0400d 0%,#0000 50%);border-radius:3px;position:absolute;inset:4px;overflow:hidden}.fcard-inner:before{content:"";border:.5px solid var(--card-edge);opacity:.5;pointer-events:none;border-radius:2px;position:absolute;inset:3px}.fcard-corner{font-family:var(--font-serif);flex-direction:column;align-items:center;gap:1px;line-height:1;display:flex;position:absolute}.fcard-corner-tl{top:6px;left:7px}.fcard-corner-br{bottom:6px;right:7px;transform:rotate(180deg)}.fcard-corner-rank{font-family:var(--font-serif);letter-spacing:0;font-weight:500;line-height:1}.fcard-center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fcard-pipfield{position:absolute;inset:18%}.fcard-pip{position:absolute}.fcard-face{flex-direction:column;align-items:center;gap:6px;display:flex}.fcard-face-letter{font-family:var(--font-serif);letter-spacing:0;font-weight:500;line-height:1}.fcard-face-label{font-family:var(--font-serif);color:var(--ink-1);letter-spacing:.1em;text-transform:lowercase;font-size:11px;font-style:italic}.fcard-back{background:linear-gradient(180deg, var(--card-back-a) 0%, var(--card-back-b) 100%);box-shadow:var(--shadow-card);border-radius:6px;position:relative}.fcard-back-pattern{border:1px solid #c8a06440;border-radius:3px;place-items:center;display:grid;position:absolute;inset:4px;overflow:hidden}.fcard-back-pattern:before{content:"";border:.5px solid #c8a06433;border-radius:2px;position:absolute;inset:4px}.fcard-manilha .fcard-inner:after{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ecd9991a 35%,#ecd99938 50%,#ecd9991a 65%,#0000 100%);border-radius:3px;width:50%;height:100%;animation:10s linear infinite manilha-sweep;position:absolute;top:0;left:0}.fcard-manilha-s0{box-shadow:var(--shadow-card), 0 0 7px 1px #d4b36a4d}.fcard-manilha-s1{box-shadow:var(--shadow-card), 0 0 11px 2px #d4b36a75}.fcard-manilha-s2{box-shadow:var(--shadow-card), 0 0 17px 3px #d4b36a9e}.fcard-manilha-s3{box-shadow:var(--shadow-card), 0 0 24px 5px #d4b36ad1}.fcard-manilha.fcard-manilha-s0 .fcard-inner:after{animation-delay:0s}.fcard-manilha.fcard-manilha-s1 .fcard-inner:after{animation-delay:.3s}.fcard-manilha.fcard-manilha-s2 .fcard-inner:after{animation-delay:.6s}.fcard-manilha.fcard-manilha-s3 .fcard-inner:after{animation-delay:.9s}@media (prefers-reduced-motion:reduce){.fcard-manilha .fcard-inner:after{opacity:1;background:linear-gradient(90deg,#0000 25%,#ecd9991a 50%,#0000 75%);width:100%;animation:none;transform:none}}