.shape-wide{grid-column:span 2}.shape-tall{grid-row:span 2}.shape-big{grid-area:span 2/span 2}.card{background:var(--card);border:var(--bw) solid var(--ink);min-width:0;min-height:0;box-shadow:var(--sh-m);flex-direction:column;transition:transform .15s ease-out,box-shadow .15s ease-out;display:flex;position:relative}.card:hover,.card:focus-within{box-shadow:var(--sh-l);transform:translate(-3px,-3px)}.card-art{flex:1;min-height:0;padding:12px 12px 4px}.card-art svg{width:100%;height:100%;display:block}.card-label{border-top:var(--bw) solid var(--ink);flex-direction:column;gap:6px;padding:10px 14px 13px;display:flex}.card h3{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:1.04rem;font-weight:700;line-height:1.18}.shape-big h3{letter-spacing:-.025em;font-size:1.55rem}.card-link{text-decoration:none}.card-link:after{content:"";z-index:1;position:absolute;inset:0}.card-link:focus-visible{outline:none}.card:has(.card-link:focus-visible){outline:3px solid var(--ink);outline-offset:5px}.save-btn{z-index:2;border:2px solid var(--ink);background:var(--card);width:40px;height:40px;box-shadow:none;cursor:pointer;place-items:center;transition:transform .1s ease-out,box-shadow .1s;display:grid;position:absolute;top:10px;right:10px}.save-btn:active{box-shadow:none;transform:translate(2px,2px)}.save-btn svg{width:18px;height:18px}.sticker{z-index:2;background:var(--red);border:var(--bw) solid var(--ink);box-shadow:var(--sh-s);letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;font-size:.75rem;font-weight:700;position:absolute;top:-14px;left:-12px;transform:rotate(-4deg)}@media (width<=600px){.card{box-shadow:3px 3px 0 var(--ink)}.card h3{font-size:.9rem}.shape-big h3{font-size:1.2rem}.card-label{padding:8px 10px 10px}.shape-sq .chip,.shape-tall .chip{display:none}.card-art{padding:8px 8px 2px}.save-btn{width:34px;height:34px;top:6px;right:6px}}@media (prefers-reduced-motion:reduce){.card:hover,.card:focus-within{transform:none}}
