@import url("https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap");:root{--bg:#f1f5f9;--bg-gradient:radial-gradient(circle at 15% 15%,rgba(217,119,6,0.08),transparent 45%),radial-gradient(circle at 85% 85%,rgba(2,132,199,0.08),transparent 45%),#f1f5f9;--surface:rgba(255,255,255,0.95);--surface-solid:#ffffff;--surface-soft:#e2e8f0;--text:#0f172a;--muted:#475569;--accent:#b45309;--accent-glow:rgba(180,83,9,0.12);--accent-text:#ffffff;--accent-2:#0284c7;--accent-2-glow:rgba(2,132,199,0.15);--danger:#e11d48;--border:#cbd5e1;--border-hover:#94a3b8;--border-focus:#0284c7;--glass-bg:rgba(255,255,255,0.92);--glass-blur:blur(14px);--header-bg:rgba(255,255,255,0.96);--shadow-lg:0 4px 20px -2px rgba(15,23,42,0.08);--shadow-xl:0 16px 36px -12px rgba(15,23,42,0.12);--font-heading:"Sora",sans-serif;--font-body:"Manrope",sans-serif;--input-bg:#ffffff;--input-focus-bg:#ffffff;--card-item-bg:#ffffff;--theme-toggle-bg:#ffffff;--theme-toggle-border:#cbd5e1;--theme-toggle-text:#0f172a}html[data-theme=dark]{--bg:#070b13;--bg-gradient:radial-gradient(circle at 15% 15%,rgba(240,194,101,0.12),transparent 40%),radial-gradient(circle at 85% 85%,rgba(56,189,248,0.12),transparent 45%),#070b13;--surface:rgba(13,20,34,0.65);--surface-solid:#0c1220;--surface-soft:rgba(22,33,54,0.5);--text:#f3f5f8;--muted:#9eb0c5;--accent:#f0c265;--accent-glow:rgba(240,194,101,0.15);--accent-text:#000000;--accent-2:#38bdf8;--accent-2-glow:rgba(56,189,248,0.15);--danger:#f43f5e;--border:rgba(255,255,255,0.08);--border-hover:rgba(56,189,248,0.25);--border-focus:rgba(56,189,248,0.5);--glass-bg:rgba(10,16,28,0.6);--glass-blur:blur(12px);--header-bg:rgba(7,11,19,0.85);--shadow-lg:0 10px 30px -10px rgba(0,0,0,0.7);--shadow-xl:0 20px 40px -15px rgba(0,0,0,0.85);--input-bg:rgba(7,11,19,0.6);--input-focus-bg:rgba(7,11,19,0.85);--card-item-bg:#0c1220;--theme-toggle-bg:rgba(255,255,255,0.06);--theme-toggle-border:rgba(255,255,255,0.15);--theme-toggle-text:#f3f5f8}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-gradient);color:var(--text);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;line-height:1.5;transition:background-color .2s ease,color .2s ease}body{animation:fadeIn .35s cubic-bezier(.16,1,.3,1);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}a{color:var(--accent-2);text-decoration:none;transition:color .12s ease}a:hover{color:var(--accent)}.page-shell{width:min(1280px,100% - 2.5rem);margin:0 auto;padding:1.5rem 0 3rem}.header{position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--header-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);transition:background-color .2s ease,border-color .2s ease}.header-inner{width:min(1280px,100% - 2.5rem);margin:0 auto;justify-content:space-between;gap:1.25rem;height:70px;min-height:70px;flex-wrap:nowrap;white-space:nowrap}.brand-wrap,.header-inner{display:flex;align-items:center}.brand-wrap{gap:.75rem;text-decoration:none;cursor:pointer;flex-shrink:0}.brand-logo{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(217,119,6,.35));transition:transform .2s ease}.brand-wrap:hover .brand-logo{transform:scale(1.08) rotate(-3deg)}.brand{font-size:1.22rem;letter-spacing:.02em;font-weight:800;text-transform:uppercase;font-family:var(--font-heading);color:var(--accent)}.header-menu{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap}.menu-link{border:1px solid transparent;border-radius:99px;background:transparent;color:var(--muted);padding:.45rem 1rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:var(--font-body);white-space:nowrap}.menu-link:hover{color:var(--text);background:rgba(2,132,199,.08)}.menu-link-active{color:var(--text);border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 15px var(--accent-glow)}.topline-right{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.85rem;flex-shrink:0;flex-wrap:nowrap}.header-icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--theme-toggle-border);background:var(--theme-toggle-bg);color:var(--theme-toggle-text);font-size:1.15rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);position:relative;font-family:var(--font-body)}.header-icon-btn:hover{border-color:var(--accent);transform:translateY(-1.5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.header-icon-btn-active{border-color:var(--accent-2);background:var(--accent-2-glow)}.user-online-badge{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#10b981;border:2px solid var(--surface-solid)}.panel{border:1px solid var(--border);border-radius:20px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-xl);padding:1.75rem;margin-bottom:1.5rem}.panel-tight{padding:1.25rem 1.75rem;margin-bottom:.75rem}.panel h2{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;letter-spacing:-.01em;margin-bottom:.5rem;color:var(--text)}.panel p{color:var(--muted);font-size:.95rem;margin-bottom:1.25rem;text-wrap:pretty}.landing{display:grid;grid-gap:1.5rem;gap:1.5rem;margin-top:1rem}.landing-hero{position:relative;overflow:hidden;border-color:rgba(240,194,101,.3);background:radial-gradient(circle at top left,rgba(240,194,101,.1),transparent 45%),var(--glass-bg);padding:2.5rem}.landing-hero:before{top:-20%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(240,194,101,.08),transparent 70%)}.landing-hero:after,.landing-hero:before{content:"";position:absolute;pointer-events:none}.landing-hero:after{bottom:-30%;right:-10%;width:450px;height:450px;background:radial-gradient(circle,rgba(56,189,248,.08),transparent 70%)}.landing-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:.8rem;margin-bottom:.5rem!important}.landing-hero h1{margin:.5rem 0 1rem;font-size:clamp(2rem,4vw,3rem);font-family:var(--font-heading);line-height:1.15;letter-spacing:-.02em;font-weight:800;background:linear-gradient(135deg,var(--text) 40%,var(--muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-hero p{font-size:1.1rem;max-width:60ch;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.feature-card{border:1px solid var(--border);border-radius:18px;background:var(--surface-solid);padding:1.5rem;box-shadow:var(--shadow-lg);transition:all .25s ease}.feature-card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.25);box-shadow:0 12px 30px rgba(0,0,0,.4)}.feature-card h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;margin-bottom:.5rem;color:var(--accent-2)}.feature-card p{font-size:.9rem;color:var(--muted);line-height:1.5;margin-bottom:0}.landing-card-strip{margin:1.5rem 0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.landing-thumb{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-lg);transition:all .3s ease}.landing-thumb:hover{transform:scale(1.04) rotate(1deg);border-color:var(--accent);box-shadow:0 15px 35px rgba(240,194,101,.2)}.landing-links{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem}.channel-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:99px;padding:.4rem .85rem;background:rgba(255,255,255,.03);color:var(--muted);font-size:.85rem;font-weight:600;transition:all .18s ease}.channel-pill:hover{color:var(--text);border-color:var(--accent-2);background:rgba(56,189,248,.05);transform:translateY(-1px)}.channel-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.65rem;font-weight:700;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);color:var(--accent-2)}.form-grid{display:grid;grid-gap:.75rem;gap:.75rem;margin:1rem 0}.form-grid-2{grid-template-columns:1.5fr auto}.form-grid-3{grid-template-columns:repeat(3,1fr)}input,select{width:100%;padding:.65rem .9rem;border-radius:12px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-family:var(--font-body);font-size:.92rem;transition:all .18s ease}input:focus,select:focus{outline:none;border-color:var(--border-focus);background:var(--input-focus-bg);box-shadow:0 0 12px var(--accent-2-glow)}input:disabled,select:disabled{opacity:.45;cursor:not-allowed}.hint-box{border:1px dashed var(--border);border-radius:12px;padding:.75rem 1rem;color:var(--muted);font-size:.88rem}.hint-box,.inline-actions{display:flex;align-items:center}.inline-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem}.inline-actions-compact{gap:.5rem;margin-top:.5rem}.action{border:1px solid rgba(56,189,248,.5);border-radius:12px;background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:all .15s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px rgba(3,105,161,.25)}.action:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 6px 16px rgba(3,105,161,.4);border-color:var(--accent-2)}.action:active:not(:disabled){transform:translateY(0)}.action:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.action-subtle{background:rgba(255,255,255,.04);border-color:var(--border);color:var(--muted);box-shadow:none}.action-subtle:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:var(--muted);color:var(--text);box-shadow:none}.mini-action{border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.04);color:var(--muted);height:32px;padding:0 .75rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .12s ease;display:inline-flex;align-items:center;justify-content:center}.mini-action:hover:not(:disabled){border-color:var(--muted);background:rgba(255,255,255,.08);color:var(--text)}.mini-action-wide{min-width:48px}.mini-danger{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.2);color:var(--danger)}.mini-danger:hover{background:rgba(244,63,94,.2)!important;border-color:var(--danger)!important;color:#fff!important}.status-line{font-size:.9rem;color:var(--accent-2);margin-top:.5rem}.status-success{color:#10b981}.status-error{color:var(--danger)}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0;background:rgba(255,255,255,.02);padding:.5rem;border-radius:99px;border:1px solid var(--border);width:-moz-fit-content;width:fit-content;margin-inline:auto}.pagination-meta{color:var(--muted);font-size:.85rem;font-weight:600}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:1.25rem 0}.stat-box{border:1px solid var(--border);border-radius:16px;background:var(--surface-soft);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.8rem;letter-spacing:.05em}.stat-box strong{font-size:1.5rem;font-weight:700;color:var(--text);font-family:var(--font-heading)}.filters{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.85rem;gap:.85rem;padding:1.25rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft);margin-top:1rem;animation:slideDown .22s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filters label{font-size:.8rem;color:var(--muted);margin-bottom:.35rem;display:block;font-weight:600}.cards-grid{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1.25rem;gap:1.25rem}.card-item{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--card-item-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all .25s cubic-bezier(.16,1,.3,1)}.card-item:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .25s ease}.card-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:rgba(56,189,248,.3)}.card-item:hover:before{background:linear-gradient(135deg,rgba(56,189,248,.4),transparent 60%)}.card-item-muted{opacity:.45;filter:grayscale(.5)}.card-item-muted:hover{opacity:.75;filter:grayscale(.2)}.card-image{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#090e18;border-bottom:1px solid var(--border);transition:transform .3s ease}.card-item:hover .card-image{transform:scale(1.02)}.card-body{padding:1rem}.card-title{font-family:var(--font-heading);font-weight:600;font-size:.95rem;line-height:1.3;margin-bottom:.4rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-body .meta{font-size:.8rem;color:var(--muted);display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.badge{font-size:.7rem;padding:.2rem .5rem;border-radius:99px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.03);color:var(--muted);font-weight:500}.badge-source{border-color:rgba(56,189,248,.2);color:#e0f2fe;background:rgba(3,105,161,.25)}.card-body .inline-actions{margin-top:.85rem;display:flex;gap:.4rem}.card-body .inline-actions button{flex:1 1;padding:.4rem .5rem;font-size:.76rem;border-radius:8px}.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.list-card{border:1px solid var(--border);border-radius:16px;background:var(--card-item-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .15s ease}.list-card:hover{border-color:var(--border-hover)}.deck-row-header{display:flex;align-items:center;gap:.75rem}.deck-thumb{width:48px;height:68px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:#090e18}.deck-row-header h4{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--text)}.deck-row-header p{font-size:.8rem;color:var(--muted);margin-bottom:0}.collection-chip-grid{margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:.75rem;gap:.75rem}.collection-chip-row{display:flex;gap:.4rem;align-items:stretch}.collection-chip{flex:1 1;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--text);padding:.65rem .85rem;text-align:left;display:flex;flex-direction:column;gap:.2rem;cursor:pointer;transition:all .15s ease;font-family:var(--font-body)}.collection-chip span{font-size:.9rem;font-weight:600}.collection-chip small{color:var(--muted);font-size:.75rem}.collection-chip:hover{border-color:var(--border-hover);background:var(--surface-solid)}.collection-chip-active{border-color:var(--accent-2);background:var(--accent-2-glow);box-shadow:0 0 10px var(--accent-2-glow)}.chip-delete{border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--muted);width:38px;display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.chip-delete:hover{color:#fff;border-color:rgba(244,63,94,.4);background:rgba(244,63,94,.15)}.collection-chip-row-active .chip-delete{border-color:rgba(56,189,248,.25)}.compact-details{margin:1rem 0;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);padding:.75rem 1rem;transition:all .18s ease}.compact-details>summary{cursor:pointer;color:var(--muted);font-size:.88rem;font-weight:600;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compact-details>summary:hover{color:var(--text)}.compact-details[open]>summary{margin-bottom:.75rem;color:var(--accent-2)}.panel-subsection{border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin:1rem 0;background:var(--surface-soft)}.panel-subsection h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:var(--text)}.toggle-line{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem;margin:.5rem 0;cursor:pointer}.toggle-line input[type=checkbox]{width:auto}.auth-shell{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:2rem;gap:2rem;position:relative;overflow:hidden;align-items:center}.auth-aside{border:1px solid var(--border);border-radius:20px;padding:2.25rem;background:var(--surface-soft);display:flex;flex-direction:column;gap:1rem}.auth-aside h2{font-size:2rem;line-height:1.25;font-family:var(--font-heading);font-weight:700}.auth-points{margin-top:1rem;display:grid;grid-gap:.65rem;gap:.65rem}.auth-points span{border:1px solid var(--border);border-radius:99px;padding:.5rem 1rem;color:var(--text);font-size:.88rem;font-weight:600}.auth-panel,.auth-points span{background:var(--surface-solid)}.auth-panel{border:1px solid var(--border);border-radius:20px;padding:2.25rem}.auth-panel h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;font-family:var(--font-heading)}.auth-subtitle{font-size:.92rem;color:var(--muted);margin-bottom:1.5rem}.auth-fields{display:grid;grid-gap:.85rem;gap:.85rem;margin-bottom:1.5rem}.auth-status-wrap{grid-column:1/-1;border-top:1px solid var(--border);padding-top:1rem;text-align:center;color:var(--muted)}.toast{position:fixed;right:1.5rem;bottom:1.5rem;z-index:100;border:1px solid var(--border);border-radius:12px;background:var(--surface-solid);color:var(--text);padding:.75rem 1.25rem;box-shadow:var(--shadow-xl);font-weight:600;font-size:.9rem;animation:slideUpToast .25s cubic-bezier(.16,1,.3,1)}@keyframes slideUpToast{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-color:rgba(16,185,129,.3);background:rgba(6,78,59,.85)}.toast-error,.toast-success{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.toast-error{border-color:rgba(244,63,94,.3);background:rgba(136,19,55,.85)}.toast-info{border-color:rgba(56,189,248,.3);background:rgba(12,74,110,.85);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.modal-backdrop{position:fixed;inset:0;z-index:90;background:rgba(3,7,18,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem;animation:fadeInBackdrop .18s ease}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.modal-card{width:min(500px,100%);border:1px solid var(--border);border-radius:20px;background:var(--surface-solid);padding:1.5rem;box-shadow:var(--shadow-xl);animation:modalReveal .24s cubic-bezier(.34,1.56,.64,1)}@keyframes modalReveal{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-card h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.modal-card p{color:var(--muted);font-size:.95rem;margin-bottom:1.5rem}.builder-split-pane{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1.1fr);grid-gap:1.5rem;gap:1.5rem;align-items:start}@media (max-width:1024px){.auth-shell,.feature-grid{grid-template-columns:1fr}.auth-shell{gap:1.5rem}.builder-split-pane{grid-template-columns:1fr}}@media (max-width:768px){.page-shell{width:min(1280px,100% - 1.5rem);padding:1rem 0 2rem}.header-inner{flex-direction:column;align-items:flex-start;padding:.75rem 0;gap:.75rem}.header-menu{width:100%;justify-content:flex-start}.topline-right{width:100%;justify-content:space-between}.filters,.landing-card-strip{grid-template-columns:repeat(2,1fr)}.form-grid-3,.stats-row{grid-template-columns:1fr}}@media (max-width:480px){.filters{grid-template-columns:1fr}.landing-hero{padding:1.5rem}.feature-card{padding:1.25rem}.landing-card-strip{grid-template-columns:1fr}}.category-panel{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface-soft);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all .2s ease;margin-bottom:.5rem}.category-panel:hover{border-color:var(--accent);background:var(--surface-solid)}.category-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:var(--surface-solid);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease}.category-header:hover{background:var(--surface-soft)}.category-body{padding:.75rem .65rem;background:var(--surface)}.card-item{box-shadow:0 4px 20px -2px rgba(0,0,0,.4)}.card-item:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 15px 30px -5px rgba(0,0,0,.8),0 0 25px rgba(56,189,248,.22);border-color:rgba(56,189,248,.45)}.action{position:relative;overflow:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 10px rgba(56,189,248,.05)}.action:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(56,189,248,.25),0 0 0 1px rgba(56,189,248,.2)}.action:active{transform:translateY(0)}.auth-panel input{transition:all .2s ease}.auth-panel input:focus{border-color:rgba(240,194,101,.5);box-shadow:0 0 15px rgba(240,194,101,.2)}.card-image-landscape{object-fit:contain!important;background-color:#0c121e!important}.card-item{position:relative}.card-zoom-btn{position:absolute;top:8px;right:8px;z-index:10;width:28px;height:28px;border-radius:50%;background:rgba(15,23,42,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:auto;transition:opacity .2s ease,background .2s ease,transform .2s ease,border-color .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.5)}.card-item:hover .card-zoom-btn{opacity:1}.card-zoom-btn:hover{background:rgba(15,23,42,.95);transform:scale(1.12);border-color:var(--accent);color:var(--accent)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(4,7,12,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .25s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-detail-modal{position:relative;background:var(--surface-solid);border:1.5px solid var(--accent);box-shadow:var(--shadow-xl);border-radius:16px;width:100%;max-width:820px;max-height:90vh;overflow-y:auto;padding:2.25rem 2rem;color:var(--text);animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:16px;right:18px;background:none;border:none;color:var(--muted);font-size:1.75rem;cursor:pointer;transition:color .15s ease;line-height:1}.modal-close-btn:hover{color:var(--accent)}.card-detail-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:640px){.card-detail-grid{grid-template-columns:280px 1fr}}.card-detail-image-pane{display:flex;justify-content:center;align-items:flex-start}.card-detail-img{width:100%;max-width:280px;height:auto;border-radius:12px;border:1px solid var(--border);box-shadow:0 8px 30px rgba(0,0,0,.7);background:#090e18}.card-detail-info-pane{display:flex;flex-direction:column;gap:1.15rem}.card-detail-title{font-family:var(--font-heading);font-size:1.85rem;font-weight:700;margin:0;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:.5rem}.card-detail-meta{font-size:.92rem;color:var(--muted);font-weight:500}.card-detail-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{font-size:.72rem;font-weight:600;padding:.25rem .6rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-soft);border:1px solid var(--border);color:var(--text)}.badge-type{border-color:rgba(56,189,248,.3);color:#0284c7;background:rgba(56,189,248,.08)}.badge-rarity{border-color:rgba(240,194,101,.3);color:var(--accent);background:var(--accent-glow)}.badge-domain.domain-calm{border-color:rgba(34,197,94,.3);color:#16a34a;background:rgba(34,197,94,.08)}.badge-domain.domain-might{border-color:rgba(239,68,68,.3);color:#dc2626;background:rgba(239,68,68,.08)}.card-detail-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.stat-pill{display:flex;align-items:center;gap:.5rem;background:var(--surface-soft);border:1.2px solid var(--border);padding:.45rem .85rem;border-radius:8px;font-size:.88rem}.stat-icon{font-size:1rem}.stat-label{color:var(--muted);font-size:.76rem;text-transform:uppercase;font-weight:600}.stat-value{font-weight:700;color:var(--text);font-size:.98rem}.card-detail-text-box{background:var(--surface-soft);border:1px solid var(--border);padding:1rem 1.2rem;border-radius:8px;font-size:.92rem;line-height:1.5;color:var(--text)}.card-detail-text-box p{margin:0}.card-detail-text-box .flavour{margin-top:.65rem;font-style:italic;color:var(--muted);font-size:.84rem;border-top:1px dashed var(--border);padding-top:.5rem}.card-detail-tags{font-size:.82rem;color:var(--muted)}.tag-chip{display:inline-block;background:rgba(255,255,255,.05);padding:.15rem .45rem;border-radius:4px;margin-left:.35rem;color:var(--text);font-size:.76rem}.card-detail-artist{margin-top:auto;font-size:.78rem;color:var(--muted);font-style:italic;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.category-panel.drag-over{border-color:var(--accent)!important;box-shadow:0 0 15px rgba(240,194,101,.2);background:rgba(240,194,101,.03)!important}.category-panel.sideboard-panel{border:1px dashed rgba(240,194,101,.25)}.category-panel.sideboard-panel.drag-over{border:1.5px solid var(--accent)}.card-detail-modal-landscape{max-width:900px!important}.card-detail-grid-landscape{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.card-detail-grid-landscape .card-detail-image-pane{width:100%;display:flex;justify-content:center}.card-detail-grid-landscape .card-detail-img{width:100%;max-width:580px!important;height:auto;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.85);background:#090e18}.card-detail-grid-landscape .card-detail-info-pane{width:100%;display:flex;flex-direction:column;gap:1.15rem}