[data-card-design=aurora]{--accent:#89ebc7;--line:#4f877b;--surface:#142d2b;background:linear-gradient(145deg,#12252c,#21483b)!important}
[data-card-design=sunset]{--accent:#ffc394;--line:#965b69;--surface:#36202c;background:linear-gradient(145deg,#482432,#34203f)!important}
[data-card-design=midnight]{--accent:#a8bbff;--line:#50618e;--surface:#151e36;background:linear-gradient(145deg,#111a30,#253254)!important}
.card-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start;margin:28px 0 60px}.card-editor-controls{min-width:0}.card-editor-controls fieldset{border:1px solid var(--line);padding:22px;margin:0 0 24px}.card-editor-controls legend{padding:0 8px}.card-editor-options{display:flex;gap:12px;flex-wrap:wrap}.card-editor-options label{display:flex;gap:8px;align-items:center;margin:0;padding:12px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.card-editor-options input{width:auto;margin:0}.card-editor-options label:has(input:checked){border-color:var(--accent);background:#b7c5ff18}.card-editor-preview{padding:20px;border:1px solid var(--line);border-radius:12px;max-width:320px;width:100%;text-align:center}.card-editor-preview button{display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:9px;width:100%;min-height:290px;cursor:pointer}.card-editor-preview img{width:140px;height:280px;object-fit:contain;image-rendering:pixelated}.card-editor-preview button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card-editor-preview:focus-within,.card-editor-preview:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card-editor-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.card-customize{display:inline-flex;padding:12px 18px;border:1px solid var(--line);color:var(--accent);margin:12px 0;border-radius:8px}.card-customize:hover{border-color:var(--accent)}
@media(max-width:700px){.card-editor-grid{grid-template-columns:1fr}.card-editor-preview{grid-row:1;justify-self:center}.card-editor-controls fieldset{padding:16px}}

.recommended-players li[data-card-design]>a:hover{background:transparent}