.cards-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.card-page-item{background:rgba(26,26,56,.95);border:2px solid var(--type-color,rgba(255,255,255,.06));border-radius:12px;padding:1rem;transition:all .3s ease;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.03);display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}.card-page-img{width:100%;height:auto;border-radius:6px;margin-bottom:.75rem;display:block}.card-page-item:hover{border-color:var(--type-color);transform:translateY(-6px);box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 20px color-mix(in srgb,var(--type-color) 30%,transparent)}.card-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.card-page-name{color:#e6e6e6;font-weight:600;font-size:1.2rem}.card-page-cost{background:#1a0a2e;color:#0ea5e9;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;border:2px solid #0ea5e9;flex-shrink:0}.card-page-badges{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.char-badge{background:#374151!important;color:#e5e7eb!important}.card-page-desc{color:#a8b2d1;font-size:.95rem;line-height:1.6;margin:.5rem 0;white-space:pre-line;flex-grow:1}.card-upgrade-toggle{margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-end}.card-upgrade-toggle .toggle-slider{width:36px;height:20px;border-radius:10px}.card-upgrade-toggle .toggle-slider:after{width:14px;height:14px}.card-upgrade-toggle .toggle-label input:checked+.toggle-slider:after{left:19px}.card-upgrade-toggle .toggle-text{font-size:.75rem;min-width:60px}