:root{color-scheme:dark;--bg-gradient: radial-gradient(circle at top right, rgba(80, 30, 150, .35), rgba(10, 14, 26, .92)), radial-gradient(circle at bottom left, rgba(0, 220, 255, .25), rgba(2, 9, 18, .96));--color-background: #05070d;--color-surface: rgba(14, 18, 30, .78);--color-panel: rgba(18, 24, 38, .72);--color-overlay: rgba(18, 22, 36, .6);--color-border: rgba(96, 165, 250, .3);--color-primary: #4ad6ff;--color-primary-strong: #15b9ff;--color-secondary: #a855f7;--color-accent: #ffe066;--color-success: #34eab9;--color-error: #ff6b9a;--color-warning: #ffb347;--color-text: #f5f8ff;--color-muted: #94a3c0;--color-line: rgba(148, 163, 208, .18);--shadow-elevated: 0 30px 60px rgba(8, 10, 18, .65);--shadow-soft: 0 12px 24px rgba(8, 10, 18, .35);font-family:Poppins,Inter,Segoe UI,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:var(--bg-gradient),var(--color-background);color:var(--color-text);display:flex;align-items:stretch;justify-content:center}#app{flex:1;display:flex;justify-content:center;padding:36px}.app-shell{width:clamp(320px,100%,1480px);display:flex;flex-direction:column;gap:28px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:26px 32px;border-radius:26px;background:linear-gradient(135deg,#161e30b8,#121a2cad);border:1px solid rgba(63,130,255,.22);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand-block{display:flex;gap:20px;align-items:center}.brand-logo{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:1.2rem;font-weight:700;letter-spacing:2px;background:linear-gradient(135deg,#4ad6ffd9,#a855f7e6);color:#05070d;box-shadow:0 10px 24px #4ad6ff66}.brand-meta{display:flex;flex-direction:column;gap:4px}.brand-title{font-weight:600;font-size:1.5rem;letter-spacing:.08em}.brand-subtitle{font-size:.85rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.24em}.deck-controls{display:flex;align-items:center;gap:28px}.deck-name-field{display:flex;flex-direction:column;gap:6px}.deck-name-field label{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-muted)}.deck-name-field input{min-width:220px;padding:12px 16px;border-radius:14px;border:1px solid rgba(74,214,255,.35);background:#070b14cc;color:var(--color-text);font-size:.95rem;transition:border-color .25s ease,box-shadow .25s ease}.deck-name-field input:focus{outline:none;border-color:#a855f799;box-shadow:0 0 0 4px #a855f72e}.toolbar{display:flex;gap:14px}.toolbar-btn{position:relative;padding:12px 18px 12px 46px;border:1px solid rgba(74,214,255,.35);border-radius:16px;background:linear-gradient(135deg,#0a101ee6,#162036bf);color:var(--color-text);font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.toolbar-btn:before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:.9rem;color:var(--color-primary)}.toolbar-btn[data-icon=plus]:before{content:"add";font-family:Material Symbols Outlined;font-size:1.2rem}.toolbar-btn[data-icon=save]:before{content:"save";font-family:Material Symbols Outlined;font-size:1.2rem}.toolbar-btn[data-icon=upload]:before{content:"upload";font-family:Material Symbols Outlined;font-size:1.2rem}.toolbar-btn[data-icon=download]:before{content:"download";font-family:Material Symbols Outlined;font-size:1.2rem}.toolbar-btn:hover{transform:translateY(-2px);border-color:#a855f78c;box-shadow:0 16px 28px #4ad6ff2e}.toolbar-btn:active{transform:translateY(0)}.main-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:28px;min-height:0}.panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:26px;padding:26px 30px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);display:flex;flex-direction:column;min-height:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.panel-title h2{font-size:1.25rem;letter-spacing:.12em;text-transform:uppercase}.panel-subtitle{display:block;font-size:.8rem;color:var(--color-muted);letter-spacing:.14em;text-transform:uppercase;margin-top:6px}.genesys-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid rgba(74,214,255,.4);background:linear-gradient(135deg,#4ad6ff2e,#a855f733);font-size:.85rem;letter-spacing:.08em}.pill-label{text-transform:uppercase;color:var(--color-muted)}.pill-value{font-weight:600;color:var(--color-primary)}.deck-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}.insight-card{position:relative;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#121a30f2,#0e1422d9);border:1px solid rgba(74,214,255,.16);box-shadow:inset 0 0 0 1px #4ad6ff14;overflow:hidden}.insight-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top,rgba(74,214,255,.15),transparent 55%);opacity:.8;pointer-events:none}.insight-label{display:block;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted)}.insight-value{position:relative;font-size:2rem;font-weight:600;color:var(--color-primary)}.deck-total{display:block;font-size:.9rem;color:var(--color-muted);margin-top:6px;letter-spacing:.12em;text-transform:uppercase}.deck-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;flex:1;min-height:0}.deck-group{display:flex;flex-direction:column;gap:16px;min-height:0}.deck-group-header{display:flex;justify-content:space-between;align-items:center;letter-spacing:.08em;text-transform:uppercase}.deck-group-header h3{font-size:.95rem;font-weight:500}.deck-counter{font-size:.85rem;color:var(--color-muted)}.deck-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;overflow-y:auto;padding-right:6px}.deck-empty{display:grid;place-items:center;min-height:180px;border-radius:18px;border:1px dashed rgba(148,163,208,.28);color:var(--color-muted);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.deck-card{position:relative;display:grid;grid-template-columns:76px auto;align-items:stretch;gap:14px;padding:14px;border-radius:18px;background:linear-gradient(160deg,#141a2af2,#0a0e1ad9);border:1px solid rgba(74,214,255,.18);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.deck-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;background:linear-gradient(135deg,#4ad6ffa6,#a855f78c) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.deck-card:hover{transform:translateY(-4px);border-color:#4ad6ff73;box-shadow:0 18px 32px #4ad6ff24}.deck-card:hover:before{opacity:.6}.deck-card-thumb{position:relative;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #4ad6ff26}.deck-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.deck-card-qty{position:absolute;right:8px;top:8px;padding:4px 8px;border-radius:999px;background:#05070dcc;border:1px solid rgba(74,214,255,.5);font-size:.75rem;font-weight:600}.deck-card-body{display:flex;flex-direction:column;gap:6px}.deck-card-name{font-size:.95rem;font-weight:600;letter-spacing:.04em}.deck-card-type{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.12em}.deck-card-points{align-self:flex-start;margin-top:auto;padding:4px 10px;border-radius:999px;background:#4ad6ff1f;color:var(--color-primary);font-size:.72rem;letter-spacing:.12em}.deck-card-actions{position:absolute;right:14px;bottom:14px;display:flex;gap:8px}.deck-card-btn{padding:6px 10px;border-radius:10px;border:1px solid rgba(148,163,208,.24);background:#070b14bf;color:var(--color-text);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:border-color .2s ease,background .2s ease}.deck-card-btn:hover{border-color:#4ad6ff8c;background:#4ad6ff2e}.deck-card-btn:active{transform:translateY(1px)}.search-panel{gap:22px}.search-bar{display:flex;gap:12px}.search-bar input{flex:1;padding:14px 18px;border-radius:16px;border:1px solid rgba(74,214,255,.32);background:#050912d1;color:var(--color-text);font-size:.95rem;transition:border-color .25s ease,box-shadow .25s ease}.search-bar input:focus{outline:none;border-color:#a855f7a6;box-shadow:0 0 0 4px #a855f729}.search-btn{padding:14px 20px;border-radius:16px;border:1px solid rgba(74,214,255,.4);background:linear-gradient(135deg,#4ad6ff38,#a855f738);color:var(--color-text);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.search-btn:hover{transform:translateY(-2px);box-shadow:0 18px 32px #4ad6ff33}.results-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.cards-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding-right:6px;overflow-y:auto}.search-card{position:relative;display:grid;grid-template-columns:80px auto;gap:16px;padding:16px;border-radius:18px;background:linear-gradient(160deg,#141828eb,#0c101cd9);border:1px solid rgba(74,214,255,.16);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.search-card:hover{transform:translateY(-4px);border-color:#a855f773;box-shadow:0 16px 26px #a855f72e}.search-card-thumb{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:2 / 3;box-shadow:inset 0 0 0 1px #4ad6ff1f}.search-card-thumb img{width:100%;height:100%;object-fit:cover}.search-card-level,.search-card-attribute{position:absolute;left:8px;padding:4px 7px;border-radius:999px;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;background:#05070dd1;border:1px solid rgba(74,214,255,.45)}.search-card-level{top:8px}.search-card-attribute{bottom:8px}.search-card-body{display:flex;flex-direction:column;gap:6px}.search-card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.search-card-title h5{font-size:.95rem;font-weight:600;letter-spacing:.04em}.search-card-points{padding:4px 10px;border-radius:999px;background:#a855f729;color:var(--color-secondary);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.search-card-type{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted)}.search-card-race{font-size:.78rem;color:#e7ecffc2}.search-card-stats{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary)}.search-card-add{position:absolute;right:14px;bottom:14px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(74,214,255,.32);background:#070b14d1;color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;display:grid;place-items:center;transition:border-color .2s ease,background .2s ease}.search-feedback{display:grid;place-items:center;padding:60px 20px;border-radius:18px;border:1px dashed rgba(148,163,208,.24);color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase}.search-feedback.loading .pulse{width:30px;height:30px;border-radius:50%;background:var(--color-primary);filter:blur(3px);animation:pulse 1.4s infinite ease-in-out;margin-bottom:16px}@keyframes pulse{0%,to{transform:scale(.6);opacity:.35}50%{transform:scale(1);opacity:.8}}.toast{position:fixed;top:32px;right:32px;padding:14px 20px;border-radius:14px;background:#0a0e18eb;border:1px solid rgba(74,214,255,.2);color:var(--color-text);letter-spacing:.04em;box-shadow:var(--shadow-soft);opacity:0;transform:translateY(-12px);transition:opacity .25s ease,transform .25s ease;z-index:2000}.toast-success{border-color:#34eab973}.toast-error{border-color:#ff6b9a73}.toast-info{border-color:#4ad6ff59}.toast.is-visible{opacity:1;transform:translateY(0)}.card-preview-overlay{position:fixed;pointer-events:none;top:0;left:0;transform:translate3d(-999px,-999px,0);opacity:0;transition:opacity .2s ease;z-index:3000}.card-preview-overlay.is-active{opacity:1;pointer-events:auto}.preview-shell{display:grid;position:relative;grid-template-columns:280px 400px;gap:24px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#101624c7,#0a0e18bf);border:1px solid rgba(74,214,255,.35);box-shadow:0 26px 52px #05070da6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:auto;max-width:90vw;max-height:85vh;overflow-y:auto}.preview-image{border-radius:18px;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px #4ad6ff40}.preview-image img{width:100%;height:auto;max-height:520px;object-fit:contain;display:block}.preview-content{display:flex;flex-direction:column;gap:16px}.preview-header{display:flex;flex-direction:column;gap:12px}.preview-name{font-size:1.2rem;font-weight:600;letter-spacing:.04em}.preview-chips{display:flex;flex-wrap:wrap;gap:8px}.preview-chip{padding:5px 10px;border-radius:999px;border:1px solid rgba(74,214,255,.4);background:#070b14d1;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}.preview-stats{display:inline-flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:#4ad6ff24;border:1px solid rgba(74,214,255,.28)}.preview-stat{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text)}.preview-stats .divider{width:1px;height:18px;background:#f5f8ff1f}.preview-desc{font-size:.82rem;color:#ebf0ffd1;line-height:1.6;max-height:none;overflow-y:visible}.count-full{color:var(--color-error)}.count-warning{color:var(--color-warning)}.count-normal{color:var(--color-muted)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#070b1480;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4ad6ff99,#a855f799);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4ad6ffcc,#a855f7cc)}@media (max-width: 1200px){.main-layout{grid-template-columns:1fr}.deck-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 980px){#app,.topbar,.panel{padding:20px}.deck-controls{flex-direction:column;align-items:flex-start;gap:18px}.deck-groups{grid-template-columns:1fr}.preview-shell{grid-template-columns:1fr;width:320px}}@media (max-width: 720px){body{align-items:flex-start}.app-shell{gap:20px}.topbar{flex-direction:column;gap:20px}.toolbar{flex-wrap:wrap}.search-bar{flex-direction:column}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 520px){.toolbar-btn{width:100%;text-align:center;padding-left:18px}.toolbar-btn:before{display:none}.deck-name-field input{width:100%}}:root{--color-panel-alt: rgba(28, 34, 52, .78)}.deck-rows{gap:24px}.deck-row{padding:18px 20px;border-radius:20px;background:var(--color-surface);border:1px solid rgba(74,214,255,.12)}.deck-row:nth-of-type(2n){background:var(--color-panel-alt)}.deck-row+.deck-row{border-top:1px solid rgba(148,163,208,.16);margin-top:6px}.deck-lane{padding:18px 10px 4px;background:linear-gradient(160deg,#141a2ae6,#0a0e1ad9)}.deck-avatar-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;align-content:start;padding:8px}.search-controls{display:flex;flex-direction:column;gap:16px}.search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;border:1px solid rgba(74,214,255,.32);background:#050912d1}.search-bar input{flex:1;border:none;background:transparent;color:var(--color-text);font-size:.95rem}.search-bar input:focus{outline:none}.search-icon{font-size:1.2rem;color:var(--color-primary)}.search-filter-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;justify-content:flex-end;align-items:center}.search-control-btn{flex:1 1 160px;padding:10px 16px;border-radius:12px;border:1px solid rgba(74,214,255,.32);background:#070b14d1;color:var(--color-text);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.search-control-btn:hover{border-color:#4ad6ff99;background:#4ad6ff33;transform:translateY(-1px)}.search-control-btn--icon{flex:0 0 auto;width:44px;height:44px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem}.search-control-btn--icon .material-symbols-outlined{font-size:1.6rem}.search-control-btn[aria-expanded=true]{border-color:#a855f773;background:#a855f72e;color:var(--color-secondary)}.search-control-btn[data-has-filters=true]:not([aria-expanded=true]){border-color:#a855f766;background:#a855f71f;color:var(--color-secondary)}.search-control-btn[data-has-filters=true]:not([aria-expanded=true]):hover{border-color:#a855f799;background:#a855f733}.search-control-btn--ghost{border-color:#94a3d052;background:#0a0c18c7;color:#e2e8f0e0}.search-control-btn--ghost:hover{border-color:#94a3d099;background:#94a3d02e}.search-filters{display:none;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;padding:16px;border-radius:16px;background:#05091299;border:1px solid rgba(74,214,255,.2)}.search-filters.is-visible{display:grid}.search-filters label{display:flex;flex-direction:column;gap:6px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted)}.search-filters select{padding:10px 14px;border-radius:12px;border:1px solid rgba(74,214,255,.28);background:#050912d1;color:var(--color-text);font-size:.85rem}.search-filters-footer{display:flex;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:1px solid rgba(74,214,255,.15)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-filters[hidden]{display:none!important}.search-results{max-height:520px;overflow-y:auto;padding-right:6px}.preview-desc{max-height:320px;overflow-y:auto;padding-right:6px}@media (max-width: 720px){.search-filter-actions{flex-direction:column}.search-control-btn{flex:1 1 auto}.search-filters{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.search-card-add{width:36px;height:36px;border-radius:12px;border:1px solid rgba(74,214,255,.32);background:#070b14d1;color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,background .2s ease}.search-card-add:hover{border-color:#4ad6ff99;background:#4ad6ff33}.deck-avatar{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:59 / 86;max-width:120px;min-width:80px;border:1px solid rgba(74,144,255,.2);box-shadow:0 4px 12px #0006;transition:transform .25s ease,box-shadow .25s ease;background-image:var(--bg-image);background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#05070dcc}.deck-avatar:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 32px #4a90ff40}.deck-avatar:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,7,13,.5) 0%,transparent 30%,transparent 60%,rgba(5,7,13,.9) 100%);-webkit-backdrop-filter:blur(1px) brightness(.9);backdrop-filter:blur(1px) brightness(.9)}.deck-avatar-image{position:absolute;z-index:2;top:8px;left:8px;right:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;border-radius:6px;box-shadow:0 4px 12px #00000080;opacity:.9}.deck-avatar-qty{position:absolute;z-index:3;top:12px;right:12px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#000000b3;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:.8rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.deck-avatar-score{position:absolute;z-index:3;bottom:8px;left:50%;transform:translate(-50%);padding:3px 8px;border-radius:99px;background:#000000b3;border:1px solid var(--color-secondary);color:var(--color-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:inline-flex;gap:3px;align-items:baseline;transition:opacity .2s ease,transform .2s ease}.deck-avatar-score-number{font-weight:600;font-size:.7rem}.deck-avatar-score-label{font-size:.5rem;text-transform:uppercase}.deck-avatar-actions{position:absolute;z-index:4;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.deck-avatar-action{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:#14141eb3;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;transition:all .2s ease}.deck-avatar-action:hover{background:var(--color-primary);color:#000;transform:scale(1.1)}.deck-avatar:hover .deck-avatar-score{opacity:0;transform:translate(-50%) translateY(6px)}.deck-avatar:hover .deck-avatar-actions{opacity:1;pointer-events:auto}.deck-avatar-toolbar{display:none}.card-preview-trigger{display:none;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid rgba(74,214,255,.32);background:#070b14d1;color:var(--color-text);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.deck-avatar-detail{margin-top:12px;width:100%;position:absolute;z-index:4;left:50%;transform:translate(-50%);bottom:36px}.search-card-detail{margin-top:12px;align-self:flex-start;grid-column:1 / -1}.deck-avatar:hover .deck-avatar-detail,.search-card:hover .search-card-detail{display:inline-flex}.card-preview-overlay.touch-mode{pointer-events:none;top:0;left:0;width:100%;height:100%;transform:translateZ(0);display:flex;justify-content:center;align-items:flex-end;padding:16px}.card-preview-overlay.touch-mode.is-touch-active{pointer-events:auto}.card-preview-overlay.touch-mode .preview-shell{width:min(520px,100%);max-height:85vh;overflow-y:auto;grid-template-columns:1fr;gap:18px}.card-preview-overlay.touch-mode .preview-image img{max-height:none}.preview-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(74,214,255,.35);background:#070b14d1;color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}.preview-close:hover{border-color:#4ad6ff99;background:#4ad6ff2e}.card-preview-overlay.touch-mode .preview-desc{max-height:none}@media (max-width: 1024px),(hover: none){.deck-avatar{gap:18px}.deck-avatar-actions{opacity:0;pointer-events:none}.search-card{grid-template-columns:80px auto}}