@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Inter:wght@300;400;500;600;700&display=swap');
:root{color-scheme:dark;--gold:#f59e0b;--gold-light:#fbbf24;--border:rgba(234,179,8,.2);--panel:linear-gradient(145deg,rgba(15,10,30,.96),rgba(5,5,15,.98))}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#1a0a2e 0%,#0d0d1a 40%,#000 100%);background-attachment:fixed;color:#e5e7eb;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6}h1,h2,.duel-brand{font-family:Cinzel,Georgia,serif}h1{letter-spacing:.035em}a,button,input,select,textarea{transition:background .2s,border-color .2s,box-shadow .2s,color .2s}button,summary{cursor:pointer}img{max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}input:not([type=hidden]):not([type=checkbox]),select,textarea{padding:.7rem .85rem;border:1px solid #ffffff1a;border-radius:.65rem;background:#ffffff0a!important;color:#e5e7eb;min-height:44px;max-width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)!important;box-shadow:0 0 0 3px #f59e0b14}input::placeholder{color:#858193}select option{background:#100b20}input[type=checkbox]{accent-color:var(--gold)}label{font-size:.8rem;color:#b3afc0}label input,label select,label textarea{margin-top:.5rem}button{min-height:40px}form.flex>input:not([type=hidden]){min-width:0}
.star-field{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(1px 1px at 12% 18%,#ffffff70 50%,transparent),radial-gradient(1px 1px at 62% 42%,#ffffff50 50%,transparent),radial-gradient(1px 1px at 38% 80%,#ffffff40 50%,transparent);background-size:310px 270px,430px 390px,510px 450px}
.duel-nav{position:relative;z-index:30;background:linear-gradient(180deg,#0f0a1e,#080812);border-bottom:1px solid var(--border)}.nav-inner{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 24px;min-height:76px}.duel-brand{font-weight:900;font-size:1.2rem;letter-spacing:.13em;color:var(--gold-light);white-space:nowrap}.duel-brand span{display:block;font-family:Inter,sans-serif;font-size:.5rem;letter-spacing:.28em;color:#93909f}.nav-public,.nav-actions{display:flex;align-items:center;gap:20px}.nav-public a,.nav-actions>a{font-size:.8rem}.duel-nav a:hover{color:var(--gold-light)}.avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid #f59e0b55;border-radius:50%;background:#f59e0b12;color:var(--gold-light);font-weight:700}.user-menu{position:relative}.user-menu summary{display:flex;align-items:center;gap:8px;list-style:none}.user-menu summary::-webkit-details-marker{display:none}.user-name{font-size:.75rem;color:#b5aec5}.user-dropdown{position:absolute;right:0;top:calc(100% + 15px);width:225px;background:#0c0819;border:1px solid var(--border);border-radius:12px;box-shadow:0 15px 45px #0009;overflow:hidden}.user-dropdown p{padding:15px;border-bottom:1px solid var(--border);color:#9ca3af}.user-dropdown a,.logout-button{display:block;width:100%;padding:10px 16px;text-align:left;font-size:.8rem}.user-dropdown a:hover{background:#f59e0b12}.logout-button{color:#f87171;border-top:1px solid var(--border)}
.collection-sidebar{position:fixed;top:76px;bottom:0;left:0;width:240px;background:linear-gradient(180deg,#0f0a1e,#080812 60%,#020208);border-right:1px solid var(--border);z-index:25;overflow-y:auto;display:flex;flex-direction:column}.sidebar-heading{text-align:center;padding:28px 20px 20px;border-top:2px solid #f59e0b88}.sidebar-heading h2{font-size:1rem;font-weight:900;letter-spacing:.2em;color:var(--gold-light)}.sidebar-heading p{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:#96909f;margin:4px 0 18px}.collection-sidebar nav{padding:0 12px}.sidebar-nav-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border:1px solid transparent;border-radius:12px;color:#b8b3c3;font-size:.8rem;margin-bottom:4px}.sidebar-nav-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #eab30829;border-radius:8px;background:#eab30812;color:var(--gold);font-size:1.1rem}.sidebar-nav-item:hover,.sidebar-nav-item[aria-current=page]{background:#eab30812;border-color:#eab30826;color:var(--gold-light)}.sidebar-bottom{margin-top:auto;padding:24px 20px}.sidebar-bottom p{font-size:.65rem;color:#8a8299;text-align:center;margin-top:16px}.has-sidebar .site-main{margin-left:240px;max-width:none;padding:36px clamp(16px,3vw,48px)}.has-sidebar footer{margin-left:240px}.sidebar-toggle{display:none;background:#eab30812;color:var(--gold);border:1px solid var(--border);border-radius:8px;width:40px}.sidebar-backdrop{position:fixed;inset:0;background:#0009;z-index:24;width:100%;height:100%}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#fbbf24;color:#100b20;padding:10px}.skip-link:focus{top:10px}
.hero-duel{text-align:center;background:radial-gradient(ellipse at 30% 50%,#7c3aed20,transparent 55%),radial-gradient(ellipse at 70% 50%,#d977061c,transparent 55%),linear-gradient(180deg,#1a0a2ed9,#080514eb);border-block:1px solid var(--border);box-shadow:0 20px 60px #0004}.hero-duel h1{max-width:820px;margin-inline:auto;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.25}.hero-duel p{margin-inline:auto}.hero-badge{display:inline-block;border:1px solid #eab30861;background:#eab30819;padding:6px 18px;border-radius:999px}.eyebrow{letter-spacing:.22em;color:var(--gold-light);font-size:.65rem;font-weight:600;text-transform:uppercase}.gold-text{background:linear-gradient(135deg,#d97706,#f59e0b,#fbbf24,#f59e0b,#d97706);background-clip:text;-webkit-background-clip:text;color:transparent}.gold-line{height:1px;background:linear-gradient(90deg,transparent,#f59e0b88,transparent)}.btn-gold,.bg-indigo-600,.bg-indigo-700{background:linear-gradient(135deg,#d97706,#f59e0b 40%,#fbbf24 60%,#d97706)!important;color:#1a0a1e!important;font-weight:700;border:1px solid #fbbf2455}.btn-gold:hover,.bg-indigo-600:hover,.bg-indigo-700:hover{box-shadow:0 0 22px #fbbf243d;filter:brightness(1.08)}.duel-panel,.bg-slate-900,.stat-card{background:var(--panel)!important;border:1px solid var(--border)!important;box-shadow:0 4px 20px #0007}.duel-panel,.collection-card,.catalog-card{transition:transform .25s,border-color .25s,box-shadow .25s}.duel-panel:hover,.collection-card:hover,.catalog-card:hover{border-color:#eab3086b!important;box-shadow:0 8px 30px #0009,0 0 22px #eab30814}.text-indigo-300,.text-indigo-400,.text-amber-300{color:var(--gold-light)!important}.border-slate-800{border-color:#eab3081f!important}.page-link{display:inline-block;padding:.55rem .85rem;border:1px solid var(--border);border-radius:.5rem;background:#0f0a1e;color:#b8b3c3}.page-link:hover,.page-active{background:#eab3081a;border-color:var(--gold);color:var(--gold-light)}.search-panel{background:#0a0519a6;border:1px solid #eab30840;border-radius:16px;padding:12px;backdrop-filter:blur(16px)}.collection-card{overflow:hidden;display:flex;flex-direction:column;border-radius:16px}.card-art{background:radial-gradient(ellipse,#25153e88,transparent 75%);padding:20px;position:relative}.card-art img{height:245px;object-fit:contain;margin:auto;filter:drop-shadow(0 6px 12px #0008)}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.card-body h3{line-height:1.5;min-height:2.8em}.card-meta{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.card-chip{border:1px solid #ffffff14;background:#ffffff08;border-radius:6px;padding:3px 8px;font-size:.65rem;color:#b5b0c0}.rarity-badge{color:#fbbf24;border-color:#fbbf2444;background:#eab30812}.owner-badge{position:absolute;top:12px;right:12px}.card-price{font-size:1.15rem;color:var(--gold-light);font-weight:700;margin:14px 0}.card-actions{margin-top:auto;padding-top:12px;border-top:1px solid #eab3081a}.card-actions form{display:flex;gap:8px;flex-wrap:wrap}.card-actions a,.card-actions button{font-size:.75rem}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.stat-card{padding:22px;border-radius:16px}.stat-card span{font-size:.65rem;color:#a49aac;letter-spacing:.1em;text-transform:uppercase}.stat-card strong{display:block;font-size:1.9rem;margin-top:12px;color:#f3f4f6}.stat-card small{color:#97909f;font-size:.7rem}.empty-state{padding:48px 24px;text-align:center;background:var(--panel);border:1px dashed var(--border);border-radius:16px;color:#a49aac}.auth-wrap{max-width:440px;margin:40px auto}.auth-heading{text-align:center;margin-bottom:26px}.auth-heading h1{font-size:1.75rem;font-weight:900}.auth-card{border-radius:18px;overflow:hidden}.auth-card form{padding:30px}.auth-card label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.auth-card label input{text-transform:none;letter-spacing:normal}.auth-card .gold-line{height:2px}.error-banner{padding:16px;border:1px solid #f8717155;background:#7f1d1d33;border-radius:12px;color:#fecaca}footer{position:relative;color:#81788d;font-size:.65rem;text-align:center;padding:30px 16px;border-top:1px solid var(--border)}
@media(max-width:1024px){.user-name{display:none}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-inner{gap:12px}.nav-actions{gap:12px}.collection-sidebar{width:215px}.has-sidebar .site-main,.has-sidebar footer{margin-left:215px}}
@media(max-width:767px){.nav-inner{padding:12px 16px;flex-wrap:wrap;gap:10px}.duel-brand{font-size:1rem}.nav-public{gap:12px}.nav-actions{gap:10px}.nav-cart{display:none}.collection-sidebar{top:0;z-index:40;width:260px;transform:translateX(-100%);transition:transform .2s}.sidebar-open .collection-sidebar{transform:translateX(0)}.sidebar-toggle{display:block}.has-sidebar .site-main,.has-sidebar footer{margin-left:0}.site-main{padding-top:24px}.hero-duel{padding:32px 18px!important}.stat-card{padding:16px}.card-art img{height:215px}.nav-public a,.nav-actions>a{font-size:.7rem}.auth-wrap{margin:16px auto}.auth-card form{padding:24px}.wishlist-form{flex-wrap:wrap}.inventory-add-search input[name="q"]{flex:0 0 100%;width:100%;min-width:0;max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.confirmation-modal{padding:0;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#0f0a1e,#05050f);color:#e5e7eb;box-shadow:0 24px 90px #000a;overflow:auto}.confirmation-modal::backdrop{background:#020208c9;backdrop-filter:blur(5px)}.confirmation-content{padding:28px}.confirmation-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border:1px solid var(--border);border-radius:14px;background:#eab30812;color:var(--gold-light);font-size:28px}.confirmation-content h2{font-size:1.2rem;font-weight:700;margin:0 0 12px}.confirmation-content p{font-size:.9rem;color:#b8b3c3;line-height:1.7;overflow-wrap:anywhere}.confirmation-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.confirmation-actions button{padding:10px 18px;border-radius:10px;font-size:.8rem}.confirmation-cancel{background:#ffffff08;border:1px solid #ffffff20;color:#d1d5db}.confirmation-cancel:hover{background:#ffffff12}.confirmation-actions .confirmation-danger{background:linear-gradient(135deg,#991b1b,#b91c1c)!important;border-color:#f8717155;color:#fff!important}.confirmation-actions .confirmation-danger:hover{box-shadow:0 0 20px #ef444425}@media(max-width:480px){.confirmation-content{padding:22px}.confirmation-actions{flex-direction:column-reverse}.confirmation-actions button{width:100%}}

/* Cart feedback */
.cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;margin-left:.35rem;border-radius:999px;background:#fbbf24;color:#151118;font-size:.75rem;font-weight:800}
.cart-toast{position:fixed;right:1rem;bottom:1rem;z-index:1000;max-width:min(26rem,calc(100vw - 2rem));padding:1rem 1.25rem;border:1px solid #fbbf24;border-radius:.85rem;background:#151b29;color:#fff;box-shadow:0 12px 35px #0008}
.cart-toast[hidden]{display:none}
.cart-toast.is-error{border-color:#fb7185}
.cart-count-updated{animation:cart-count-pop .35s ease-out}
@keyframes cart-count-pop{50%{transform:scale(1.3)}}
@media(prefers-reduced-motion:reduce){.cart-count-updated{animation:none}}

.card-view-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.card-viewer-open{overflow:hidden}
.card-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:64px 16px 16px;border:0;background:#080812f5;color:#e5e7eb;overflow:hidden}
.card-viewer::backdrop{background:#000d}
.card-viewer-close{position:absolute;top:12px;right:16px;padding:8px 16px;border:1px solid #ffffff40;border-radius:8px;background:#151022;color:#fff;z-index:1}
.card-viewer-figure{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;margin:0}
.card-viewer-figure img{min-height:0;max-height:calc(100% - 44px);max-width:100%;object-fit:contain}
.card-viewer-figure figcaption{max-width:100%;text-align:center;overflow-wrap:anywhere;flex-shrink:0;max-height:25%;overflow:auto}

.inventory-add-modal{width:min(920px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:24px;border:1px solid var(--border);border-radius:18px;background:#0f0a1e;color:#e5e7eb;overflow:auto;box-shadow:0 24px 90px #000a}.inventory-add-modal::backdrop{background:#020208c9;backdrop-filter:blur(5px)}body.inventory-add-open{overflow:hidden}.inventory-add-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;padding:16px 24px;border:1px solid var(--border);border-radius:12px;background:#0f0a1e;color:#d1fae5;max-width:calc(100vw - 24px)}@media(max-width:480px){.inventory-add-modal{padding:16px}}
.help-hero{background:radial-gradient(ellipse at 80% 20%,#d9770618,transparent 45%),var(--panel)}.help-index a,.help-step a{color:var(--gold-light);text-decoration:underline;text-underline-offset:3px}.help-index a:hover,.help-step a:hover{color:#fff}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.help-step{position:relative;padding-top:26px}.help-step h3{color:#f3f4f6}.help-step p{color:#b8b3c3;font-size:.9rem}.help-number{display:grid;place-items:center;width:30px;height:30px;margin-bottom:14px;border-radius:50%;border:1px solid #fbbf2455;background:#eab30815;color:var(--gold-light);font-weight:700}.help-ending{border:1px solid var(--border);background:radial-gradient(ellipse at center,#7c3aed18,transparent 70%),#0a0715}.nav-help{font-size:.8rem}