.tactic-card{position:relative;display:block;isolation:isolate;min-height:0;aspect-ratio:106/132;padding:0;border:0;background:transparent;overflow:hidden;box-shadow:0 8px 0 #020708,0 13px 20px #0009;transition:transform .16s,filter .16s,box-shadow .16s}.tactic-card:before,.card-frame,.card-sigil{display:none}.card-face{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;pointer-events:none}.tactic-card:hover:not(:disabled){transform:translateY(-7px) scale(1.035);filter:brightness(1.1) saturate(1.08);box-shadow:0 10px 0 #020708,0 21px 30px #000}.tactic-card:disabled{filter:grayscale(.35) brightness(.62)}.card-cost{position:absolute;z-index:3;left:7%;top:7%;display:grid;justify-items:center;gap:1px;min-width:27px;padding:3px 3px 2px;border:2px solid #d8e9e8;background:radial-gradient(circle at 40% 35%,#35545a,#112226 64%);color:#fff0a8;text-shadow:1px 1px #000;box-shadow:2px 2px 0 #05090a}.card-cost small{font:800 5px/1 "DM Mono",monospace;letter-spacing:.04em}.card-cost b{font:800 11px/.9 "DM Mono",monospace}.card-center{position:absolute;z-index:1;left:15%;right:9%;top:15%;height:43%;display:grid;align-content:center;justify-items:center;gap:2px;padding:6px 5px 5px;border:2px solid #376469;background:linear-gradient(145deg,#123138 0%,#071215 72%);box-shadow:inset 0 0 0 2px #081719,inset 0 0 18px #0009;text-align:center}.card-center:before{content:"";position:absolute;inset:4px;border-top:1px solid #8bc8c5;border-bottom:1px solid #254b4d;opacity:.6}.card-center:after{content:"";position:absolute;left:16%;right:16%;bottom:20%;height:1px;background:#87aeaa;opacity:.48}.card-center span{position:relative;z-index:1;padding:2px 4px;background:#0a181a;color:#9ee3dd;font:800 6px/1 "DM Mono",monospace;letter-spacing:.11em}.card-center strong{position:relative;z-index:1;color:#ffe16e;font:800 19px/.92 Unbounded,sans-serif;letter-spacing:-.1em;text-shadow:1px 2px #563c12}.card-center .card-effect-label{position:relative;z-index:1;color:#e6f3eb;font:800 7px/1 "DM Mono",monospace;letter-spacing:.08em}.card-center small{position:relative;z-index:1;max-width:91%;color:#c7ddda;font:7px/1.15 "DM Mono",monospace;letter-spacing:0}.tactic-card h3{position:absolute;z-index:2;left:10%;right:7%;bottom:11.5%;height:21%;display:grid;align-items:center;margin:0;padding:3px 7px;border:2px solid #1d2224;background:linear-gradient(155deg,#e0e1db 0%,#898e8c 49%,#bdc1bc 100%);box-shadow:inset 0 0 0 1px #f4f5eb,inset 0 2px #626965;color:#20292b;font:800 9px/1.08 Unbounded,sans-serif;text-align:center;text-shadow:0 1px #f6f7ef}.tactic-card h3:before,.tactic-card h3:after{content:"";position:absolute;top:5px;width:4px;height:4px;border-radius:50%;background:#535956;box-shadow:0 1px #e5e6de}.tactic-card h3:before{left:5px}.tactic-card h3:after{right:5px}.tactic-card.attack .card-center,.tactic-card.pierce .card-center,.tactic-card.multi .card-center{border-color:#a95a51;background:linear-gradient(145deg,#351817,#120a0a)}.tactic-card.shield .card-center,.tactic-card.repair .card-center{border-color:#4aa5bc;background:linear-gradient(145deg,#0d3440,#071113)}.tactic-card.evade .card-center,.tactic-card.jam .card-center,.tactic-card.draw .card-center{border-color:#5eb47c;background:linear-gradient(145deg,#143520,#091510)}.reward-cards .tactic-card{min-height:0;aspect-ratio:106/132}.reward-cards .card-center{height:43%}
.tactic-card{position:relative;display:block;isolation:isolate;min-height:0;aspect-ratio:106/132;padding:0;border:0;background:transparent;overflow:hidden;box-shadow:0 8px 0 #020708,0 13px 20px #0009;transition:transform .16s,filter .16s,box-shadow .16s}.tactic-card:before,.card-frame,.card-sigil{display:none}.card-face{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;pointer-events:none}.tactic-card:after{content:"";position:absolute;z-index:6;inset:0;background:url("/assets/cards/card-sheen-sprite.png") 0 50%/1000% 100% no-repeat;opacity:0;pointer-events:none}.tactic-card:hover:not(:disabled){transform:translateY(-7px) scale(1.035);filter:brightness(1.1) saturate(1.08);box-shadow:0 10px 0 #020708,0 21px 30px #000}.tactic-card:hover:not(:disabled):after{opacity:.75;animation:cardSheen .65s steps(10) infinite}.tactic-card.card-resolving{pointer-events:none;animation:cardResolve .38s ease-in forwards}.tactic-card.card-resolving:before{content:"";display:block;position:absolute;z-index:7;inset:-4%;background:url("/assets/cards/card-rip.png") 0 0/700% 200% no-repeat;pointer-events:none;animation:cardRip .38s steps(14) forwards}.tactic-card.card-resolving:after{opacity:1;animation:cardSheen .38s steps(10) forwards}.tactic-card:disabled{filter:grayscale(.35) brightness(.62)}.card-cost{position:absolute;z-index:3;left:7%;top:7%;display:grid;justify-items:center;gap:1px;min-width:27px;padding:3px 3px 2px;border:2px solid #d8e9e8;background:radial-gradient(circle at 40% 35%,#35545a,#112226 64%);color:#fff0a8;text-shadow:1px 1px #000;box-shadow:2px 2px 0 #05090a}.card-cost small{font:800 5px/1 "DM Mono",monospace;letter-spacing:.04em}.card-cost b{font:800 11px/.9 "DM Mono",monospace}.card-center{position:absolute;z-index:1;left:15%;right:9%;top:15%;height:43%;display:grid;align-content:center;justify-items:center;gap:2px;padding:6px 5px 5px;border:2px solid #376469;background:linear-gradient(145deg,#123138 0%,#071215 72%);box-shadow:inset 0 0 0 2px #081719,inset 0 0 18px #0009;text-align:center}.card-center:before{content:"";position:absolute;inset:4px;border-top:1px solid #8bc8c5;border-bottom:1px solid #254b4d;opacity:.6}.card-center:after{content:"";position:absolute;left:16%;right:16%;bottom:20%;height:1px;background:#87aeaa;opacity:.48}.card-center span{position:relative;z-index:1;padding:2px 4px;background:#0a181a;color:#9ee3dd;font:800 6px/1 "DM Mono",monospace;letter-spacing:.11em}.card-center strong{position:relative;z-index:1;color:#ffe16e;font:800 19px/.92 Unbounded,sans-serif;letter-spacing:-.1em;text-shadow:1px 2px #563c12}.card-center .card-effect-label{position:relative;z-index:1;color:#e6f3eb;font:800 7px/1 "DM Mono",monospace;letter-spacing:.08em}.card-center small{position:relative;z-index:1;max-width:91%;color:#c7ddda;font:7px/1.15 "DM Mono",monospace;letter-spacing:0}.tactic-card h3{position:absolute;z-index:2;left:10%;right:7%;bottom:11.5%;height:21%;display:grid;align-items:center;margin:0;padding:3px 7px;border:2px solid #1d2224;background:linear-gradient(155deg,#e0e1db 0%,#898e8c 49%,#bdc1bc 100%);box-shadow:inset 0 0 0 1px #f4f5eb,inset 0 2px #626965;color:#20292b;font:800 9px/1.08 Unbounded,sans-serif;text-align:center;text-shadow:0 1px #f6f7ef}.tactic-card h3:before,.tactic-card h3:after{content:"";position:absolute;top:5px;width:4px;height:4px;border-radius:50%;background:#535956;box-shadow:0 1px #e5e6de}.tactic-card h3:before{left:5px}.tactic-card h3:after{right:5px}.tactic-card.attack .card-center,.tactic-card.pierce .card-center,.tactic-card.multi .card-center{border-color:#a95a51;background:linear-gradient(145deg,#351817,#120a0a)}.tactic-card.shield .card-center,.tactic-card.repair .card-center{border-color:#4aa5bc;background:linear-gradient(145deg,#0d3440,#071113)}.tactic-card.evade .card-center,.tactic-card.jam .card-center,.tactic-card.draw .card-center{border-color:#5eb47c;background:linear-gradient(145deg,#143520,#091510)}.reward-cards .tactic-card{min-height:0;aspect-ratio:106/132}.reward-cards .card-center{height:43%}@keyframes cardSheen{to{background-position:100% 50%}}@keyframes cardRip{to{background-position:100% 100%;opacity:0}}@keyframes cardResolve{to{transform:translateY(-16px) scale(1.08);filter:brightness(1.45);opacity:.15}}