*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--bg-base: #0a0612;--bg-surface: #120e1f;--bg-elevated: #1a1430;--bg-card: #1a1430;--bg-card-hover: #241c40;--bg-nav: #0a0612;--surface-1: #120e1f;--surface-2: #1a1430;--surface-3: #221848;--border-subtle: var(--accent-15);--border-medium: var(--accent-30);--border-accent: var(--accent-60);--border-w-thin: 1px;--border-w-default: 2px;--border-w-thick: 3px;--text-primary: #f0ecf9;--text-secondary: #9a8ec0;--text-tertiary: #6b5f8a;--text-accent: #a78bfa;--text-on-accent: #ffffff;--accent-purple: #7c3aed;--accent-purple-light: #a78bfa;--accent-purple-dark: #5b21b6;--accent-cyan: #06b6d4;--accent-cyan-light: #67e8f9;--accent-green: #10b981;--accent-amber: #f59e0b;--accent-red: #ef4444;--accent-5: color-mix(in srgb, var(--accent-purple) 5%, transparent);--accent-6: color-mix(in srgb, var(--accent-purple) 6%, transparent);--accent-8: color-mix(in srgb, var(--accent-purple) 8%, transparent);--accent-10: color-mix(in srgb, var(--accent-purple) 10%, transparent);--accent-12: color-mix(in srgb, var(--accent-purple) 12%, transparent);--accent-15: color-mix(in srgb, var(--accent-purple) 15%, transparent);--accent-20: color-mix(in srgb, var(--accent-purple) 20%, transparent);--accent-30: color-mix(in srgb, var(--accent-purple) 30%, transparent);--accent-40: color-mix(in srgb, var(--accent-purple) 40%, transparent);--accent-50: color-mix(in srgb, var(--accent-purple) 50%, transparent);--accent-60: color-mix(in srgb, var(--accent-purple) 60%, transparent);--accent-80: color-mix(in srgb, var(--accent-purple) 80%, transparent);--cyan-6: color-mix(in srgb, var(--accent-cyan) 6%, transparent);--cyan-18: color-mix(in srgb, var(--accent-cyan) 18%, transparent);--priority-low-text: #93c5fd;--priority-low-border: #60a5fa;--priority-med-text: #fbbf24;--priority-high-text: #f87171;--green-12: color-mix(in srgb, var(--accent-green) 12%, transparent);--green-15: color-mix(in srgb, var(--accent-green) 15%, transparent);--green-18: color-mix(in srgb, var(--accent-green) 18%, transparent);--green-20: color-mix(in srgb, var(--accent-green) 20%, transparent);--green-85: color-mix(in srgb, var(--accent-green) 85%, transparent);--amber-15: color-mix(in srgb, var(--accent-amber) 15%, transparent);--amber-20: color-mix(in srgb, var(--accent-amber) 20%, transparent);--amber-85: color-mix(in srgb, var(--accent-amber) 85%, transparent);--red-12: color-mix(in srgb, var(--accent-red) 12%, transparent);--red-20: color-mix(in srgb, var(--accent-red) 20%, transparent);--red-30: color-mix(in srgb, var(--accent-red) 30%, transparent);--blue-18: color-mix(in srgb, var(--priority-low-border) 18%, transparent);--purple-muted-12: color-mix(in srgb, #6b5f8a 12%, transparent);--purple-muted-20: color-mix(in srgb, #6b5f8a 20%, transparent);--brand-marvel-bg: color-mix(in srgb, #ed1d24 20%, transparent);--overlay-20: color-mix(in srgb, black 20%, transparent);--overlay-30: color-mix(in srgb, black 30%, transparent);--overlay-40: color-mix(in srgb, black 40%, transparent);--overlay-50: color-mix(in srgb, black 50%, transparent);--overlay-60: color-mix(in srgb, black 60%, transparent);--overlay-70: color-mix(in srgb, black 70%, transparent);--overlay-80: color-mix(in srgb, black 80%, transparent);--overlay-90: color-mix(in srgb, black 90%, transparent);--white-05: color-mix(in srgb, white 5%, transparent);--white-07: color-mix(in srgb, white 7%, transparent);--white-10: color-mix(in srgb, white 10%, transparent);--white-14: color-mix(in srgb, white 14%, transparent);--white-15: color-mix(in srgb, white 15%, transparent);--white-18: color-mix(in srgb, white 18%, transparent);--white-20: color-mix(in srgb, white 20%, transparent);--bg-deep: color-mix(in srgb, #0f0a1a 95%, transparent);--gradient-primary: linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-cyan) 100%);--gradient-hero: linear-gradient(135deg, var(--accent-purple-dark) 0%, var(--accent-purple) 40%, var(--accent-cyan) 100%);--gradient-card: linear-gradient(145deg, #1e1040 0%, #0d1a2e 100%);--gradient-glow: linear-gradient(180deg, #19122c 0%, var(--bg-base) 40%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 4px 12px rgba(0, 0, 0, .4);--shadow-glow: none;--shadow-glow-cyan: none;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--z-base: 0;--z-elevated: 10;--z-nav: 1100;--z-overlay: 100;--z-modal: 1000;--z-toast: 2000;--nav-height: 64px;--sidebar-width: 280px;--max-content: 1200px}[data-theme=light]{--bg-base: #faf9f6;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-card-hover: #ffffff;--bg-nav: #faf9f6;--surface-1: #f5f3ee;--surface-2: #eeebf5;--surface-3: #e6e2f2;--border-subtle: rgba(59, 130, 246, .15);--border-medium: rgba(239, 68, 68, .15);--border-accent: rgba(245, 158, 11, .4);--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--text-accent: #7c3aed;--text-on-accent: #ffffff;--accent-purple: #8b5cf6;--accent-purple-light: #6d28d9;--accent-purple-dark: #4c1d95;--accent-cyan: #0891b2;--accent-cyan-light: #06b6d4;--accent-green: #059669;--accent-amber: #d97706;--accent-red: #dc2626;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 4px 12px rgba(0, 0, 0, .08);--shadow-glow: none;--shadow-glow-cyan: none;--gradient-card: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%);--gradient-glow: linear-gradient(180deg, #f5f3ff 0%, var(--bg-base) 40%)}html{overscroll-behavior-y:none;font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:clip}#app{min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.bg-glow{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:var(--gradient-glow)}.hologram-fx{position:relative;overflow:hidden}.hologram-fx:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d 50%,#7c3aed66,#06b6d466);transform:translate(-200%) skew(-20deg);animation:shine-hologram 4s infinite;pointer-events:none;z-index:2}@keyframes shine-hologram{0%{transform:translate(-200%) skew(-20deg)}20%{transform:translate(600%) skew(-20deg)}to{transform:translate(600%) skew(-20deg)}}.panel{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1.5px solid var(--border-medium, #3a3255);border-radius:4px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:background var(--duration-fast, .15s) ease,border-color var(--duration-fast, .15s) ease}input[type=checkbox]:hover{border-color:var(--accent-purple, #a78bfa)}input[type=checkbox]:checked{background:var(--accent-purple, #a78bfa);border-color:var(--accent-purple, #a78bfa)}input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:4.5px;width:5px;height:9px;border:solid var(--bg-base, #0a0612);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--accent-purple, #a78bfa);outline-offset:2px}.screen{animation:screen-in var(--duration-normal) var(--ease-out)}@keyframes screen-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.main-content{flex:1;padding-top:calc(var(--nav-height) + var(--safe-top) + var(--space-xl));padding-bottom:calc(var(--safe-bottom) + var(--space-3xl) + 70px);padding-left:calc(var(--safe-left) + var(--space-lg));padding-right:calc(var(--safe-right) + var(--space-lg));max-width:var(--max-content);width:100%;margin:0 auto}.page-header{margin-bottom:var(--space-2xl)}.page-header h1{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:var(--space-sm)}.page-header .subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:500px}.screen-header{margin-bottom:var(--space-2xl)}.screen-header h1{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.03em}.screen-subtitle{color:var(--text-secondary);margin-top:var(--space-xs)}.set-state-pill{display:inline-flex;border-radius:var(--radius-full);border:var(--border-w-default) solid var(--border-medium);background:var(--bg-elevated);overflow:hidden;flex-wrap:nowrap;max-width:100%}@media(max-width:640px){.set-state-pill{width:100%}}.set-state-option{flex:1;padding:6px 14px;font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);background:transparent;border:none;border-right:var(--border-w-default) solid var(--border-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:44px}.set-state-option:last-child{border-right:none}.set-state-option:hover{color:var(--text-primary);background:var(--accent-8)}.set-state-option.active{background:var(--gradient-primary);color:#fff;box-shadow:inset 0 1px 3px var(--overlay-20)}@media(max-width:640px){.set-state-option{padding:6px 8px;font-size:var(--text-xs)}}.back-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:none;border:var(--border-w-default) solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);margin-bottom:var(--space-lg);-webkit-tap-highlight-color:transparent;min-height:44px}.back-btn:hover{border-color:var(--border-medium);color:var(--text-primary);background:var(--accent-10)}.back-btn:active{transform:scale(.95);background:var(--accent-15)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-tertiary);animation:emptyStateFadeIn .2s ease .12s both}.empty-state .empty-icon{font-size:3rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state .empty-title{font-size:var(--text-xl);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:44px;padding:var(--space-sm) var(--space-lg);background:var(--bg-elevated);color:var(--text-primary);border:var(--border-w-default) solid transparent;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px) scale(.96);box-shadow:inset 0 2px 4px var(--overlay-20)}.btn-primary{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple);box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--accent-purple-light);border-color:var(--accent-purple-light);transform:translateY(-1px);box-shadow:var(--shadow-glow),var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-subtle)}.btn-ghost:hover{border-color:var(--border-medium);color:var(--text-primary);background:var(--accent-8)}.type-badge,.priority-badge,.priority-chip{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.type-badge,.priority-badge{text-transform:uppercase;letter-spacing:.04em}.toast-container{position:fixed;bottom:calc(var(--safe-bottom) + 80px);left:50%;transform:translate(-50%);z-index:var(--z-toast);pointer-events:none}.toast{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);background:var(--bg-elevated);border:var(--border-w-default) solid var(--border-medium);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-lg);animation:toast-in var(--duration-normal) var(--ease-spring);white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}.toast.toast-out{animation:toast-out var(--duration-fast) var(--ease-out) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.shimmer{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--accent-8) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.stats-row{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:1fr}.set-detail-header{flex-direction:column;align-items:center;text-align:center}.set-detail-header .set-cover{width:200px;height:264px}.set-detail-header .set-meta{justify-content:center}.set-detail-header .set-meta .meta-dot:nth-child(n+5){display:none}.set-completion{justify-content:center;gap:var(--space-md);padding:var(--space-md)}.hide-mobile{display:none!important}.bottom-nav{display:flex}.main-content{padding-left:calc(var(--safe-left) + var(--space-md));padding-right:calc(var(--safe-right) + var(--space-md))}.page-header h1{font-size:var(--text-2xl)}.page-header{flex-direction:column!important;align-items:flex-start!important}.sets-table [data-col=art],.sets-table [data-col=year],.sets-table [data-col=maker],.sets-table [data-col=priority],.sets-table [data-col=status]{display:none}.filter-popover{width:min(360px,calc(100vw - 32px))!important;left:0!important;right:0!important}.signin-options{flex-direction:column}.magic-link-form{flex-direction:column;gap:var(--space-sm)}.guest-banner{padding:var(--space-lg)!important}.completion-ring{width:64px;height:64px}.completion-ring .ring-text{font-size:var(--text-sm)}.completion-info .owned-count{font-size:var(--text-base)}.set-card .card-body{padding:var(--space-md)}.set-card .card-title{font-size:var(--text-sm);line-height:1.3}.set-card .card-meta{font-size:11px}.owned-text{font-size:var(--text-xs)!important}.progress-bar{height:5px!important}}@media(min-width:641px){.bottom-nav{display:none}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:1024px){.hide-tablet{display:none!important}}@media(min-width:1024px){.page-header h1{font-size:var(--text-4xl)}}#premium-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--overlay-70);z-index:var(--z-modal);display:none;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.premium-modal{background:var(--bg-card);border:var(--border-w-default) solid var(--border-medium);border-radius:20px;padding:32px;width:90%;max-width:440px;box-shadow:0 24px 48px var(--overlay-40),0 0 0 1px var(--accent-20);transform:translateY(20px) scale(.95);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.premium-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-purple-dark),var(--accent-purple),var(--accent-cyan))}#premium-modal-overlay[style*="opacity: 1"] .premium-modal{transform:translateY(0) scale(1)}.ad-banner{background:var(--surface-1);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;margin:var(--space-xl) 0;display:flex;align-items:center;justify-content:center;min-height:90px;position:relative;overflow:hidden}.ad-banner:before{content:"Advertisement";position:absolute;top:4px;left:4px;font-size:9px;color:var(--text-tertiary);opacity:.5}.lp-overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) + 10);pointer-events:auto;-webkit-tap-highlight-color:transparent}.lp-backdrop{position:absolute;inset:0;background:var(--overlay-50);animation:lp-fade-in .15s var(--ease-out) forwards}@keyframes lp-fade-in{0%{opacity:0}to{opacity:1}}.lp-menu{position:absolute;display:flex;flex-direction:column;gap:4px;background:var(--bg-card);border:var(--border-w-default) solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-sm);box-shadow:0 16px 48px var(--overlay-50),0 0 0 1px var(--accent-15);min-width:180px;animation:lp-scale-in .2s var(--ease-spring) forwards;transform-origin:var(--lp-origin, center top);overscroll-behavior:contain}@keyframes lp-scale-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.lp-menu-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background 80ms,color 80ms,transform 80ms;-webkit-tap-highlight-color:transparent;min-height:44px;-webkit-user-select:none;user-select:none;border:none;background:transparent;width:100%;text-align:left}.lp-menu-item:hover,.lp-menu-item.lp-hovered{background:var(--accent-12);color:var(--text-primary);transform:scale(1.02)}.lp-menu-item:active,.lp-menu-item.lp-active{background:var(--accent-20);color:var(--accent-purple-light);transform:scale(.98)}.lp-menu-item.lp-owned{color:var(--accent-green)}.lp-menu-item.lp-ordered{color:var(--accent-amber)}.lp-menu-item-icon{font-size:1.25rem;width:28px;text-align:center;flex-shrink:0}.lp-menu-divider{height:1px;background:var(--border-subtle);margin:2px var(--space-sm)}.lp-source-highlight{outline:2px solid var(--accent-purple)!important;outline-offset:-2px;background:var(--accent-8)!important}.cv-icon{display:inline-block;vertical-align:-.15em;flex-shrink:0;pointer-events:none;color:inherit}.btn .cv-icon,.nav-icon .cv-icon,.btn-icon .cv-icon,.more-menu-icon .cv-icon,.lp-menu-item-icon .cv-icon{vertical-align:-.2em}.empty-icon .cv-icon{width:48px;height:48px}.dm-card-icon .cv-icon,.dm-section-icon .cv-icon,.credit-block-icon .cv-icon,.resource-card-logo .cv-icon{width:1em;height:1em}.feature-icon .cv-icon{width:32px;height:32px}.nav-search-result-icon .cv-icon{width:18px;height:18px}.logo-icon .cv-icon{width:1.2em;height:1.2em}@media(max-height:500px)and (orientation:landscape){.card-fullscreen-layout{display:flex!important;flex-direction:row!important;overflow-y:hidden;height:100vh}.card-fullscreen-left{max-height:100vh!important;border-right:var(--border-w-default) solid var(--border-subtle);border-bottom:none;overflow:auto!important;padding:var(--space-md);flex:1}.card-images-scroll-container{flex-direction:column;overflow-x:hidden;overflow-y:auto;flex-wrap:nowrap;align-items:center;justify-content:flex-start;height:100%;scroll-snap-type:none}.cis-card{width:85%;max-width:280px;flex:0 0 auto}.cis-img-wrap{max-height:none;width:100%}.cis-sbs-toggle{display:inline-flex!important}.card-fullscreen-right{overflow-y:auto;max-width:360px}.card-detail-name-large{font-size:var(--text-xl)}.image-picker-modal{max-height:100dvh!important;padding:var(--space-md)!important;padding-bottom:calc(var(--safe-bottom) + var(--space-md))!important}.img-picker-header{margin-bottom:var(--space-sm)}.img-picker-title{font-size:var(--text-base)!important}}@media(max-width:380px){.card-fullscreen-right{padding:var(--space-md)!important}.card-detail-name-large{font-size:var(--text-xl)!important}.card-detail-actions-large{gap:var(--space-xs)}.status-seg-btn span:not(.action-icon){font-size:11px}}.affiliate-disclosure{font-size:11px;color:var(--text-tertiary);opacity:.6;text-align:center;padding:var(--space-md) var(--space-lg);margin-top:var(--space-xl);border-top:var(--border-w-default) solid var(--border-subtle);line-height:1.5}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);padding-top:var(--safe-top);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding-left:calc(var(--safe-left) + var(--space-lg));padding-right:calc(var(--safe-right) + var(--space-lg));background:var(--bg-nav);border-bottom:var(--border-w-default) solid var(--border-subtle);z-index:var(--z-nav);transition:transform var(--duration-normal) var(--ease-out)}@media(max-width:640px){.top-nav{grid-template-columns:auto 1fr}}@media(max-width:380px){.top-nav{padding-left:calc(var(--safe-left) + var(--space-sm));padding-right:calc(var(--safe-right) + var(--space-sm))}}@media(max-height:500px)and (orientation:landscape){.top-nav{height:44px}}@media(orientation:landscape){.top-nav{padding-left:calc(var(--safe-left) + var(--space-lg));padding-right:calc(var(--safe-right) + var(--space-lg))}}.nav-logo{display:flex;align-items:flex-start;gap:var(--space-sm);font-weight:800;font-size:var(--text-xl);letter-spacing:-.03em;text-decoration:none;color:var(--text-primary);cursor:pointer}.nav-logo .logo-icon{font-size:1.5rem;text-shadow:0 0 12px var(--accent-50)}.nav-logo .logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:380px){.nav-logo{font-size:var(--text-lg)}}.nav-logo-text-wrap{display:flex;flex-direction:column;line-height:1}.logo-tagline{font-size:10px;font-weight:700;color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;opacity:.8}.nav-links{display:flex;align-items:center;gap:var(--space-xs);overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}@media(max-width:640px){.nav-links{display:none}}.nav-link{display:flex;align-items:center;gap:var(--space-sm);min-height:44px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;background:none;white-space:nowrap}.nav-link:hover{color:var(--text-primary);background:var(--accent-10)}.nav-link.active{color:var(--text-accent);background:var(--accent-15)}.nav-link .nav-icon{font-size:1.125rem;flex-shrink:0}@media(max-width:1100px)and (min-width:641px){.nav-link{padding:var(--space-sm);gap:0;font-size:0}.nav-link .nav-icon{font-size:1.25rem}.nav-link #nav-account-label{display:none}}.nav-cat-dropdown{display:none;position:fixed;transform:translate(-50%);background:var(--bg-surface);border:var(--border-w-default) solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:6px;min-width:220px;max-height:70vh;overflow-y:auto;z-index:calc(var(--z-modal) + 10);scrollbar-width:thin}.nav-cat-dropdown.open{display:flex;flex-direction:column;animation:cat-dropdown-in var(--duration-fast) var(--ease-out)}@media(max-width:640px){.nav-cat-dropdown{display:none!important}}@keyframes cat-dropdown-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-cat-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:none;background:none;color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-sans);font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;text-align:left;width:100%}.nav-cat-item:hover{background:var(--accent-12);color:var(--text-primary)}.nav-cat-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--bg-elevated);flex-shrink:0}.nav-search-wrap{position:relative;min-width:280px}@media(max-width:1100px)and (min-width:641px){.nav-search-wrap{min-width:180px}}.nav-search-input-wrap{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-full);padding:6px var(--space-md);transition:all var(--duration-fast) var(--ease-out);cursor:text}.nav-search-input-wrap:focus-within{background:var(--accent-8);border-color:var(--border-medium);box-shadow:0 0 0 3px var(--accent-12)}.nav-search-input-wrap:focus-within .nav-search-kbd{display:none}.nav-search-icon-label{font-size:.85rem;flex-shrink:0;pointer-events:none;opacity:.6}.nav-search-input{background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);width:100%;min-width:0}.nav-search-input::placeholder{color:var(--text-tertiary)}.nav-search-kbd{flex-shrink:0;font-size:.65rem;color:var(--text-tertiary);background:var(--bg-elevated);border:var(--border-w-default) solid var(--border-subtle);border-radius:4px;padding:1px 5px;font-family:var(--font-mono);pointer-events:none;white-space:nowrap}@media(max-width:640px){.nav-search-kbd{display:none}}.nav-search-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:max(100%,380px);max-width:calc(100vw - 32px);max-height:70vh;background:var(--bg-elevated);border:var(--border-w-default) solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px var(--accent-8);overflow:hidden;display:none;flex-direction:column;z-index:calc(var(--z-overlay) + 5)}.nav-search-dropdown.open{display:flex;animation:dropdown-in .15s var(--ease-out)}@keyframes dropdown-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-search-section{border-bottom:var(--border-w-default) solid var(--border-subtle)}.nav-search-section:last-of-type{border-bottom:none}.nav-search-section-label{padding:var(--space-sm) var(--space-md) var(--space-xs);font-size:var(--text-xs);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.nav-search-result{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background var(--duration-fast);border:none;background:transparent;width:100%;text-align:left;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);-webkit-tap-highlight-color:transparent}.nav-search-result:hover{background:var(--accent-10)}.nav-search-result-icon{font-size:1rem;width:22px;flex-shrink:0;text-align:center}.nav-search-result-text{flex:1;min-width:0}.nav-search-result-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-search-result-sub{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.nav-search-result-arrow{font-size:var(--text-sm);color:var(--text-tertiary);flex-shrink:0}.nav-search-footer{padding:var(--space-sm) var(--space-md);border-top:var(--border-w-default) solid var(--border-subtle);display:flex;justify-content:center;flex-shrink:0}.nav-search-see-all{background:none;border:none;color:var(--accent-purple-light);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--duration-fast)}.nav-search-see-all:hover{background:var(--accent-10);color:var(--text-primary)}.nav-search-filters{display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:var(--border-w-default) solid var(--border-subtle);flex-shrink:0}.nav-filter-chip{display:flex;align-items:center;gap:4px;padding:3px var(--space-sm);border-radius:var(--radius-full);border:var(--border-w-default) solid var(--border-subtle);background:transparent;color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--duration-fast);white-space:nowrap}.nav-filter-chip:hover{border-color:var(--border-medium);color:var(--text-secondary)}.nav-filter-chip.active{background:var(--accent-15);border-color:var(--accent-purple);color:var(--accent-purple-light)}.nav-filter-chip.active span{background:var(--accent-30);color:var(--accent-purple-light)}.nav-filter-chip span{background:var(--accent-20);border-radius:var(--radius-full);padding:0 5px;font-size:.6rem;color:var(--text-secondary)}.nav-search-scroll{overflow-y:auto;flex:1;overscroll-behavior:contain}.nav-search-empty{padding:var(--space-lg) var(--space-md);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;padding-bottom:var(--safe-bottom);display:flex;align-items:center;justify-content:space-around;background:var(--bg-nav);border-top:var(--border-w-default) solid var(--border-subtle);z-index:var(--z-overlay)}@media(max-height:500px)and (orientation:landscape){.bottom-nav{padding-top:2px;padding-bottom:max(var(--safe-bottom),2px);padding-left:var(--safe-left);padding-right:var(--safe-right)}}@media(orientation:landscape){.bottom-nav{padding-left:var(--safe-left);padding-right:var(--safe-right)}}.bottom-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;min-height:48px;padding:var(--space-sm) 0;background:none;border:none;color:var(--text-tertiary);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;min-width:0}.bottom-nav-btn:hover,.bottom-nav-btn.active{color:var(--accent-purple-light)}.bottom-nav-btn:hover{transform:translateY(-1px)}.bottom-nav-btn:active{transform:scale(.94)}.bottom-nav-btn .btn-icon{font-size:1.375rem;transition:transform var(--duration-fast) var(--ease-spring)}.bottom-nav-btn.active .btn-icon{transform:scale(1.15)}@media(max-height:500px)and (orientation:landscape){.bottom-nav-btn{padding:4px 0;font-size:10px}.bottom-nav-btn .btn-icon{font-size:1.1rem}}.more-menu-overlay{position:fixed;inset:0;z-index:calc(var(--z-overlay) + 10);pointer-events:none;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.more-menu-overlay.visible{pointer-events:auto;opacity:1}.more-menu-overlay.visible .more-menu-panel{transform:translateY(0)}.more-menu-backdrop{position:absolute;inset:0;background:var(--overlay-50)}.more-menu-panel{position:absolute;bottom:0;left:0;right:0;background:var(--bg-card);border-top:var(--border-w-default) solid var(--border-medium);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-lg) var(--space-xl);padding-bottom:calc(var(--safe-bottom) + var(--space-xl));transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-spring);box-shadow:0 -8px 32px var(--overlay-30)}.more-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.more-menu-close{width:32px;height:32px;border-radius:var(--radius-md);border:var(--border-w-default) solid var(--border-subtle);background:transparent;color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.more-menu-close:hover{background:var(--accent-10);border-color:var(--border-medium);color:var(--text-primary)}.more-menu-items{display:flex;flex-direction:column;gap:var(--space-xs)}.more-menu-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;width:100%;min-height:48px;-webkit-tap-highlight-color:transparent}.more-menu-item:hover{background:var(--accent-8);color:var(--text-primary)}.more-menu-item:active{background:var(--accent-15);transform:scale(.98)}.more-menu-icon{font-size:1.25rem;width:28px;text-align:center}@media(max-width:380px){.main-content{padding-left:calc(var(--safe-left) + var(--space-sm));padding-right:calc(var(--safe-right) + var(--space-sm))}.page-header h1{font-size:var(--text-xl)}.page-header .subtitle{font-size:var(--text-xs)}}@media(max-height:500px)and (orientation:landscape){.main-content{padding-top:calc(44px + var(--safe-top) + var(--space-sm));padding-bottom:calc(var(--safe-bottom) + var(--space-xl) + 50px)}.page-header{margin-bottom:var(--space-md)}.page-header h1{font-size:var(--text-xl)}.page-header .subtitle{display:none}.modal-content{max-height:100dvh;border-radius:0}}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none}.modal-overlay.modal-visible{opacity:1;pointer-events:auto}.modal-overlay.modal-closing{opacity:0;pointer-events:none}.modal-backdrop{position:absolute;inset:0;background:var(--overlay-60)}.modal-content{position:relative;width:min(560px,100dvw);max-height:92svh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--bg-surface);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-2xl);padding-bottom:calc(var(--safe-bottom) + var(--space-2xl));box-shadow:0 -8px 40px var(--overlay-50),0 0 60px var(--accent-10);transform:translateY(20px);transition:transform var(--duration-normal) var(--ease-out);container-type:inline-size;container-name:modal}.modal-visible .modal-content{transform:translateY(0)}.modal-closing .modal-content{transform:translateY(40px)}.screen-view-badge{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--text-tertiary);text-transform:uppercase;display:flex;align-items:center;gap:6px;background:var(--bg-surface);padding:6px 12px;border-radius:var(--radius-full);border:var(--border-w-default) solid var(--border-subtle)}.modal-view-badge{position:absolute;top:var(--space-lg);left:var(--space-lg);z-index:10}.modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:36px;height:36px;border-radius:var(--radius-full);border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out);z-index:2}.modal-close:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-medium)}.card-detail-top{display:flex;gap:var(--space-xl);margin-bottom:var(--space-xl)}.card-detail-image{width:120px;flex-shrink:0}.card-placeholder-art{width:120px;height:168px;border-radius:var(--radius-md);border:var(--border-w-default) solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:var(--shadow-md)}.card-placeholder-number{font-family:var(--font-mono);font-weight:800;font-size:var(--text-lg);color:var(--text-accent)}.card-placeholder-icon{font-size:2.5rem}.card-detail-info{flex:1;min-width:0}.card-detail-set-line{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap}.card-subset-tag{font-size:var(--text-xs);color:var(--text-tertiary);padding:2px 8px;border-radius:var(--radius-full);border:var(--border-w-default) solid var(--border-subtle)}.card-detail-name{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:var(--space-xs)}.card-detail-set-name{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.card-detail-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-lg)}.card-detail-actions{display:flex;gap:var(--space-sm)}.detail-action-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.detail-action-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.detail-action-btn.active-owned,.status-seg-btn.active-owned{background:var(--green-15);border-color:var(--accent-green);color:var(--accent-green)}.detail-action-btn.active-ordered,.status-seg-btn.active-ordered{background:var(--amber-15);border-color:var(--accent-amber);color:var(--accent-amber)}.status-seg-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-right:var(--border-w-default) solid var(--border-subtle);color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.status-seg-btn:last-child{border-right:none}.status-seg-btn:hover{background:var(--accent-8);color:var(--text-primary)}.status-seg-btn:active{transform:scale(.95);background:var(--accent-15)}.status-seg-btn.active{background:var(--accent-12);color:var(--text-primary)}.card-detail-section{padding-top:var(--space-xl);border-top:var(--border-w-default) solid var(--border-subtle);margin-top:var(--space-xl)}.section-heading{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-lg)}.detail-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.detail-field{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-label{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.quantity-control{display:flex;align-items:center;gap:var(--space-sm)}.qty-btn{width:32px;height:32px;border-radius:var(--radius-md);border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-lg);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.qty-btn:hover:not(:disabled){border-color:var(--accent-purple);background:var(--accent-10)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-value{font-family:var(--font-mono);font-weight:800;font-size:var(--text-xl);color:var(--text-primary);min-width:24px;text-align:center}.dupe-tag{font-size:var(--text-xs);color:var(--accent-amber);font-weight:600}.condition-selector{display:flex;flex-wrap:wrap;gap:4px}.condition-chip{padding:4px 10px;border-radius:var(--radius-full);border:var(--border-w-default) solid var(--border-subtle);background:transparent;color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.condition-chip:hover{border-color:var(--border-medium);color:var(--text-primary)}.condition-chip.active{background:var(--accent-20);border-color:var(--accent-purple);color:var(--accent-purple-light);animation:chip-activate var(--duration-fast) var(--ease-spring)}.condition-chip:active{transform:scale(.92)}.detail-input{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-fast)}.detail-input:focus{border-color:var(--accent-purple)}.detail-input::placeholder{color:var(--text-tertiary)}.detail-textarea{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;resize:vertical;min-height:72px;transition:border-color var(--duration-fast);width:100%}.detail-textarea:focus{border-color:var(--accent-purple)}.detail-textarea::placeholder{color:var(--text-tertiary)}.card-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.card-character-section{border-left:3px solid hsl(35,80%,55%);padding-left:var(--space-lg)}.card-meta-section{border-left:3px solid hsl(220,70%,55%);padding-left:var(--space-lg)}.section-heading-icon{margin-right:6px}.card-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.card-info-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:var(--bg-surface);border-radius:var(--radius-sm);border:var(--border-w-default) solid var(--border-subtle)}.card-info-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.card-info-content{display:flex;flex-direction:column;gap:2px;min-width:0}.card-info-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.card-info-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis}.card-stats-grid{display:flex;flex-direction:column;gap:6px;margin-top:var(--space-md)}.card-stat-bar{display:grid;grid-template-columns:90px 1fr 30px;align-items:center;gap:8px}.card-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);text-align:right}.card-stat-track{height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.card-stat-fill{height:100%;background:linear-gradient(90deg,#e89c30,#e85e30);border-radius:4px;transition:width .6s cubic-bezier(.22,1,.36,1)}.card-stat-value{font-size:12px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono, monospace)}.card-bio-text{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;font-style:italic;border-top:var(--border-w-default) solid var(--border-subtle);padding-top:var(--space-sm)}.card-data-confidence-warning{margin-top:var(--space-sm);font-size:11px;color:#f6c155;padding:6px 10px;background:#f2a60d14;border-radius:var(--radius-sm)}.card-more-section{border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-md);padding:0}.card-more-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast)}.card-more-toggle:hover{background:var(--bg-surface)}.card-more-count{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--bg-elevated);padding:2px 8px;border-radius:99px}.card-more-chevron{margin-left:auto;color:var(--text-tertiary);font-size:14px}.card-more-content{padding:0 14px 14px}.card-more-hint{font-size:11px;color:var(--text-tertiary);margin-bottom:var(--space-sm);font-style:italic}.card-empty-fields{display:flex;flex-direction:column;gap:var(--space-sm)}.card-empty-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.card-empty-group-label{font-size:11px;font-weight:600;color:var(--text-tertiary);margin-right:4px}.card-empty-tag{font-size:10px;padding:3px 8px;background:var(--bg-elevated);border:1px dashed var(--border-medium);border-radius:var(--radius-sm);color:var(--text-tertiary)}.storage-selector{display:flex;flex-wrap:wrap;gap:4px}.card-name[data-action=open-detail]{transition:color var(--duration-fast)}.card-name[data-action=open-detail]:hover{color:var(--accent-purple-light);text-decoration:underline;text-underline-offset:2px}@media(min-width:641px){.modal-overlay{align-items:center}.modal-content{border-radius:var(--radius-xl);max-height:min(82svh,800px);padding-bottom:var(--space-2xl)}}@media(max-width:480px){.modal-view-badge{top:var(--space-md);left:var(--space-md);padding:4px 10px;font-size:10px}.detail-field-grid{grid-template-columns:1fr}.card-detail-top{flex-direction:column;align-items:center;text-align:center}.card-detail-actions,.card-detail-set-line{justify-content:center}}.card-detail-fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;margin:0;padding:0;box-shadow:none;transform:translateY(100vh);display:flex;flex-direction:column;background:var(--bg-base);overflow:hidden}.card-detail-fullscreen .modal-close{top:var(--space-xl);right:var(--space-xl);width:44px;height:44px;font-size:1.2rem;background:var(--bg-elevated);color:#fff;border-color:var(--white-20);z-index:10}.card-detail-fullscreen .modal-close:hover{background:var(--overlay-60);border-color:#fff6}.modal-visible .card-detail-fullscreen{transform:translateY(0)}.modal-closing .card-detail-fullscreen{transform:translateY(100vh)}.card-nav-indicator{position:absolute;top:var(--space-xl);left:50%;transform:translate(-50%);background:var(--surface-2);padding:6px 14px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:13px;font-weight:700;color:var(--text-primary);border:var(--border-w-default) solid var(--border-medium);box-shadow:0 4px 12px var(--overlay-40);z-index:10;pointer-events:none}.card-nav-float{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:var(--bg-elevated);color:var(--text-primary);border:var(--border-w-default) solid var(--white-10);display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 10px 30px var(--overlay-60);transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.card-nav-float:hover{background:var(--surface-3);transform:translateY(-50%) scale(1.08);border-color:#ffffff4d}.card-nav-float:active{transform:translateY(-50%) scale(.95)}.card-nav-left{left:var(--space-xl)}.card-nav-right{right:var(--space-xl)}@media(max-width:799px){.card-nav-indicator{top:var(--space-md)}.card-nav-float{width:44px;height:44px;box-shadow:0 4px 12px var(--overlay-40)}.card-nav-left{left:var(--space-md)}.card-nav-right{right:var(--space-md)}.card-detail-fullscreen .modal-close{top:var(--space-md);right:var(--space-md)}.has-nav .card-nav-float{top:auto;transform:none;bottom:calc(var(--safe-bottom) + var(--space-lg))}.has-nav .card-nav-float:hover{transform:scale(1.08)}.has-nav .card-nav-float:active{transform:scale(.95)}.has-nav .card-fullscreen-right{padding-bottom:calc(var(--safe-bottom) + 76px)}}.card-fullscreen-layout{display:flex;flex-direction:column;width:100%;height:100%}@media(min-width:800px){.card-fullscreen-layout{flex-direction:row}}.card-fullscreen-left{flex:1;display:flex;flex-direction:column;background:var(--bg-surface);border-right:var(--border-w-default) solid var(--border-subtle);padding:var(--space-xl);overflow:hidden;position:relative;min-height:40vh}@media(min-width:800px){.card-fullscreen-left{padding:var(--space-2xl)}}.card-images-scroll-container{display:flex;flex-direction:column;gap:var(--space-lg);width:100%;height:100%;overflow-y:auto;overflow-x:hidden;align-items:center;padding:var(--space-md) 0 var(--space-lg);scrollbar-width:none;-ms-overflow-style:none}.card-images-scroll-container::-webkit-scrollbar{display:none}.card-images-scroll-container.cis-side-by-side{flex-direction:row;flex-wrap:nowrap;align-items:flex-start;overflow-y:hidden;overflow-x:auto}.cis-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;max-width:65%;flex-shrink:0}.cis-side-by-side .cis-card{flex:1 1 0;max-width:48%}.cis-img-wrap{width:100%;max-height:45vh}.cis-side-by-side .cis-img-wrap{max-height:55vh}.cis-actions{display:flex;gap:6px;width:100%;justify-content:center;flex-wrap:nowrap}.cis-edit-btn{font-size:13px;padding:6px 16px;background:var(--bg-elevated);flex:1}.cis-vote-btn{font-size:13px;padding:6px 10px;background:var(--bg-elevated);flex-shrink:0}.cis-sbs-toggle{position:absolute;top:var(--space-md);left:var(--space-md);z-index:10;font-size:13px;background:var(--bg-elevated)}.card-fullscreen-image-wrapper{position:relative;width:100%;max-width:480px;border-radius:var(--radius-xl);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px var(--overlay-30);overflow:hidden;cursor:pointer;aspect-ratio:2.5/3.5}.card-fullscreen-img{width:100%;height:100%;object-fit:contain;transition:transform var(--duration-normal) var(--ease-out)}@media(hover:hover){.card-fullscreen-image-wrapper:hover .card-fullscreen-img{transform:scale(1.02)}}.fullscreen-placeholder{width:100%;height:100%;border-radius:0;border:none;box-shadow:none}.fullscreen-placeholder .card-placeholder-number{font-size:3rem}.fullscreen-placeholder .card-placeholder-icon{font-size:5rem}.ebay-placeholder-img{opacity:.92}#ebay-attribution{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:var(--surface-1);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-sm);margin-top:4px;font-size:11px}.ebay-attr-label{color:var(--text-tertiary);line-height:1.4}.ebay-attr-label em{color:var(--accent-amber);font-style:normal}.ebay-attr-link{color:var(--text-secondary);text-decoration:none;font-size:11px;opacity:.7;transition:opacity .15s}.ebay-attr-link:hover{opacity:1;text-decoration:underline}.ebay-upload-cta{display:flex;align-items:center;gap:var(--space-sm);padding:8px 10px;margin-top:6px;background:var(--green-12);border:var(--border-w-default) solid var(--green-20);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary)}.btn.ebay-upload-cta-btn{font-size:11px;padding:3px 8px;min-height:unset;border-color:var(--accent-green);color:var(--accent-green);margin-left:auto;white-space:nowrap}.card-fullscreen-right{flex:1;padding:var(--space-2xl);padding-right:var(--space-3xl);padding-bottom:calc(var(--safe-bottom) + var(--space-3xl));background:var(--bg-base)}@media(min-width:800px){.card-fullscreen-right{max-width:600px;overflow-y:auto}}@media(max-width:799px){.card-detail-fullscreen{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.card-fullscreen-layout{display:block;overflow-y:visible}.card-fullscreen-left{min-height:0;height:auto;border-right:none;border-bottom:var(--border-w-default) solid var(--border-subtle);padding:var(--space-xs) var(--space-md) var(--space-sm);overflow:visible;position:relative}.card-images-scroll-container{flex-direction:row;overflow-x:auto;overflow-y:visible;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;height:auto;gap:var(--space-md);padding:var(--space-xs) 0 var(--space-sm);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.cis-card{flex:0 0 auto;width:52vw;max-width:200px;scroll-snap-align:start}.cis-img-wrap{max-height:30vh;width:100%}.cis-edit-btn{font-size:12px;padding:5px 10px}.cis-vote-btn{font-size:12px;padding:5px 8px}.cis-sbs-toggle{display:none!important}.card-fullscreen-right{padding:var(--space-md);padding-bottom:calc(var(--safe-bottom) + var(--space-2xl));overflow-y:visible}.card-detail-name-large{font-size:var(--text-2xl)}.card-detail-set-large{font-size:var(--text-md)}.card-detail-actions-large{flex-direction:column;gap:var(--space-sm)}}.card-detail-name-large{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:var(--space-xs);color:var(--text-primary)}.card-detail-set-large{font-size:var(--text-lg);color:var(--text-secondary);font-weight:500;margin-bottom:var(--space-xs)}.card-detail-meta-large{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-xl)}.card-detail-actions-large{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:var(--border-w-default) solid var(--border-subtle)}.lb-wrap{overflow:hidden;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;pointer-events:auto;flex:1;max-height:90vh;outline:var(--border-w-default) solid rgba(255,255,255,.08)}.lb-img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:12px;display:block;transform-origin:center center;will-change:transform;transition:transform .06s ease;pointer-events:none;box-shadow:0 10px 40px var(--overlay-60);cursor:zoom-in}.lb-wrap[data-zoomed=true] .lb-img{cursor:grab}#lb-loupe{border-radius:50%;pointer-events:none}.lb-loupe-active{box-shadow:0 0 0 2px var(--accent-80),0 8px 32px var(--overlay-80),inset 0 0 0 1px var(--white-15)}#lb-zoom-hud{font-family:var(--font-mono, monospace);font-weight:600;letter-spacing:.05em}#lb-loupe-btn.loupe-on{background:var(--accent-75)!important;box-shadow:0 0 0 2px var(--accent-40)}.card-img-interactive{position:relative;overflow:hidden}.card-img-interactive .card-fullscreen-img{transition:transform .3s cubic-bezier(.16,1,.3,1);transform-origin:center center;will-change:transform}@media(hover:hover){.card-img-interactive:hover .card-fullscreen-img{transform:scale(1.04)}}.image-picker-modal{background:#0f0a1a!important;border:var(--border-w-default) solid var(--border-medium)!important;box-shadow:0 30px 60px var(--overlay-60)!important;position:relative;overflow-y:auto;overflow-x:hidden;padding:clamp(var(--space-lg),4cqi,var(--space-2xl))!important;padding-bottom:calc(var(--safe-bottom) + clamp(var(--space-lg),4cqi,var(--space-2xl)))!important}.img-picker-header{margin-bottom:var(--space-xl);text-align:center;position:relative}.img-picker-title{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:clamp(1.25rem,5cqi,2rem);font-weight:800;margin-bottom:var(--space-xs);background:linear-gradient(135deg,#fff 0%,var(--accent-purple-light) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;word-break:break-word}.img-picker-icon{font-size:1.8rem;-webkit-text-fill-color:initial;filter:drop-shadow(0 4px 12px var(--accent-40))}.img-picker-subtitle{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.img-picker-subtitle strong{color:#fff}.img-picker-current{margin-bottom:var(--space-xl);animation:slide-up .4s cubic-bezier(.16,1,.3,1) forwards}.img-picker-current-preview{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-xl);background:#120a22;border:var(--border-w-default) solid var(--white-10);box-shadow:0 8px 32px var(--overlay-20);transition:transform var(--duration-normal) var(--ease-out),background var(--duration-normal)}.img-picker-current-preview:hover{background:#1a1030;transform:translateY(-2px)}.img-picker-current-preview img{width:90px;height:126px;object-fit:contain;background:var(--bg-deep);border-radius:var(--radius-md);border:var(--border-w-default) solid var(--white-15);box-shadow:0 12px 24px var(--overlay-40);flex-shrink:0;transition:transform var(--duration-normal)}.img-picker-current-preview:hover img{transform:scale(1.05) rotate(2deg)}.img-current-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.img-current-label{font-size:var(--text-sm);font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.1em}.img-vote-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);background:linear-gradient(135deg,#fbbf2433,#f59e0b0d);border:var(--border-w-default) solid rgba(251,191,36,.4);color:#fcd34d;font-size:var(--text-xs);font-weight:700;width:fit-content;box-shadow:0 4px 12px var(--amber-15)}.img-picker-remove-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);border:var(--border-w-default) solid rgba(239,68,68,.4);background:#ef44441a;color:#fca5a5;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast) cubic-bezier(.16,1,.3,1);flex-shrink:0}.img-picker-remove-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px var(--red-30)}.img-quickpick-section{margin-bottom:var(--space-2xl);animation:slide-up .5s cubic-bezier(.16,1,.3,1) forwards}.img-quickpick-heading{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:800;margin-bottom:var(--space-xs);color:#fff;letter-spacing:-.01em}.img-quickpick-desc{font-size:var(--text-sm);color:#fff9;margin-bottom:var(--space-md);line-height:1.6}.img-filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.img-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;min-height:32px;font-size:12px;font-weight:500;border-radius:20px;border:var(--border-w-default) solid var(--white-14);background:#1a1030;color:#ffffff73;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;line-height:1.4;-webkit-tap-highlight-color:transparent}.img-filter-chip.active{background:#3b1f7a;border-color:var(--accent-60);color:#ffffffe6;box-shadow:0 0 8px var(--accent-15)}.img-filter-chip:active{transform:scale(.95)}@media(hover:hover){.img-filter-chip:not(.active):hover{background:#221840;border-color:#ffffff40;color:#ffffffbf}}.img-results-grid{min-height:60px}.img-candidates-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 0;color:var(--text-tertiary);font-size:var(--text-sm)}.img-candidates-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.img-candidate-verified-badge{position:absolute;top:5px;right:5px;background:#22c55e;color:#fff;font-size:11px;font-weight:700;line-height:1;padding:3px 5px;border-radius:6px;pointer-events:none;z-index:2;box-shadow:0 1px 4px #0006}.img-candidate{position:relative;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .15s ease,transform .15s ease;background:#0f0820;aspect-ratio:5 / 7}.img-candidate:has(.img-candidate-verified-badge){border-color:#22c55e}.img-candidate img{width:100%;height:100%;object-fit:contain;background:var(--bg-deep);display:block}.img-candidate:active{transform:scale(.95)}@media(hover:hover){.img-candidate:hover{border-color:var(--accent-70);box-shadow:0 0 12px var(--accent-30)}}.img-zoom-preview{position:fixed;pointer-events:none;z-index:var(--z-modal);border-radius:var(--radius-lg);border:2px solid var(--accent-70);box-shadow:0 12px 40px var(--overlay-70),0 0 20px var(--accent-20);overflow:hidden;opacity:0;transform:scale(.88);transition:opacity .18s ease,transform .18s ease;display:flex;flex-direction:column;background:#0f0a1afa}.img-zoom-preview.visible{opacity:1;transform:scale(1)}.img-zoom-preview.locked{pointer-events:all;left:50%!important;top:50%!important;width:320px!important;max-width:calc(100vw - 32px);z-index:calc(var(--z-modal) + 2);transform:translate(-50%,-50%) scale(.9)}.img-zoom-preview.locked.visible{transform:translate(-50%,-50%) scale(1)}.img-zoom-preview.locked .img-zoom-close{display:flex}.img-zoom-preview.locked .img-zoom-hint{display:none}.img-zoom-preview.locked .img-zoom-detail,.img-zoom-preview.locked .img-zoom-actions{display:flex}.img-zoom-preview>img{width:100%;aspect-ratio:5 / 7;object-fit:contain;display:block;background:var(--bg-deep);flex-shrink:0}.img-zoom-backdrop{position:fixed;inset:0;background:#000000b8;z-index:calc(var(--z-modal) + 1);opacity:0;pointer-events:none;transition:opacity .2s ease}.img-zoom-backdrop.visible{opacity:1;pointer-events:all}.img-zoom-close{display:none;position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#0000008c;border:var(--border-w-default) solid var(--white-20);color:#ffffffd9;font-size:18px;line-height:1;cursor:pointer;align-items:center;justify-content:center;z-index:2;transition:background .15s;font-family:inherit;padding:0}.img-zoom-close:hover{background:var(--white-18);color:#fff}.img-zoom-meta{flex-shrink:0;padding:10px 12px 12px;background:#0a0614f7;border-top:var(--border-w-default) solid var(--white-07);display:flex;flex-direction:column;gap:5px}.img-zoom-label{font-size:11.5px;font-weight:600;color:#ffffffeb;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.img-zoom-hint{font-size:10px;font-weight:500;color:#ffffff52;margin:0;letter-spacing:.03em;font-style:italic}.img-zoom-detail{display:none;flex-direction:column;gap:4px;padding-top:6px;border-top:var(--border-w-default) solid rgba(255,255,255,.06)}.img-zoom-source-row{display:flex;align-items:center;gap:7px}.img-zoom-source-badge{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:10px;line-height:1.5;flex-shrink:0}.img-zoom-source-badge[data-source=Bing]{background:#0078d4d9;color:#fff}.img-zoom-source-badge[data-source=DuckDuckGo]{background:#de5832d9;color:#fff}.img-zoom-source-badge[data-source=eBay]{background:#e47d16e6;color:#fff}.img-zoom-domain{font-size:11px;font-weight:500;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-zoom-url{font-size:9px;color:#ffffff47;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-family:ui-monospace,monospace;letter-spacing:.01em}.img-zoom-actions{display:none;gap:6px;margin-top:4px}.img-zoom-open-btn,.img-zoom-select-btn{flex:1;padding:7px 10px;border-radius:7px;font-size:11.5px;font-weight:700;cursor:pointer;text-align:center;transition:background .15s,color .15s,border-color .15s;font-family:inherit;letter-spacing:.02em}.img-zoom-open-btn{background:var(--white-07);border:var(--border-w-default) solid var(--white-18);color:#ffffffbf}.img-zoom-open-btn:hover{background:var(--white-14);color:#fff;border-color:#ffffff59}.img-zoom-select-btn{background:var(--accent-75);border:var(--border-w-default) solid var(--accent-90);color:#fff}.img-zoom-select-btn:hover{background:var(--accent-purple);border-color:var(--accent-purple)}.img-candidate-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:4px;padding:14px 5px 4px 6px;background:linear-gradient(to top,rgba(10,6,20,.92) 0%,transparent 100%);pointer-events:none}.img-candidate-domain{font-size:9px;font-weight:500;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;letter-spacing:.01em}.img-candidate-open{pointer-events:all;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:#ffffff1f;color:#ffffffb3;font-size:10px;flex-shrink:0;border:none;cursor:pointer;transition:background .15s;text-decoration:none}.img-candidate-open:hover{background:#ffffff40;color:#fff}.img-candidate-source{flex-shrink:0;font-size:9px;padding:2px 7px;border-radius:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:var(--overlay-80);pointer-events:none;line-height:1.4}.img-candidate-source[data-source=Bing],.img-candidate-source.source-bing{background:#0078d4d9;color:#fff;box-shadow:0 2px 6px #0078d44d}.img-candidate-source[data-source=Google],.img-candidate-source.source-google{background:#34a853d9;color:#fff;box-shadow:0 2px 6px #34a8534d}.img-candidate-source[data-source=eBay],.img-candidate-source.source-ebay{background:#e47d16e6;color:#fff;box-shadow:0 2px 6px #e47d164d}.img-candidate-source:not([data-source]){background:var(--overlay-70);color:#fffc}.img-show-more{width:100%;margin-top:8px;font-size:var(--text-sm)}.img-browse-btn{background:none;cursor:pointer;font-family:inherit;width:100%;text-align:left}.img-paste-area{margin-top:var(--space-md);padding:var(--space-md);background:#0f0820;border-radius:var(--radius-xl);border:1px dashed var(--white-20)}.img-paste-row{display:flex;gap:var(--space-md);align-items:stretch;flex-wrap:wrap}.img-paste-input-wrap{flex:1;min-width:0;position:relative;display:flex;align-items:center}.img-paste-icon{position:absolute;left:16px;font-size:1.2rem;pointer-events:none;opacity:.8;color:var(--accent-purple-light)}.img-paste-input{width:100%;padding:14px 16px 14px 48px;border-radius:var(--radius-lg);border:var(--border-w-default) solid var(--white-15);background:#1a1030;color:#fff;font-family:var(--font-sans);font-size:1rem;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px var(--overlay-20)}.img-paste-input:focus{border-color:var(--accent-purple);background:#221848;box-shadow:0 0 0 4px var(--accent-20),inset 0 2px 4px var(--overlay-20)}.img-paste-input::placeholder{color:#fff6}.img-paste-btn{white-space:nowrap;flex-shrink:0;padding:0 24px;font-size:1rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-dark));border:none;font-weight:700;box-shadow:0 8px 16px var(--accent-30)}.img-paste-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px var(--accent-50);background:linear-gradient(135deg,var(--accent-purple-light),var(--accent-purple))}.img-url-preview{margin-top:var(--space-lg)}.img-url-preview-loading{position:relative;border-radius:var(--radius-lg);overflow:hidden;max-width:220px;background:#0f0820;border:var(--border-w-default) solid var(--white-10);box-shadow:0 12px 32px var(--overlay-40)}.img-url-preview-loading .img-url-preview-img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;opacity:0;transition:opacity .4s ease}.img-url-preview-loading.loaded .img-url-preview-img{opacity:1}.img-url-preview-loading .img-url-preview-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--white-05),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.img-url-error{display:block;padding:var(--space-md);font-size:var(--text-sm);color:#fca5a5;background:#2a0a0a;border-radius:var(--radius-md);border:1px dashed var(--red-30)}.img-upload-zone{border:2px dashed var(--white-20);border-radius:var(--radius-xl);padding:clamp(var(--space-lg),4cqi,40px) var(--space-lg);text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1);background:#0f0820;position:relative;overflow:hidden}.img-upload-zone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-10),transparent);opacity:0;transition:opacity .4s ease}.img-upload-zone:hover,.img-upload-zone.drag-over{border-color:var(--accent-purple-light);transform:translateY(-4px);box-shadow:0 20px 40px var(--overlay-30),inset 0 0 30px var(--accent-10)}.img-upload-zone:hover:before,.img-upload-zone.drag-over:before{opacity:1}.img-upload-zone-content{position:relative;z-index:1}@container modal (max-width: 420px){.img-upload-icon{display:none}}.img-upload-icon{font-size:clamp(2rem,6cqi,4rem);margin-bottom:var(--space-md);filter:drop-shadow(0 8px 16px var(--overlay-50));animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.img-upload-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-top:var(--space-md)}@container modal (max-width: 380px){.img-upload-actions{flex-direction:column;align-items:stretch}.img-upload-btn{min-width:unset;width:100%}}.img-upload-btn{min-width:140px;padding:12px 24px;font-size:1rem;font-weight:700;border-radius:var(--radius-full);background:#1a1030;border:var(--border-w-default) solid var(--white-15);color:#fff;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px var(--overlay-20)}.img-upload-btn.btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-dark));border:none}.img-upload-btn.btn-primary:hover{background:linear-gradient(135deg,var(--accent-purple-light),var(--accent-purple));box-shadow:0 12px 24px var(--accent-40)}.img-upload-btn:hover{transform:translateY(-3px) scale(1.02);background:var(--white-10);border-color:var(--white-20);box-shadow:0 12px 24px var(--overlay-40)}.img-upload-preview-area{margin-top:var(--space-xl)}.img-upload-processing{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl);color:#fffc;font-size:1.1rem;font-weight:600;background:#0f0820;border-radius:var(--radius-xl);border:var(--border-w-default) solid var(--white-10)}.img-upload-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-2xl);border-radius:var(--radius-xl);background:#0f0820;border:var(--border-w-default) solid rgba(255,255,255,.12);box-shadow:inset 0 2px 20px var(--overlay-50);animation:slide-up .4s cubic-bezier(.16,1,.3,1) forwards}.img-upload-result-img{max-width:240px;max-height:340px;border-radius:var(--radius-lg);border:var(--border-w-default) solid var(--white-20);object-fit:contain;box-shadow:0 20px 40px var(--overlay-60)}.img-upload-result-actions{display:flex;gap:var(--space-md)}.img-upload-error{padding:var(--space-xl);text-align:center;color:#fca5a5;font-size:1rem;background:#2a0a0a;border-radius:var(--radius-xl);border:1px dashed var(--red-30)}.img-spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--white-20);border-top-color:#fff;border-radius:50%;animation:img-spin .6s cubic-bezier(.4,0,.2,1) infinite}.img-spinner-large{width:48px;height:48px;border:4px solid var(--accent-20);border-top-color:var(--accent-purple-light);border-radius:50%;animation:img-spin .8s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 20px var(--accent-20)}@keyframes img-spin{to{transform:rotate(360deg)}}.img-ref-links{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}@container modal (max-width: 420px){.img-paste-row{flex-direction:column}.img-paste-btn{width:100%}.img-picker-current-preview{flex-direction:column;align-items:center;text-align:center}.img-picker-remove-btn{margin-left:0}}.set-cover-interactive{position:relative;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}@media(hover:hover){.set-cover-interactive:hover{transform:scale(1.03);box-shadow:var(--shadow-lg),var(--shadow-glow)}.set-cover-interactive:hover .set-cover-overlay{opacity:1}}.set-cover-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);background:#000000a6;border-radius:var(--radius-lg);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);color:#fff;font-size:var(--text-xs);font-weight:500}.set-cover-overlay-icon{font-size:1.5rem}.set-cover-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.card-img-interactive{cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative}@media(hover:hover){.card-img-interactive:hover{transform:scale(1.05)}.card-img-interactive:hover .card-img-overlay{opacity:1}}.card-img-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-60);border-radius:var(--radius-md);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);color:#fff;font-size:1.5rem}.card-actual-img{width:120px;height:168px;object-fit:cover;border-radius:var(--radius-md);border:var(--border-w-default) solid var(--border-subtle);box-shadow:var(--shadow-md)}@media(max-width:640px){.image-picker-modal{max-width:100%}.img-quickpick-sources{grid-template-columns:1fr}.img-source-grid{grid-template-columns:1fr 1fr}.img-upload-actions{flex-direction:column;align-items:stretch}.img-paste-row{flex-direction:column}.img-picker-current-preview{flex-direction:column;align-items:center;text-align:center}.img-picker-remove-btn{margin-left:0}}.img-ref-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#221848;border:var(--border-w-default) solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.img-ref-link:hover{border-color:var(--accent-purple);color:var(--accent-purple-light);background:#2e1e64}.img-pick-btn{overflow:hidden;position:relative}.img-pick-btn img{transition:transform .22s cubic-bezier(.16,1,.3,1);transform-origin:center center;display:block;width:100%}.img-pick-btn:hover img{transform:scale(1.18)}.img-pick-btn:after{content:"🔍";position:absolute;bottom:6px;right:6px;font-size:14px;opacity:0;transition:opacity .18s ease;pointer-events:none;filter:drop-shadow(0 1px 3px var(--overlay-80))}.img-pick-btn:hover:after{opacity:1}.skeleton-shimmer{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.welcome-banner{position:relative;background:linear-gradient(135deg,var(--bg-card) 0%,color-mix(in srgb,var(--accent-purple) 8%,var(--bg-card)) 100%);border:var(--border-w-default) solid var(--accent-purple-light);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-xl) var(--space-lg);margin-bottom:var(--space-xl)}.welcome-dismiss{position:absolute;top:var(--space-sm);right:var(--space-sm);background:none;border:none;color:var(--text-tertiary);font-size:1.4rem;cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.welcome-dismiss:hover{color:var(--text-primary);background:var(--surface-2)}.welcome-title{margin:0 0 var(--space-xs);font-size:var(--text-xl);color:var(--text-primary)}.welcome-text{margin:0 0 var(--space-lg);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;max-width:40rem}.welcome-steps{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.welcome-step{display:flex;align-items:flex-start;gap:var(--space-md)}.welcome-step div{display:flex;flex-direction:column;gap:2px}.welcome-step strong{font-size:var(--text-sm);color:var(--text-primary)}.welcome-step span{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.4}.welcome-step-num{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-purple);color:#fff;font-size:var(--text-xs);font-weight:700}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm);margin-bottom:var(--space-2xl)}@media(max-width:380px){.stats-row{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}}@media(max-height:500px)and (orientation:landscape){.stats-row{grid-template-columns:repeat(5,1fr);margin-bottom:var(--space-md)}}.stat-card{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--gradient-card);border:var(--border-w-default) solid var(--border-subtle);transition:all var(--duration-fast) var(--ease-out)}.stat-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.stat-card .stat-value{font-size:var(--text-2xl);font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card .stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-xs)}@media(max-width:380px){.stat-card{padding:var(--space-md) var(--space-sm)}.stat-card .stat-value{font-size:var(--text-lg)}.stat-card .stat-label{font-size:10px}}@media(max-height:500px)and (orientation:landscape){.stat-card{padding:var(--space-sm)}.stat-card .stat-value{font-size:var(--text-lg)}}.stat-card-clickable{cursor:pointer}.stat-card-clickable:active{transform:scale(.97);box-shadow:none}.dashboard-widgets{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}@media(max-width:768px){.dashboard-widgets{grid-template-columns:1fr}}@media(max-width:380px){.dashboard-widgets{gap:var(--space-md)}}@media(max-height:500px)and (orientation:landscape){.dashboard-widgets{grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}}.dash-widget{background:var(--bg-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.dash-widget:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dash-widget-clickable{cursor:pointer}.dash-widget-clickable:active{transform:scale(.98);box-shadow:none}.dash-widget-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:var(--border-w-default) solid var(--border-subtle);font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.dash-widget-link{background:none;border:none;color:var(--accent-purple-light);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.dash-widget-link:hover{color:var(--text-primary)}.dash-widget-body{padding:var(--space-lg)}@media(max-width:380px){.dash-widget-body{padding:var(--space-md)}}.widget-stat-big{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-sm)}.widget-stat-number{font-size:var(--text-2xl);font-weight:800;font-family:var(--font-mono);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.widget-stat-label{font-size:var(--text-sm);color:var(--text-tertiary)}.widget-progress-bar{width:100%;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden;margin-bottom:var(--space-md)}.widget-progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width var(--duration-normal) var(--ease-out)}.widget-next-achievement{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--surface-1);border-radius:var(--radius-md);border:var(--border-w-default) solid var(--border-subtle)}.widget-next-icon{font-size:1.5rem;flex-shrink:0}.widget-next-info{flex:1;min-width:0}.widget-next-name{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.widget-next-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.widget-mini-progress{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.widget-mini-bar{flex:1;height:4px;background:var(--surface-3);border-radius:2px;overflow:hidden}.widget-mini-fill{height:100%;background:var(--accent-purple);border-radius:2px}.widget-mini-text{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0}.widget-complete{text-align:center;font-size:var(--text-sm);color:var(--accent-green);padding:var(--space-md)}.widget-hot-list{display:flex;flex-direction:column;gap:var(--space-sm)}.widget-hot-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.widget-hot-item:hover{background:var(--surface-1)}.widget-hot-rank{font-size:1.2rem;flex-shrink:0;width:28px;text-align:center}.widget-hot-thumb{width:36px;height:48px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.widget-hot-thumb img{width:100%;height:100%;object-fit:cover}.widget-hot-placeholder{font-size:1rem;color:var(--text-tertiary)}.widget-hot-info{flex:1;min-width:0}.widget-hot-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.widget-hot-name{font-size:var(--text-xs)}}.widget-hot-set{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-hot-score{font-size:var(--text-xs);font-weight:700;color:var(--accent-amber);flex-shrink:0}.widget-db-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-sm)}.widget-db-stat{text-align:center;padding:var(--space-md);background:var(--surface-1);border-radius:var(--radius-md);border:var(--border-w-default) solid var(--border-subtle)}@media(max-width:380px){.widget-db-stat{padding:var(--space-sm)}}.widget-db-number{font-size:var(--text-xl);font-weight:800;font-family:var(--font-mono);color:var(--text-primary)}@media(max-width:380px){.widget-db-number{font-size:var(--text-lg)}}.widget-db-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.widget-recent-list{display:flex;flex-direction:column;gap:2px}.widget-recent-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.widget-recent-item:hover{background:var(--surface-1)}.widget-recent-num{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);width:36px;flex-shrink:0}.widget-recent-info{flex:1;min-width:0}.widget-recent-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.widget-recent-name{font-size:var(--text-xs)}}.widget-recent-set{font-size:var(--text-xs);color:var(--text-tertiary)}.widget-recent-date{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0}.widget-empty{text-align:center;padding:var(--space-lg);font-size:var(--text-sm);color:var(--text-tertiary)}@media(max-height:500px)and (orientation:landscape){.ad-banner{min-height:50px;padding:var(--space-sm);margin:var(--space-md) 0}}.filter-bar{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.filter-bar--stacked{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.filter-bar-top{display:flex;align-items:center;gap:var(--space-sm);width:100%}.filter-bar-quick{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:var(--space-sm) var(--space-lg);padding-left:2.5rem;background:var(--bg-elevated);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);outline:none;transition:all var(--duration-fast) var(--ease-out)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-15)}.search-wrapper{position:relative;flex:1;min-width:200px}.search-wrapper .search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-tertiary);pointer-events:none}.filter-chip{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:var(--border-w-default) solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.filter-chip:hover{border-color:var(--border-medium);color:var(--text-primary)}.filter-chip.active{background:var(--accent-20);border-color:var(--accent-purple);color:var(--accent-purple-light);animation:chip-activate var(--duration-fast) var(--ease-spring)}.filter-chip:active{transform:scale(.93)}@keyframes chip-activate{0%{transform:scale(.92)}60%{transform:scale(1.05)}to{transform:scale(1)}}.filter-mode-tabs{display:flex;gap:1px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:2px;flex-shrink:0}.filter-mode-tab{padding:3px 11px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;color:var(--text-tertiary);background:transparent;border:none;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;transition:all var(--duration-fast) var(--ease-out)}.filter-mode-tab.active{background:var(--accent-20);color:var(--accent-purple-light)}.filter-mode-tab:hover:not(.active){color:var(--text-secondary)}.filter-quick-select{padding:5px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-primary);cursor:pointer;appearance:none;-webkit-appearance:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out);white-space:nowrap}.filter-quick-select:focus{border-color:var(--accent-purple);box-shadow:0 0 0 2px var(--accent-15)}.filter-panel{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);margin-top:calc(-1 * var(--space-sm));display:flex;flex-direction:column;gap:var(--space-sm);animation:emptyStateFadeIn .12s ease both}.filter-panel-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.filter-panel-divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-xs) 0}.filter-rule-row{display:flex;gap:6px;align-items:center}.active-filters-strip{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:var(--space-md);margin-top:calc(-1 * var(--space-sm))}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.set-card{border-radius:var(--radius-lg);border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-card);overflow:hidden;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative}.set-card:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.set-card .card-image{width:100%;height:180px;object-fit:cover;display:block;background:var(--bg-elevated);transition:transform var(--duration-slow) var(--ease-out)}.set-card .card-image-wrapper{overflow:hidden;position:relative}.set-card .card-image-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,var(--bg-card));pointer-events:none}.set-card .card-body{padding:var(--space-lg)}.set-card .card-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-xs);line-height:1.3}.set-card .card-meta{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-xs);color:var(--text-tertiary)}.set-card .card-meta span{display:flex;align-items:center;gap:4px}.set-card .progress-bar{margin-top:var(--space-md);height:4px;border-radius:var(--radius-full);background:var(--accent-10);overflow:hidden}.set-card .progress-fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-primary);transition:width var(--duration-slow) var(--ease-out)}@media(hover:hover){.set-card:hover .card-image{transform:scale(1.1) rotate(-2deg)}}.card-brand{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.brand-marvel{background:var(--brand-marvel-bg);color:#ff6b6b}.brand-dc{background:#0063b233;color:#4dabf7}.brand-topps{background:var(--amber-20);color:var(--priority-med-text)}.brand-other{background:var(--green-20);color:#6ee7b7}.data-table-wrapper{margin-left:calc(-1 * (var(--safe-left, 0px) + var(--space-lg)));margin-right:calc(-1 * (var(--safe-right, 0px) + var(--space-lg)))}.data-table th:first-child,.data-table td:first-child{position:sticky;left:0;z-index:20;background:var(--bg-base)}.data-table th:first-child{z-index:30}.data-table tbody tr:hover td:first-child{background:var(--accent-5)}[data-theme=light] .data-table th:first-child,[data-theme=light] .data-table td:first-child{background:var(--bg-base)}[data-theme=light] .data-table tbody tr:hover td:first-child{background:var(--accent-5)}.data-table th[data-col=sourceIndex],.data-table td[data-col=sourceIndex]{width:40px;min-width:40px;max-width:40px;text-align:center}.data-table th[data-col=name],.data-table td[data-col=name]{position:sticky;left:100px;z-index:20;background:var(--bg-base)}.data-table th[data-col=name]{z-index:30}.data-table tbody tr:hover td[data-col=name]{background:var(--accent-5)}[data-theme=light] .data-table th[data-col=name],[data-theme=light] .data-table td[data-col=name]{background:var(--bg-base)}[data-theme=light] .data-table tbody tr:hover td[data-col=name]{background:var(--accent-5)}@media(max-width:640px){.data-table th[data-col=name],.data-table td[data-col=name]{left:0}}.data-table.density-compact td,.data-table.density-compact th{padding-top:6px;padding-bottom:6px;font-size:calc(var(--text-sm) * .92)}.data-table.density-compact .set-art-collage,.data-table.density-compact .set-art-placeholder{transform:scale(.82);transform-origin:center}.data-table.density-comfortable td,.data-table.density-comfortable th{padding-top:18px;padding-bottom:18px}.density-toggle-group{display:flex;gap:2px;margin-top:12px;padding-top:12px;border-top:var(--border-w-default) solid var(--border-subtle)}.density-btn{flex:1;padding:5px 0;border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:11px;font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast);display:flex;flex-direction:column;align-items:center;gap:3px}.density-btn:hover{border-color:var(--border-medium);color:var(--text-secondary)}.density-btn.active{background:var(--accent-15);border-color:var(--accent-purple);color:var(--accent-purple-light)}.density-btn svg{opacity:.7}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead{position:sticky;top:var(--nav-height);z-index:25}.data-table thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--border-subtle);z-index:calc(var(--z-elevated) + 1)}.data-table th{position:sticky;top:var(--nav-height);z-index:25;background:var(--bg-base);color:var(--text-tertiary);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:var(--border-w-default) solid var(--border-subtle);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast)}.data-table th:hover{color:var(--text-primary)}.data-table th:active{color:var(--accent-purple-light);transform:scale(.97)}.data-table th.sorted{color:var(--accent-purple-light)}.data-table th .sort-arrow{display:inline-block;margin-left:4px;font-size:.7rem;opacity:0;transition:opacity var(--duration-fast)}.data-table th:hover .sort-arrow,.data-table th.sorted .sort-arrow{opacity:1}.data-table td{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-w-default) solid var(--accent-6);vertical-align:middle;transition:background var(--duration-fast)}.data-table tbody tr{transition:background var(--duration-fast)}.data-table tbody tr:hover{background:var(--accent-5)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .card-number{font-family:var(--font-mono);font-weight:600;font-size:var(--text-xs);color:var(--text-accent);white-space:nowrap}.data-table .card-name{font-weight:500;color:var(--text-primary)}.data-table .card-subset{color:var(--text-tertiary);font-size:var(--text-xs)}.card-status-switch{display:inline-flex;border-radius:var(--radius-full);border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-elevated);overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.css-seg{display:flex;align-items:center;justify-content:center;gap:3px;padding:0 8px;height:26px;min-width:50px;font-size:.7rem;color:var(--text-tertiary);opacity:.35;border-right:var(--border-w-default) solid var(--border-subtle);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.css-seg .seg-sym{font-size:.65rem;line-height:1;flex-shrink:0}.css-seg .seg-txt{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1}.css-seg:last-child{border-right:none}.css-seg:hover{opacity:.75;background:var(--white-05)}.css-seg.active-none{opacity:.5;color:var(--text-secondary);background:var(--white-05)}.css-seg.active-owned{opacity:1;color:var(--accent-green);background:var(--green-18);animation:css-seg-pop var(--duration-fast) var(--ease-spring)}.css-seg.active-wish{opacity:1;color:var(--accent-amber);background:var(--amber-20);animation:css-seg-pop var(--duration-fast) var(--ease-spring)}@keyframes css-seg-pop{0%{transform:scale(.75)}55%{transform:scale(1.2)}to{transform:scale(1)}}.set-state-switch .css-seg{height:36px;min-width:72px;gap:5px;padding:0 12px;font-size:.85rem}.set-state-switch .css-seg .seg-sym{font-size:.8rem}.set-state-switch .css-seg .seg-txt{font-size:.68rem}.completion-summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.dupe-summary-badge{padding:3px 8px;border-radius:var(--radius-full);background:var(--accent-10);border:var(--border-w-default) solid var(--accent-20);color:var(--text-accent);font-size:11px;font-weight:600;white-space:nowrap;cursor:default;flex-shrink:0}.subset-prog-list{display:flex;flex-direction:column;gap:5px;width:100%}.subset-prog-row{display:grid;grid-template-columns:72px 1fr 34px 20px;align-items:center;gap:6px}.subset-prog-row--bonus{opacity:.55}.subset-prog-row--bonus .subset-prog-name{font-style:italic;font-size:10px}.subset-prog-row--bonus .subset-prog-fill{background:#ffffff38}.subset-prog-name{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subset-prog-track{height:4px;border-radius:var(--radius-full);background:var(--white-07);overflow:hidden}.subset-prog-fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-primary);transition:width var(--duration-slow) var(--ease-out);min-width:2px}.subset-prog-count{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);text-align:right;white-space:nowrap}.subset-dupe-pip{font-size:9px;color:var(--text-accent);font-weight:700;text-align:center;opacity:.8}.subset-more{margin-top:2px}.subset-more-toggle{font-size:10px;color:var(--text-tertiary);cursor:pointer;padding:2px 0;list-style:none;transition:color var(--duration-fast)}.subset-more-toggle::-webkit-details-marker{display:none}.subset-more-toggle:hover{color:var(--text-secondary)}.card-status-cell{display:flex;flex-direction:column;align-items:center;gap:3px}.card-qty-badge{font-size:9px;font-family:var(--font-mono);color:var(--text-accent);font-weight:700;padding:1px 4px;border-radius:4px;background:var(--accent-10);border:var(--border-w-default) solid var(--accent-20);white-space:nowrap;cursor:default}.card-qty-controls{display:flex;gap:2px}.card-qty-btn{width:18px;height:18px;border-radius:4px;border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:all var(--duration-fast)}.card-qty-btn:hover{border-color:var(--border-medium);color:var(--text-primary);background:var(--bg-surface)}.type-badge{display:inline-block;padding:2px 8px}.type-base{background:var(--purple-muted-20);color:var(--text-tertiary)}.type-parallel{background:var(--green-15);color:var(--accent-green)}.type-chase{background:var(--accent-20);color:var(--accent-purple-light)}.type-extra{background:var(--amber-20);color:var(--accent-amber)}.priority-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:var(--border-w-default) solid transparent;-webkit-user-select:none;user-select:none}.priority-badge:hover{transform:scale(1.08);filter:brightness(1.15)}.priority-badge.priority-none{background:var(--purple-muted-12);color:var(--text-tertiary);border-color:var(--border-subtle)}.priority-badge.priority-low{background:var(--blue-18);color:var(--priority-low-text)}.priority-badge.priority-medium{background:var(--amber-20);color:var(--priority-med-text)}.priority-badge.priority-high{background:var(--red-20);color:var(--priority-high-text)}.priority-chip-group{display:flex;gap:6px}.priority-chip{padding:4px 12px;border:var(--border-w-default) solid var(--border-subtle);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.priority-chip:hover{border-color:var(--border-medium);color:var(--text-primary)}.priority-chip:active{transform:scale(.92)}.priority-chip.active-low{background:var(--blue-18);border-color:var(--priority-low-border);color:var(--priority-low-text)}.priority-chip.active-medium{background:var(--amber-20);border-color:var(--accent-amber);color:var(--priority-med-text)}.priority-chip.active-high{background:var(--red-20);border-color:var(--accent-red);color:var(--priority-high-text)}@media(max-width:380px){.filter-bar{gap:var(--space-xs)}.filter-chip{padding:var(--space-xs) var(--space-sm);font-size:11px}}@media(max-height:500px)and (orientation:landscape){.filter-bar{flex-wrap:nowrap;overflow-x:auto;gap:var(--space-xs);padding-top:var(--space-xs);padding-bottom:var(--space-xs)}}@media(max-width:640px){.filter-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-xs)}.filter-bar::-webkit-scrollbar{display:none}.data-table td,.data-table th{padding:8px 6px}.data-table{font-size:var(--text-xs)}.data-table th .sort-arrow{opacity:.4}.data-table th.sorted .sort-arrow{opacity:1}.filter-chip,.owned-toggle,.priority-chip,.status-seg-btn,.view-toggle-btn,.condition-chip{-webkit-tap-highlight-color:transparent}.view-controls{gap:var(--space-sm)}.uncollected-toggle-group{width:100%;justify-content:flex-start}.uncollected-label{font-size:10px}.condition-chip{padding:3px 8px;font-size:11px}.storage-selector .condition-chip{font-size:11px}.bulk-action-bar{padding:8px 16px!important;gap:8px!important;font-size:var(--text-xs)}.hide-desktop{display:flex!important}.set-name-cell{padding:12px 10px!important}.set-name-primary{font-size:var(--text-sm)}}@media(max-width:768px){.search-input,.detail-input,.detail-textarea,.input-field,select.detail-input{font-size:16px}.filter-bar .search-wrapper{min-width:100%;order:-1}.card-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.gallery-card-info{padding:var(--space-xs)}.gallery-card-name{font-size:11px}.gallery-card-number{font-size:.6rem}.album-extras-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}.owned-toggle{min-width:40px;min-height:40px}.data-table-wrapper,.ach-category-tabs,.set-tag-group,.filter-bar{scroll-behavior:smooth}.empty-state{padding:var(--space-2xl) var(--space-lg)}.empty-state .empty-icon{font-size:2.5rem}.empty-state .empty-title{font-size:var(--text-lg)}.priority-badge{min-width:44px;text-align:center;padding:4px 10px}}.view-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.view-toggle-group{display:flex;border-radius:var(--radius-md);overflow:hidden;border:var(--border-w-default) solid var(--border-subtle)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.view-toggle-btn:first-child{border-right:var(--border-w-default) solid var(--border-subtle)}.view-toggle-btn:hover{color:var(--text-primary);background:var(--accent-8)}.view-toggle-btn.active{background:var(--accent-20);color:var(--accent-purple-light)}.view-toggle-btn:active{transform:scale(.9);background:var(--accent-10)}.uncollected-toggle-group{display:flex;align-items:center;gap:var(--space-sm)}.uncollected-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.th-img{width:40px;padding:var(--space-sm)!important;cursor:default!important}.td-thumb{width:40px;padding:var(--space-xs) var(--space-sm)!important}.card-thumb{width:36px;height:50px;object-fit:contain;background:var(--bg-elevated);border-radius:var(--radius-sm);border:var(--border-w-default) solid var(--border-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:block}@media(hover:hover){.card-thumb:hover{transform:scale(1.15);border-color:var(--accent-purple);box-shadow:0 0 12px var(--accent-30);z-index:2;position:relative}}.card-thumb-empty{display:flex;align-items:center;justify-content:center;width:36px;height:50px;border-radius:var(--radius-sm);border:1px dashed var(--border-subtle);font-size:.875rem;color:var(--text-tertiary);opacity:.4;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.card-thumb-empty:hover{opacity:.7;border-color:var(--border-medium)}.card-row-faded{opacity:.3;transition:opacity var(--duration-fast) var(--ease-out)}.card-row-faded:hover{opacity:.7}.gallery-card-faded{opacity:.25;filter:grayscale(.6);transition:all var(--duration-fast) var(--ease-out)}.gallery-card-faded:hover{opacity:.6;filter:grayscale(.2)}.card-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}.gallery-card{border-radius:var(--radius-md);border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-card);overflow:hidden;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;content-visibility:auto;contain-intrinsic-size:120px 200px}.gallery-card:hover{border-color:var(--border-accent);transform:translateY(-3px);box-shadow:var(--shadow-md),var(--shadow-glow)}.gallery-card-img{position:relative;width:100%;aspect-ratio:5 / 7;overflow:hidden;background:var(--gradient-card)}.gallery-card-img img{width:100%;height:100%;object-fit:contain;background:var(--bg-elevated);display:block;transition:transform var(--duration-normal) var(--ease-out)}@media(hover:hover){.gallery-card:hover .gallery-card-img img{transform:scale(1.08)}}.gallery-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:var(--space-xs)}.gallery-placeholder-num{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);opacity:.6}.gallery-placeholder-icon{font-size:2rem;opacity:.35}.gallery-card-badges{position:absolute;top:var(--space-xs);right:var(--space-xs);display:flex;gap:3px}.gallery-badge-owned{width:22px;height:22px;border-radius:50%;background:var(--green-85);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:none;backdrop-filter:none}.gallery-badge-ordered{width:22px;height:22px;border-radius:50%;background:var(--amber-85);color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:none;backdrop-filter:none}.gallery-card-info{padding:var(--space-sm);display:flex;flex-direction:column;gap:2px}.gallery-card-number{font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--text-accent)}.gallery-card-name{font-size:var(--text-xs);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.card-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.view-controls{flex-direction:column;align-items:stretch}.uncollected-toggle-group{justify-content:center}.th-img,.td-thumb{display:none}}@media(min-width:1024px){.card-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.set-name-cell{padding:10px 12px!important}.set-name-primary{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:var(--text-base);font-weight:700;color:var(--text-primary);line-height:1.3}.set-name-text{flex:1 1 auto;min-width:0}.set-row-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;border:var(--border-w-default) solid currentColor;white-space:nowrap;flex-shrink:0}.set-row-badge-complete{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.set-name-meta{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:var(--text-xs);color:var(--text-tertiary);flex-wrap:nowrap;overflow:hidden}.set-meta-year{white-space:nowrap;flex-shrink:0}.set-meta-dot{opacity:.4;flex-shrink:0}.set-meta-brand{margin:0!important;font-size:11px!important;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.card-thumb-empty:hover{border-color:var(--accent-50);background:var(--accent-10);transform:scale(1.03)}}.set-meta-progress{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;font-weight:600}.set-meta-progress.complete{color:var(--accent-green)}.set-meta-bar{display:inline-block;width:40px;height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden;vertical-align:middle}.set-meta-fill{display:block;height:100%;background:var(--accent-purple);border-radius:2px;min-width:2px}.hide-desktop{display:none}.dash-tab-count{background:var(--accent-15);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:700;padding:1px 7px;border-radius:var(--radius-full);font-family:var(--font-mono)}.track-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);border:var(--border-w-default) solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.track-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple-light);background:var(--accent-10);transform:translateY(-1px)}.track-btn.tracking{background:var(--green-12);border-color:var(--accent-green);color:var(--accent-green)}.track-btn.tracking:hover{background:var(--red-12);border-color:var(--accent-red);color:var(--priority-high-text)}.collecting-star{font-size:.85em;opacity:.8;margin-right:2px}.personal-badge{display:inline-block;font-size:.8em;margin-right:2px;opacity:.85}.personal-btn-active{background:#d9a02f2e!important;color:#f0bd4f!important;border-color:#d9a02f66!important}.personal-btn-active:hover{background:#d9a02f47!important}.filter-chip.personal-filter.active{background:#d9a02f2e;color:#f0bd4f;border-color:#d9a02f59}.set-table-row.collecting-true td:first-of-type{border-left:3px solid var(--accent-purple)}.set-card.set-card-collecting{border-color:var(--accent-40);box-shadow:0 0 0 1px var(--accent-20)}.set-collecting-badge{position:absolute;top:8px;left:8px;background:var(--accent-90);color:#fff;font-size:var(--text-xs);font-weight:700;padding:3px 10px;border-radius:var(--radius-full);z-index:2;letter-spacing:.04em}.img-picker-query-chip{display:flex;align-items:baseline;gap:6px;margin-top:8px;padding:6px 10px;background:var(--cyan-6);border:var(--border-w-default) solid var(--cyan-18);border-radius:var(--radius-md);flex-wrap:wrap}.img-picker-query-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:600;white-space:nowrap;flex-shrink:0}.img-picker-query-text{font-family:var(--font-mono);font-size:11px;color:#67e8f9;word-break:break-all;line-height:1.5}.img-ref-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin-top:8px;margin-right:8px;border-radius:var(--radius-full);border:var(--border-w-default) solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.img-ref-link:hover{border-color:var(--accent-purple);color:var(--accent-purple-light);background:var(--accent-8)}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.gallery-card-img img.img-loaded{opacity:1!important}.virtual-table-wrap{position:relative;overflow-y:auto;will-change:transform}.virtual-table-wrap table{width:100%}.virtual-spacer{width:100%;pointer-events:none}.data-table tbody tr{content-visibility:auto;contain-intrinsic-size:auto 52px}.skeleton-row td{padding:var(--space-sm) var(--space-md)}.skeleton-cell{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-cell-wide{width:60%}.skeleton-cell-narrow{width:30%}.skeleton-cell-thumb{width:36px;height:50px;border-radius:4px}.set-detail-header{display:flex;gap:var(--space-xl);margin-bottom:var(--space-2xl);align-items:flex-start}.set-detail-header .set-cover{width:320px;height:440px;border-radius:var(--radius-lg);object-fit:cover;border:var(--border-w-default) solid var(--border-subtle);flex-shrink:0;box-shadow:var(--shadow-lg)}.set-detail-header .set-info{flex:1}.set-detail-header .set-info h1{margin-bottom:var(--space-sm)}.set-detail-header .set-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:var(--space-lg);font-size:var(--text-sm);color:var(--text-secondary)}.set-detail-header .set-meta .meta-item{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary)}.set-detail-header .set-meta a.meta-item{color:var(--text-secondary);text-decoration-color:var(--text-secondary);transition:color .2s ease}.set-detail-header .set-meta a.meta-item:hover{color:var(--text-primary);text-decoration-color:var(--text-primary)}.set-detail-header .set-meta .meta-dot{opacity:.4;font-size:.9em;margin:0}.set-cover-col{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.collage-cta--below{font-size:11px;font-weight:400;color:var(--text-tertiary);line-height:1.4;text-align:center;max-width:200px;margin-top:var(--space-xl)}.set-completion{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--gradient-card);border:var(--border-w-default) solid var(--border-subtle)}.completion-ring{width:80px;height:80px;position:relative;flex-shrink:0}.completion-ring svg{transform:rotate(-90deg);width:100%;height:100%}.completion-ring .ring-bg{fill:none;stroke:var(--accent-10);stroke-width:6}.completion-ring .ring-fill{fill:none;stroke:url(#ringGradient);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-out)}.completion-ring .ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:var(--text-base);color:var(--text-accent)}.completion-info{flex:1}.completion-info .owned-count{font-size:var(--text-lg);font-weight:700}.completion-info .owned-label{font-size:var(--text-xs);color:var(--text-tertiary)}.set-completion--ultra{border-color:#f59e0b59;background:linear-gradient(135deg,#7c3aed1f,#f59e0b14,#ec489914);position:relative;overflow:hidden}.set-completion--ultra:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(245,158,11,.06) 50%,transparent 80%);animation:ultraShimmer 3s ease-in-out infinite;pointer-events:none}@keyframes ultraShimmer{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}.completion-ring--ultra{filter:drop-shadow(0 0 8px rgba(245,158,11,.5))}.ring-fill--ultra{stroke:url(#ultraGradient);stroke-width:7}.ring-text--ultra{font-size:22px;color:var(--accent-amber);animation:ultraPulse 2s ease-in-out infinite}@keyframes ultraPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}.owned-count--ultra{line-height:1}.ultra-badge{font-size:var(--text-xl);font-weight:800;background:linear-gradient(90deg,var(--accent-amber),var(--accent-red),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.ultra-extra-label{color:var(--accent-amber);font-weight:600}.subset-prog-name--done{color:var(--accent-green, var(--accent-green))}.subset-prog-fill--done{background:linear-gradient(90deg,var(--accent-purple),var(--accent-green))!important}.subset-done-check{font-size:11px;color:var(--accent-green, var(--accent-green));font-weight:700;margin-left:2px}.extras-teaser{display:flex;align-items:center;justify-content:space-between;padding:5px 0 2px;margin-top:2px;border-top:var(--border-w-default) solid var(--white-05)}.extras-teaser-label{font-size:var(--text-xs);color:var(--text-tertiary);opacity:.7}.extras-premium-hint{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-purple);opacity:.6;border:var(--border-w-default) solid var(--accent-30);border-radius:4px;padding:1px 5px}@media(max-width:380px){.set-detail-header{gap:var(--space-md)}.set-detail-header .set-cover{width:120px!important;height:158px!important}.section-heading{font-size:var(--text-sm)}}@media(max-width:640px){.set-tag-group{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;max-width:100%}.set-tag-group::-webkit-scrollbar{display:none}.set-detail-header .set-info h1{font-size:var(--text-xl)}}@media(max-width:768px){.set-detail-header .set-info>div:first-child{flex-direction:column;align-items:flex-start}}.view-mode-toggle{display:flex;background:var(--bg-elevated);border-radius:var(--radius-md);padding:2px;border:var(--border-w-default) solid var(--border-subtle);margin-left:auto}.sets-table tr{transition:transform var(--duration-normal) var(--ease-spring),background var(--duration-fast)}.sets-table tr:hover{background:var(--bg-card-hover)!important}.sets-table tr:hover .collage-layer.layer-0{transform:translate(-38px) scale(1.08) translateY(-4px);box-shadow:var(--shadow-glow);z-index:10}.sets-table tr:hover .collage-layer.layer-1{transform:translate(0) scale(1.08) translateY(-4px);box-shadow:var(--shadow-glow);z-index:10}.sets-table tr:hover .collage-layer.layer-2{transform:translate(38px) scale(1.08) translateY(-4px);box-shadow:var(--shadow-glow);z-index:10}.sets-table tr:hover .set-art-placeholder{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-glow);border-style:solid;border-color:var(--accent-purple)}.sets-table tr:hover .set-art-cover img{transform:scale(1.08);box-shadow:var(--shadow-glow)}.sets-table tr:active{transform:scale(.98)}.set-art-collage{position:relative;width:120px;height:85px;display:flex;align-items:center;justify-content:center}.set-art-collage img{position:absolute;width:56px;height:78px;object-fit:contain;border-radius:6px;box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-spring);background:var(--bg-surface);border:var(--border-w-default) solid var(--border-subtle)}.collage-layer.layer-0{z-index:3;transform:translate(-28px)}.collage-layer.layer-1{z-index:2;transform:translate(0)}.collage-layer.layer-2{z-index:1;transform:translate(28px)}.set-art-placeholder{width:60px;height:60px;border-radius:8px;background:var(--gradient-card);display:flex;align-items:center;justify-content:center;font-size:2rem;border:1px dashed var(--border-subtle);transition:all var(--duration-normal) var(--ease-spring)}.set-art-cover{width:120px;height:85px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px}.set-art-cover img{width:100%;height:100%;object-fit:cover;border-radius:6px;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal)}.set-art-cover--gallery{width:100%;height:180px;border-radius:0}.set-art-cover--gallery img{border-radius:0}@media(hover:hover){.set-card:hover .set-art-cover--gallery img{transform:scale(1.06)}}.set-art-cover--header{position:absolute;inset:0;width:100%;height:100%;border-radius:0;overflow:hidden}.set-art-cover--header img{object-fit:contain;border-radius:12px;box-shadow:0 10px 32px var(--overlay-80);border:2px solid var(--white-15);width:auto;height:90%;max-width:90%}@media(hover:hover){#set-cover-art:hover .set-art-cover--header img{transform:scale(1.05);box-shadow:0 16px 48px var(--overlay-90)}}.set-card-collage-area{display:flex;align-items:center;justify-content:center;background:var(--gradient-card)}.set-art-collage--gallery{position:relative;width:100%;height:180px;display:flex;align-items:center;justify-content:center;overflow:visible}.set-art-collage--gallery .collage-layer{position:absolute;width:80px;height:112px;object-fit:cover;border-radius:6px;box-shadow:0 4px 16px var(--overlay-60);border:2px solid var(--border-subtle);transition:all .4s cubic-bezier(.34,1.56,.64,1);background:var(--bg-surface)}.set-art-collage--gallery .layer-0{transform:rotate(-8deg) translate(-35px);z-index:3}.set-art-collage--gallery .layer-1{transform:rotate(0) translate(0);z-index:4}.set-art-collage--gallery .layer-2{transform:rotate(8deg) translate(35px);z-index:3}@media(hover:hover){.set-card:hover .set-art-collage--gallery .layer-0{transform:rotate(-16deg) translate(-55px) scale(1.12);z-index:10;box-shadow:-6px 8px 24px var(--overlay-70)}.set-card:hover .set-art-collage--gallery .layer-1{transform:rotate(0) translate(0) scale(1.18);z-index:12;box-shadow:0 8px 28px var(--overlay-70)}.set-card:hover .set-art-collage--gallery .layer-2{transform:rotate(16deg) translate(55px) scale(1.12);z-index:10;box-shadow:6px 8px 24px var(--overlay-70)}}.set-art-collage--header{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:visible}.set-art-collage--header .collage-layer{position:absolute;width:170px;height:238px;object-fit:cover;border-radius:12px;box-shadow:0 10px 32px var(--overlay-80);border:2px solid var(--border-subtle);transition:all .45s cubic-bezier(.34,1.56,.64,1);background:var(--bg-surface)}.set-art-collage--header .layer-0{transform:translate(-72px) rotate(-8deg) translateY(10px);z-index:3}.set-art-collage--header .layer-1{transform:translate(0) rotate(0) translateY(0);z-index:4}.set-art-collage--header .layer-2{transform:translate(72px) rotate(8deg) translateY(10px);z-index:3}@media(hover:hover){#set-cover-art:hover .set-art-collage--header .layer-0{transform:translate(-105px) rotate(-14deg) translateY(18px) scale(1.04);z-index:2;box-shadow:-12px 14px 40px var(--overlay-80)}#set-cover-art:hover .set-art-collage--header .layer-1{transform:translate(0) rotate(0) translateY(-10px) scale(1.08);z-index:10;box-shadow:0 20px 52px var(--overlay-90)}#set-cover-art:hover .set-art-collage--header .layer-2{transform:translate(105px) rotate(14deg) translateY(18px) scale(1.04);z-index:2;box-shadow:12px 14px 40px var(--overlay-80)}}.set-art-placeholder--header{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:visible}.blank-card-stack--header{position:relative;width:110px;height:154px}.blank-card-stack--header .blank-card{border-radius:10px;width:110px;height:154px}.blank-card-stack--header .blank-card.bc-2{transform:translate(34px) rotate(8deg) translateY(10px);z-index:1;opacity:.25}.blank-card-stack--header .blank-card.bc-1{transform:translate(0) rotate(0) translateY(0);z-index:2;opacity:.45}.blank-card-stack--header .blank-card.bc-0{transform:translate(-34px) rotate(-8deg) translateY(10px);z-index:3;opacity:.65}@media(hover:hover){#set-cover-art:hover .blank-card-stack--header .blank-card.bc-2{transform:translate(48px) rotate(13deg) translateY(18px) scale(1.03);z-index:1}#set-cover-art:hover .blank-card-stack--header .blank-card.bc-1{transform:translate(0) rotate(0) translateY(-8px) scale(1.06);z-index:10}#set-cover-art:hover .blank-card-stack--header .blank-card.bc-0{transform:translate(-48px) rotate(-13deg) translateY(18px) scale(1.03);z-index:1}}.collage-cta--header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);line-height:1.5;text-align:center;opacity:0;transition:opacity .25s ease;pointer-events:none}@media(hover:hover){#set-cover-art:hover .collage-cta--header{opacity:1}}.set-art-placeholder--gallery{width:100%;height:180px;display:flex;align-items:center;justify-content:center;background:var(--gradient-card);border-radius:0;border:none;font-size:3rem;transition:all var(--duration-normal) var(--ease-spring);opacity:.5}@media(hover:hover){.set-card:hover .set-art-placeholder--gallery{opacity:.75;transform:scale(1.1)}}.set-art-placeholder--gallery .blank-card-stack{width:84px;height:118px}.set-art-placeholder--gallery .blank-card.bc-2{transform:rotate(10deg) translate(12px)}.set-art-placeholder--gallery .blank-card.bc-1{transform:rotate(5deg) translate(6px)}.set-art-placeholder--gallery .collage-cta{font-size:10px}.set-art-placeholder--gallery.set-art-placeholder--no-images{height:180px}@media(hover:hover){.set-card:hover .set-art-placeholder--gallery .blank-card.bc-2{transform:rotate(18deg) translate(20px) scale(1.06)}.set-card:hover .set-art-placeholder--gallery .blank-card.bc-1{transform:rotate(8deg) translate(10px) scale(1.08)}.set-card:hover .set-art-placeholder--gallery .blank-card.bc-0{transform:rotate(-4deg) scale(1.12)}}.set-art-placeholder--no-images{flex-direction:column;gap:10px;opacity:1!important}.blank-card-stack{position:relative;width:68px;height:96px;flex-shrink:0}.blank-card{position:absolute;inset:0;border-radius:6px;background:var(--bg-elevated);border:1.5px solid var(--border-subtle);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.blank-card.bc-2{transform:rotate(8deg) translate(8px);z-index:1;opacity:.4}.blank-card.bc-1{transform:rotate(4deg) translate(4px);z-index:2;opacity:.6}.blank-card.bc-0{transform:rotate(0);z-index:3;opacity:.85}@media(hover:hover){.set-card:hover .blank-card.bc-2,.set-art-placeholder--no-images:hover .blank-card.bc-2{transform:rotate(14deg) translate(16px) scale(1.04)}.set-card:hover .blank-card.bc-1,.set-art-placeholder--no-images:hover .blank-card.bc-1{transform:rotate(5deg) translate(7px) scale(1.06)}.set-card:hover .blank-card.bc-0,.set-art-placeholder--no-images:hover .blank-card.bc-0{transform:rotate(-3deg) scale(1.1)}}.blank-card-stack--sm{width:50px;height:48px}.blank-card-stack--sm .blank-card{border-radius:4px}.blank-card-stack--sm .blank-card.bc-2{transform:translate(12px)}.blank-card-stack--sm .blank-card.bc-1{transform:translate(6px)}.blank-card-stack--sm .blank-card.bc-0{transform:translate(0)}.collage-cta{font-size:9px;font-weight:600;text-align:center;line-height:1.4;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;opacity:0;transition:opacity .2s ease;pointer-events:none}@media(hover:hover){.set-card:hover .collage-cta,.set-art-placeholder--no-images:hover .collage-cta{opacity:1}}.data-table .card-row>td{transition:background-color var(--duration-fast) var(--ease-out)}.data-table .card-row--base>td:first-child{box-shadow:inset 4px 0 #7c3aed!important}.data-table .card-row--chase>td:first-child{box-shadow:inset 4px 0 #fbbf24!important}.data-table .card-row--extras>td:first-child{box-shadow:inset 4px 0 #14b8a6!important}.data-table .card-row--base>td{background-color:#7c3aed1a!important}.data-table .card-row--chase>td{background-color:#fbbf2421!important}.data-table .card-row--extras>td{background-color:#14b8a621!important}@media(hover:hover){.data-table .card-row--base:hover>td{background-color:#7c3aed33!important}.data-table .card-row--chase:hover>td{background-color:#fbbf2438!important}.data-table .card-row--extras:hover>td{background-color:#14b8a638!important}}.data-table .card-row.selected-row>td{background-color:var(--accent-10)!important}.gallery-card{position:relative}.gallery-card--base:before,.gallery-card--chase:before,.gallery-card--extras:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);pointer-events:none;z-index:2}.gallery-card--base:before{background:#7c3aed}.gallery-card--chase:before{background:#fbbf24}.gallery-card--extras:before{background:#14b8a6}.filter-chip--type{position:relative;padding-left:12px}.filter-chip--type:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:2px;background:currentColor;opacity:.5}.filter-chip--type-base:before{background:#7c3aed;opacity:1}.filter-chip--type-chase:before{background:#fbbf24;opacity:1}.filter-chip--type-extras:before{background:#14b8a6;opacity:1}.filter-chip--type-parallel:before{background:#14b8a6;opacity:1}.filter-chip--type-promo:before{background:#14b8a6;opacity:1}.filter-chip--locked{opacity:.72;cursor:pointer;position:relative}.filter-chip--locked:hover{opacity:.95}.filter-bar-quick--sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px 6px 18px;margin-top:4px;border-left:3px solid #14b8a6;background:#14b8a60d;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.filter-bar-quick--sub .filter-sub-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-weight:600;margin-right:2px}.filter-chip--sub{font-size:11px;padding:3px 9px 3px 14px}.filter-chip--sub:before{width:2px;height:50%}.search-section{margin-bottom:var(--space-2xl);contain:layout style paint}.search-section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:var(--border-w-default) solid var(--border-subtle)}.search-section-icon{font-size:1.1rem;flex-shrink:0}.search-section-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);flex:1}.search-section-count{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:600;color:var(--text-tertiary);background:var(--surface-2);padding:2px 8px;border-radius:var(--radius-full)}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}@media(max-width:600px){.search-results-grid{grid-template-columns:1fr}}.search-result-card{background:var(--bg-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex!important;flex-direction:row!important;gap:0!important;padding:0!important;overflow:hidden}.search-result-card:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 0 1px var(--accent-15)}.search-result-card:active{transform:scale(.98);box-shadow:none}@media(max-width:600px){.search-result-card{transition:none}.search-result-card:hover{transform:none;box-shadow:none}.search-result-card:active{transform:none}}.src-top{display:flex;flex-direction:column;gap:var(--space-xs)}.src-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.src-badges{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.src-category{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);color:var(--text-tertiary);background:var(--surface-2);padding:2px 8px;border-radius:var(--radius-full)}.src-bottom{display:flex;flex-direction:column;gap:var(--space-xs)}.src-collected{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.src-collected.partial{color:var(--accent-amber)}.src-collected.complete{color:var(--accent-green);font-weight:600}.src-pct{margin-left:auto;font-size:var(--text-xs);font-family:var(--font-mono);opacity:.7}.src-progress-bar{width:100%;height:3px;background:var(--surface-2);border-radius:2px;overflow:hidden}.src-progress-fill{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width var(--duration-normal) var(--ease-out);min-width:0}.src-collected.complete+.src-progress-bar .src-progress-fill,.search-result-set:has(.src-collected.complete) .src-progress-fill{background:linear-gradient(90deg,var(--accent-green),var(--accent-cyan-light))}.src-type-badge{display:inline-block;padding:2px 7px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;background:var(--surface-2);color:var(--text-tertiary);white-space:nowrap}.src-type-badge.base{background:var(--surface-2);color:var(--text-tertiary)}.src-type-badge[class*=type-base],.src-type-badge.type-base{background:var(--surface-2);color:var(--text-secondary)}.src-type-badge[class*=type-parallel],.src-type-badge.type-parallel{background:var(--green-15);color:var(--accent-green)}.src-type-badge[class*=type-chase],.src-type-badge.type-chase{background:var(--blue-18);color:var(--accent-cyan)}.src-type-badge[class*=type-extra],.src-type-badge.type-extra{background:var(--amber-15);color:var(--accent-amber)}@media(max-width:600px){.set-art-collage--search .collage-layer,.set-art-cover--search img{transition:none}.search-input{-webkit-appearance:none;font-size:16px}}.adv-filter-panel{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);animation:emptyStateFadeIn .15s ease both}.adv-filter-section{display:flex;flex-direction:column;gap:var(--space-xs)}.adv-filter-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.adv-filter-chips{display:flex;gap:var(--space-xs);flex-wrap:wrap}.adv-year-input{font-size:var(--text-sm);padding:4px 8px}.search-scope-bar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap}.search-status-cell{display:flex;align-items:center;gap:4px;white-space:nowrap}.search-quick-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:transparent;color:var(--text-tertiary);font-size:13px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.search-quick-btn:hover{border-color:var(--accent-green);color:var(--accent-green);background:var(--green-12)}.search-quick-btn.search-quick-btn--owned{border-color:var(--accent-green);background:var(--green-12);color:var(--accent-green);font-weight:700}.search-quick-btn.search-quick-btn--wish:hover{border-color:var(--accent-amber);color:var(--accent-amber);background:var(--amber-15)}.search-quick-btn.search-quick-btn--wish.active{border-color:var(--accent-amber);background:var(--amber-15);color:var(--accent-amber)}.src-collage{width:72px;min-width:72px;display:flex;align-items:center;justify-content:center;background:var(--gradient-card);border-radius:var(--radius-lg) 0 0 var(--radius-lg);overflow:hidden;flex-shrink:0;position:relative}.src-content{flex:1;min-width:0;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.set-art-collage--search{position:relative;width:72px;height:100%;min-height:80px;display:flex;align-items:center;justify-content:center}.set-art-collage--search .collage-layer{position:absolute;width:36px;height:50px;object-fit:cover;border-radius:3px;box-shadow:0 2px 8px var(--overlay-50);border:var(--border-w-default) solid rgba(255,255,255,.12);transition:all .35s cubic-bezier(.34,1.56,.64,1);background:var(--bg-surface)}.set-art-collage--search .layer-0{transform:rotate(-6deg) translate(-9px);z-index:3}.set-art-collage--search .layer-1{transform:rotate(0);z-index:4}.set-art-collage--search .layer-2{transform:rotate(6deg) translate(9px);z-index:3}@media(hover:hover){.search-result-card:hover .set-art-collage--search .layer-0{transform:rotate(-14deg) translate(-18px) scale(1.06)}.search-result-card:hover .set-art-collage--search .layer-1{transform:rotate(0) scale(1.1)}.search-result-card:hover .set-art-collage--search .layer-2{transform:rotate(14deg) translate(18px) scale(1.06)}}.set-art-placeholder--search{width:72px;min-height:80px;display:flex;align-items:center;justify-content:center;opacity:.35}.set-art-cover--search{width:72px;min-height:80px;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}.set-art-cover--search img{width:100%;height:100%;object-fit:cover;border-radius:4px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover){.search-result-card:hover .set-art-cover--search img{transform:scale(1.08)}}.mysteries-layout{display:grid;grid-template-columns:360px 1fr;height:calc(100vh - var(--top-nav-height, 60px) - var(--bottom-nav-height, 60px));overflow:hidden}@media(max-width:768px){.mysteries-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;overflow:visible}}@media(max-height:500px)and (orientation:landscape){.mysteries-layout{grid-template-columns:1fr;height:auto}}.mysteries-sidebar{display:flex;flex-direction:column;border-right:var(--border-w-default) solid var(--border-subtle);overflow:hidden}@media(max-width:768px){.mysteries-sidebar{border-right:none;border-bottom:var(--border-w-default) solid var(--border-subtle);max-height:50vh}}@media(max-height:500px)and (orientation:landscape){.mysteries-sidebar{max-height:40vh}}.mysteries-header{padding:var(--space-lg);border-bottom:var(--border-w-default) solid var(--border-subtle);flex-shrink:0}.mysteries-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.mysteries-title{font-size:var(--text-xl);font-weight:800;margin:0}.mysteries-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin:0 0 var(--space-sm)}.mysteries-tabs{display:flex;gap:4px;margin-top:var(--space-sm)}.mysteries-tab{flex:1;padding:6px 10px;border-radius:var(--radius-sm);border:var(--border-w-default) solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.mysteries-tab.mysteries-tab--active{background:var(--accent);color:#fff;border-color:var(--accent)}.mysteries-filters{display:flex;gap:var(--space-sm)}.mystery-filter-select{flex:1;background:var(--surface-2);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-xs);padding:6px 8px;cursor:pointer}.mysteries-list{flex:1;overflow-y:auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm)}#mysteries-flagged-panel{flex:1;overflow-y:auto;display:flex;flex-direction:column}.flagged-section-label{padding:8px var(--space-sm) 4px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary)}.mysteries-loading,.mysteries-error,.mysteries-empty{text-align:center;padding:var(--space-xl);color:var(--text-tertiary);font-size:var(--text-sm)}.mysteries-error{color:#e05252}.mystery-card{padding:var(--space-md);background:var(--surface-2);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.mystery-card:hover{border-color:var(--border-medium);background:var(--surface-3);transform:translate(2px)}.mystery-card.mystery-card--active{border-color:#a73cdd;background:#a73cdd14}.mystery-card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.mystery-card-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0 0 6px;line-height:1.4}.mystery-card-ref{font-size:10px;color:var(--text-tertiary);display:block;margin-bottom:6px}.mystery-card-footer{display:flex;gap:var(--space-md)}.mystery-meta{font-size:10px;color:var(--text-tertiary)}.mystery-cat-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:99px;background:hsla(var(--cat-color, 280, 70%, 55%),.15);color:var(--cat-color, hsl(280, 70%, 65%));border:var(--border-w-default) solid hsla(var(--cat-color, 280, 70%, 55%),.3);white-space:nowrap}.mystery-cat-badge.mystery-cat-badge--lg{font-size:12px;padding:4px 12px}.mystery-status-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px;white-space:nowrap}.mystery-status-open{background:#3ca7dd26;color:#67bbe4;border:var(--border-w-default) solid hsla(200,70%,55%,.3)}.mystery-status-resolved{background:#2eb85c26;color:#47d175;border:var(--border-w-default) solid hsla(140,60%,45%,.3)}.mystery-status-disputed{background:#e8ab3026;color:#edbe5e;border:var(--border-w-default) solid hsla(40,80%,55%,.3)}.mysteries-detail{overflow-y:auto;position:relative}@media(max-width:768px){.mysteries-detail{min-height:60vh}}.mysteries-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-md);color:var(--text-tertiary)}.mysteries-empty-icon{font-size:3rem;opacity:.4}.mystery-detail-content{padding:var(--space-xl);max-width:720px}.mystery-detail-top{margin-bottom:var(--space-xl)}.mystery-detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--space-md)}.mystery-ref-badge{font-size:11px;color:var(--text-secondary);padding:3px 10px;background:var(--surface-3);border-radius:99px;border:var(--border-w-default) solid var(--border-subtle)}.mystery-detail-title{font-size:var(--text-xl);font-weight:800;margin:0 0 var(--space-md);line-height:1.3}.mystery-detail-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin:0 0 var(--space-lg)}.mystery-detail-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.mystery-upvote-btn{background:#a73cdd1a!important;border-color:#a73cdd4d!important}.mystery-resolution{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#2eb85c1a;border:var(--border-w-default) solid hsla(140,60%,45%,.3);border-left:3px solid hsl(140,60%,45%);border-radius:var(--radius-md)}.mystery-resolution-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#47d175;display:block;margin-bottom:6px}.mystery-evidence-section{border-top:var(--border-w-default) solid var(--border-subtle);padding-top:var(--space-lg)}.mystery-evidence-heading{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-md);font-weight:700;margin:0 0 var(--space-md)}.mystery-evidence-item{padding:var(--space-md);background:var(--surface-2);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.mystery-evidence-type{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:4px}.mystery-evidence-content{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6;margin:0 0 6px;word-break:break-word}.mystery-evidence-content a{color:var(--accent-blue);text-decoration:underline}.mystery-evidence-meta{display:flex;gap:var(--space-md);font-size:10px;color:var(--text-tertiary)}.mystery-add-evidence-form{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--surface-2);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-md)}.mystery-modal-overlay{position:fixed;inset:0;background:#000000bf;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.mystery-modal{background:var(--surface-1);border:var(--border-w-default) solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 64px var(--overlay-50)}.mystery-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:var(--border-w-default) solid var(--border-subtle)}.mystery-modal-header h2{font-size:var(--text-lg);font-weight:700;margin:0}.mystery-modal-close{background:none;border:none;color:var(--text-tertiary);font-size:18px;cursor:pointer;padding:4px;line-height:1}.mystery-modal-body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.mystery-field{display:flex;flex-direction:column;gap:6px}.mystery-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.mystery-label-hint{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-tertiary)}.mystery-input{background:var(--surface-2);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);padding:10px 12px;font-family:inherit;transition:border-color var(--duration-fast)}.mystery-input:focus{outline:none;border-color:#a73cdd}.mystery-textarea{resize:vertical;min-height:80px}.mystery-modal-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-sm)}.mystery-author{font-weight:600;color:var(--text-secondary)}.mystery-premium-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;color:#f4c025;vertical-align:middle}.mystery-detail-author{font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--space-md)}.mystery-detail-author strong{color:var(--text-secondary)}.hero-name-card{text-align:center;padding:var(--space-xl)!important}.hero-name-display{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.hero-name-label{font-size:var(--text-xl);font-weight:800;background:linear-gradient(135deg,#bb67e4,#52b1e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-premium-badge{font-size:var(--text-xs);font-weight:700;color:#f4c025;background:#f4c0251f;padding:3px 10px;border-radius:99px;border:var(--border-w-default) solid hsla(45,90%,55%,.3)}.hero-name-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin:0 0 var(--space-md)}.hero-name-controls{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.binder-view{display:flex;flex-direction:column;gap:var(--space-2xl);padding:var(--space-md) 0}.binder-page{background:var(--gradient-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:16px;padding:24px 28px;position:relative;box-shadow:0 2px 0 var(--white-05) inset,0 20px 40px var(--overlay-40),0 0 0 1px var(--accent-8);overflow:hidden;transform-style:preserve-3d;animation:binderPageIn .3s var(--ease-out) both}.binder-page:before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:linear-gradient(90deg,#7c3aed59,#7c3aed14);border-radius:16px 0 0 16px;box-shadow:2px 0 8px var(--overlay-30)}@media(max-width:599px){.binder-page{padding:14px 16px}}@keyframes binderPageIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.binder-page-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:16px;padding-left:20px;opacity:.5;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.binder-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-left:18px}@media(max-width:599px){.binder-page-grid{gap:8px;padding-left:12px}}.binder-pocket{aspect-ratio:2.5 / 3.5;border-radius:8px;background:var(--bg-surface);border:var(--border-w-default) solid var(--border-subtle);position:relative;overflow:hidden;cursor:pointer;transition:all .25s var(--ease-spring);box-shadow:inset 0 1px 3px var(--overlay-40),0 2px 6px var(--overlay-30)}.binder-pocket:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--white-05) 0%,transparent 60%);border-radius:8px;pointer-events:none}.binder-pocket:not(.binder-pocket--empty):hover{transform:translateY(-3px) scale(1.04);border-color:var(--accent-50);box-shadow:inset 0 1px 3px var(--overlay-30),0 6px 20px var(--overlay-50),0 0 0 1px var(--accent-30);z-index:5}.binder-pocket:not(.binder-pocket--empty):active{transform:scale(.97)}.binder-pocket--empty{opacity:.3;cursor:default}.binder-pocket--empty .binder-card-num{opacity:0}.binder-card-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:7px}.binder-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--bg-elevated),var(--bg-surface));gap:4px}.binder-card-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:600;line-height:1}.binder-card-name{font-size:9px;color:var(--text-tertiary);text-align:center;padding:0 4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;opacity:.6}.binder-status{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;z-index:3;pointer-events:none}.binder-status--owned{background:var(--accent-green);color:var(--text-on-accent);box-shadow:0 1px 4px #10b98180}.binder-status--wish{background:var(--accent-amber);color:var(--text-on-accent);box-shadow:0 1px 4px var(--amber-85)}.binder-pocket-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);padding:8px 5px 5px;text-align:center;opacity:0;transition:opacity .2s ease;pointer-events:none;border-radius:0 0 7px 7px}.binder-pocket:hover .binder-pocket-overlay{opacity:1}.binder-overlay-name{font-size:8px;color:#ffffffd9;font-weight:600;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.binder-overlay-num{font-family:var(--font-mono);font-size:7px;color:#fff6;margin-top:1px}.binder-pocket--faded{opacity:.25}.binder-pocket--faded:hover{opacity:.55}.dm-section{margin-bottom:var(--space-3xl)}.dm-section-header{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl)}@media(max-width:640px){.dm-section-header{flex-direction:column;gap:var(--space-sm)}}.dm-section-icon{font-size:2rem;flex-shrink:0;filter:drop-shadow(0 2px 8px var(--accent-30))}.dm-section-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-xs)}.dm-section-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.dm-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}@media(max-width:640px){.dm-card-grid{grid-template-columns:1fr}}.dm-card{border-radius:var(--radius-lg);border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-card);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);transition:all var(--duration-normal) var(--ease-out)}.dm-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.dm-card-icon{font-size:2.5rem}.dm-card-content h3{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-xs)}.dm-card-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.dm-card-btn{margin-top:auto;align-self:flex-start}.dm-import-zone{border:2px dashed var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-xl);text-align:center;transition:all var(--duration-normal) var(--ease-out);background:var(--accent-2);cursor:pointer}.dm-import-zone:hover,.dm-import-zone.drag-over{border-color:var(--accent-purple);background:var(--accent-6);box-shadow:0 0 40px var(--accent-10)}.dm-import-zone.drag-over{transform:scale(1.01)}.dm-import-icon{font-size:3rem;margin-bottom:var(--space-md);animation:float-bounce 3s ease-in-out infinite}@keyframes float-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dm-import-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-xs)}.dm-import-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-lg)}.dm-import-desc strong{color:var(--accent-purple-light);font-weight:600}.dm-import-or{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md)}.dm-import-result{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);margin-top:var(--space-lg);animation:slide-up .3s var(--ease-spring)}.dm-result-success{background:var(--green-12);border:var(--border-w-default) solid var(--green-20)}.dm-result-error{background:var(--red-12);border:var(--border-w-default) solid var(--red-30)}.dm-result-icon{font-size:2rem;flex-shrink:0}.dm-result-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.dm-result-text strong{color:var(--text-primary)}.dm-guide{display:flex;flex-direction:column;gap:var(--space-md)}.dm-guide-step{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-card);border:var(--border-w-default) solid var(--border-subtle);transition:all var(--duration-fast) var(--ease-out)}.dm-guide-step:hover{border-color:var(--border-medium);transform:translate(4px)}@media(max-width:640px){.dm-guide-step{flex-direction:column;align-items:center;text-align:center}}.dm-step-number{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-weight:800;font-size:var(--text-base);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-glow)}.dm-step-content h4{font-size:var(--text-base);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-xs)}.dm-step-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.dm-step-content strong{color:var(--accent-purple-light)}.dm-alerts-list{display:flex;flex-direction:column;gap:var(--space-md)}.dm-alert-card{border-radius:var(--radius-lg);border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-card);padding:var(--space-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);transition:border-color var(--duration-fast) var(--ease-out)}.dm-alert-card:hover{border-color:var(--border-medium)}.dm-alert-info{flex:1}.dm-alert-info h3{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-xs)}.dm-alert-meta{font-size:var(--text-xs);color:var(--text-secondary);display:flex;gap:var(--space-md);align-items:center}.dm-alert-source{padding:2px 6px;border-radius:4px;background:var(--bg-card-hover);font-weight:600;text-transform:uppercase;color:var(--text-primary)}.dm-alert-actions{display:flex;gap:var(--space-sm)}.dm-empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary);font-size:var(--text-sm);background:var(--bg-card);border-radius:var(--radius-lg);border:1px dashed var(--border-subtle)}.dm-danger-section{padding:var(--space-xl);border-radius:var(--radius-xl);border:var(--border-w-default) solid var(--red-20);background:var(--bg-card)}.dm-danger-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.dm-danger-btn{background:var(--red-12);border:var(--border-w-default) solid var(--red-30);color:#f87171;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);align-self:flex-start}.dm-danger-btn:hover{background:var(--red-20);border-color:var(--accent-red);transform:translateY(-1px);box-shadow:0 4px 16px var(--red-20)}.dm-danger-note{font-size:var(--text-xs);color:var(--text-tertiary)}.resources-page{max-width:960px;margin:0 auto;padding:24px 16px 80px}.resources-hero{text-align:center;padding:48px 24px 40px;margin-bottom:8px}.resources-hero-icon{font-size:48px;margin-bottom:12px;filter:drop-shadow(0 0 24px var(--accent-60))}.resources-hero-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;background:linear-gradient(135deg,var(--accent-purple-light) 0%,#60a5fa 60%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:-.02em}.resources-hero-sub{color:var(--text-secondary, #94a3b8);font-size:1.05rem;max-width:560px;margin:0 auto;line-height:1.6}.resources-section{margin-bottom:48px}.resources-section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary, #f1f5f9);text-transform:uppercase;letter-spacing:.12em;margin:0 0 16px;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:var(--border-w-default) solid rgba(255,255,255,.08)}.resources-section-icon{font-size:1.2em}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.resource-card{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:14px;background:#ffffff0a;border:var(--border-w-default) solid rgba(255,255,255,.08);text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer}.resource-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .18s ease;border-radius:inherit}.resource-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0006}.resource-card--facebook:before{background:linear-gradient(135deg,rgba(24,119,242,.12) 0%,transparent 70%)}.resource-card--facebook:hover{border-color:#1877f266}.resource-card--facebook:hover:before{opacity:1}.resource-card--facebook .resource-card-badge{background:#1877f22e;color:#60a5fa}.resource-card--facebook .resource-card-logo{color:#60a5fa}.resource-card--instagram:before{background:linear-gradient(135deg,rgba(214,41,118,.12) 0%,transparent 70%)}.resource-card--instagram:hover{border-color:#d6297666}.resource-card--instagram:hover:before{opacity:1}.resource-card--instagram .resource-card-badge{background:#d629762e;color:#f472b6}.resource-card--instagram .resource-card-logo{color:#f472b6}.resource-card--reddit:before{background:linear-gradient(135deg,rgba(255,87,0,.12) 0%,transparent 70%)}.resource-card--reddit:hover{border-color:#ff570066}.resource-card--reddit:hover:before{opacity:1}.resource-card--reddit .resource-card-badge{background:#ff57002e;color:#fb923c}.resource-card--reddit .resource-card-logo{color:#fb923c}.resource-card--data:before{background:linear-gradient(135deg,var(--accent-12) 0%,transparent 70%)}.resource-card--data:hover{border-color:var(--accent-40)}.resource-card--data:hover:before{opacity:1}.resource-card--data .resource-card-badge{background:var(--accent-20);color:var(--accent-purple-light)}.resource-card--data .resource-card-logo{font-size:28px}.resource-card-badge{position:absolute;top:12px;right:12px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:20px;background:#ffffff14;color:var(--text-secondary, #94a3b8)}.resource-card-logo{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;position:relative;z-index:1;margin-top:2px}.resource-card-body{flex:1;min-width:0;position:relative;z-index:1;padding-right:16px}.resource-card-body h3{font-size:.95rem;font-weight:700;color:var(--text-primary, #f1f5f9);margin:0 0 5px;line-height:1.3}.resource-card-body p{font-size:.8rem;color:var(--text-secondary, #94a3b8);margin:0;line-height:1.55}.resource-card-arrow{position:absolute;bottom:14px;right:14px;font-size:1rem;color:var(--text-secondary, #94a3b8);opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease;z-index:1}.resource-card:hover .resource-card-arrow{opacity:1;transform:translate(0)}.credits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.credit-block{background:#ffffff08;border:var(--border-w-default) solid rgba(255,255,255,.07);border-radius:14px;padding:20px;transition:background .18s ease,border-color .18s ease}.credit-block:hover{background:#ffffff0e;border-color:#ffffff21}.credit-block h3{font-size:.95rem;font-weight:700;color:var(--text-primary, #f1f5f9);margin:0 0 8px}.credit-block p{font-size:.8rem;color:var(--text-secondary, #94a3b8);margin:0;line-height:1.6}.credit-block-icon{font-size:28px;margin-bottom:10px}.resources-footer{margin-top:40px;padding-top:20px;border-top:var(--border-w-default) solid rgba(255,255,255,.07);text-align:center}.resources-footer p{font-size:.75rem;color:var(--text-secondary, #94a3b8);opacity:.6;margin:0;line-height:1.6}@media(max-width:480px){.resources-grid,.credits-grid{grid-template-columns:1fr}}.account-screen{max-width:560px;margin:0 auto}.account-section{margin-bottom:var(--space-2xl)}.account-section-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-md)}.account-card{background:var(--bg-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.account-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:800;color:#fff;flex-shrink:0}.account-email{font-weight:600;font-size:var(--text-base)}.account-id{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);margin-top:2px}.account-hint{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-sm)}.account-link{color:var(--accent-purple-light);text-decoration:none}.account-link:hover{text-decoration:underline}.account-danger .account-section-title{color:var(--accent-red)}.guest-banner{background:var(--gradient-card);border:var(--border-w-default) solid var(--border-medium);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center}.guest-banner-icon{font-size:3rem;margin-bottom:var(--space-md);filter:drop-shadow(0 0 16px var(--accent-40))}.guest-banner h2{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-sm)}.guest-banner p{color:var(--text-secondary);font-size:var(--text-sm);max-width:340px;margin:0 auto}.signin-options{display:flex;flex-direction:column;gap:var(--space-sm)}.btn-social{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;border:var(--border-w-default) solid var(--border-medium);transition:all var(--duration-fast) var(--ease-out);width:100%;font-family:var(--font-sans)}.btn-apple{background:#000;color:#fff;border-color:#000}.btn-apple:hover{background:#1a1a1a}.btn-google{background:var(--bg-card);color:var(--text-primary)}.btn-google:hover{background:var(--bg-card-hover)}.social-icon{width:20px;height:20px;flex-shrink:0}.signin-divider{display:flex;align-items:center;gap:var(--space-md);color:var(--text-tertiary);font-size:var(--text-sm);margin:var(--space-xs) 0}.signin-divider:before,.signin-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.magic-link-form{display:flex;gap:var(--space-sm)}.magic-link-form .input-field{flex:1}.signin-fine-print{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.nav-auth-indicator{position:relative;display:inline-flex;align-items:center}.nav-avatar{width:24px;height:24px;border-radius:var(--radius-full);background:var(--gradient-primary);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;line-height:1}.nav-avatar-sm{width:20px;height:20px;font-size:10px}.nav-auth-dot{position:absolute;top:-2px;right:-4px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--accent-purple-light);animation:auth-dot-pulse 2s ease-in-out infinite}@keyframes auth-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.value-props{list-style:none;padding:0;margin:var(--space-md) auto 0;max-width:300px;text-align:left}.value-props li{padding:var(--space-xs) 0;font-size:var(--text-sm);color:var(--text-secondary)}.sync-status-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.sync-status-icon{font-size:20px;flex-shrink:0}.sync-status-label{font-weight:600;margin:0}.sync-status-detail{font-size:var(--text-xs);color:var(--text-tertiary);margin:2px 0 0}.account-actions-grid{display:flex;gap:var(--space-sm);flex-wrap:wrap}.account-actions-grid .btn{display:inline-flex;align-items:center;gap:var(--space-xs)}.account-danger-zone .account-section-title{color:var(--accent-red, #ef4444)}.btn-danger{background:var(--accent-red, #ef4444);color:#fff;border:none;cursor:pointer;font-weight:600;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-sans);transition:all var(--duration-fast) var(--ease-out)}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-overlay{position:fixed;inset:0;z-index:var(--z-toast);display:flex;align-items:center;justify-content:center;background:var(--overlay-70);animation:fade-in var(--duration-normal) var(--ease-out)}.modal-panel{background:var(--bg-card);border:var(--border-w-default) solid var(--border-medium);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:400px;width:90vw;box-shadow:var(--shadow-xl)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-sm)}.status-active{background:var(--green-15);color:var(--accent-green);border:var(--border-w-default) solid rgba(16,185,129,.3)}.status-free{background:var(--accent-10);color:var(--accent-purple-light);border:var(--border-w-default) solid var(--border-subtle)}.status-warning{font-size:var(--text-sm);color:var(--accent-amber);margin-bottom:var(--space-sm)}.status-loading{color:var(--text-tertiary);font-size:var(--text-sm)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.upgrade-screen{max-width:640px;margin:0 auto;text-align:center}.upgrade-hero{padding:var(--space-2xl) 0 var(--space-xl)}.upgrade-badge{font-size:4rem;margin-bottom:var(--space-md);filter:drop-shadow(0 0 24px var(--accent-50));animation:float-glow 4s ease-in-out infinite}.upgrade-title{font-size:var(--text-3xl);font-weight:900;letter-spacing:-.04em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.upgrade-tagline{color:var(--text-secondary);font-size:var(--text-lg)}.upgrade-features{display:flex;flex-direction:column;gap:var(--space-md);text-align:left;margin-bottom:var(--space-2xl)}.upgrade-feature{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out)}.upgrade-feature:hover{border-color:var(--border-medium)}.upgrade-feature strong{display:block;font-size:var(--text-base);font-weight:700;margin-bottom:2px}.upgrade-feature p{font-size:var(--text-sm);color:var(--text-secondary)}.feature-icon{font-size:1.5rem;flex-shrink:0;line-height:1;margin-top:2px}.upgrade-plans{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-2xl)}@media(max-width:600px){.upgrade-plans{grid-template-columns:1fr}}.plan-card{background:var(--bg-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);position:relative;transition:all var(--duration-fast) var(--ease-out)}.plan-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.plan-featured{border-color:var(--accent-purple);box-shadow:0 0 24px var(--accent-20)}.plan-lifetime{border-color:var(--accent-cyan)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent-purple);color:#fff;font-size:var(--text-xs);font-weight:700;padding:2px var(--space-md);border-radius:var(--radius-full);white-space:nowrap}.plan-name{font-size:var(--text-base);font-weight:700;color:var(--text-secondary);margin-bottom:var(--space-sm)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:var(--space-sm)}.plan-amount{font-size:var(--text-3xl);font-weight:900;font-family:var(--font-mono);letter-spacing:-.04em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-period{font-size:var(--text-sm);color:var(--text-tertiary)}.plan-save{font-size:var(--text-xs);color:var(--accent-green);margin-bottom:var(--space-md)}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-base);width:100%}.upgrade-trust{text-align:center;display:flex;flex-direction:column;gap:var(--space-sm)}.upgrade-trust p{font-size:var(--text-sm);color:var(--text-tertiary)}.btn-inline{background:none;border:none;color:var(--accent-purple-light);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;padding:0;text-decoration:underline}.faq-screen{max-width:680px;margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:var(--space-sm)}.faq-item{background:var(--bg-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out)}.faq-item[open]{border-color:var(--border-medium)}.faq-question{padding:var(--space-lg);font-size:var(--text-base);font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease-out)}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"›";font-size:var(--text-xl);color:var(--text-tertiary);transform:rotate(90deg);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.faq-question:hover{background:var(--accent-5)}details[open] .faq-question:after{transform:rotate(270deg)}.faq-answer{padding:0 var(--space-lg) var(--space-lg);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.faq-answer ul{padding-left:var(--space-lg);margin:var(--space-sm) 0}.faq-answer li{margin-bottom:var(--space-xs)}.faq-answer strong{color:var(--text-primary)}.faq-answer a{color:var(--accent-purple-light)}.faq-answer p+p{margin-top:var(--space-sm)}.achievement-popup-overlay{position:fixed;inset:0;z-index:calc(var(--z-toast) + 10);display:flex;align-items:center;justify-content:center;background:#000000bf;opacity:0;transition:opacity .35s var(--ease-out);padding:var(--space-lg)}.achievement-popup-overlay.visible{opacity:1}.achievement-popup-overlay.leaving{opacity:0}.achievement-popup-overlay.visible .achievement-popup{transform:scale(1) translateY(0)}.achievement-popup-overlay.leaving .achievement-popup{transform:scale(.9) translateY(10px)}.achievement-popup{position:relative;background:var(--bg-elevated);border:var(--border-w-default) solid var(--border-accent);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-2xl) var(--space-2xl);max-width:360px;width:100%;text-align:center;transform:scale(.8) translateY(20px);transition:transform .4s var(--ease-spring);overflow:hidden;box-shadow:var(--shadow-lg),0 0 60px var(--accent-30)}.achievement-popup-glow{position:absolute;inset:-50%;pointer-events:none;animation:ach-glow-pulse 2s ease-in-out infinite}@keyframes ach-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.achievement-popup-icon{font-size:64px;margin-bottom:var(--space-lg);animation:ach-icon-bounce .6s var(--ease-spring);position:relative;z-index:1;filter:drop-shadow(0 0 12px rgba(255,215,0,.4))}@keyframes ach-icon-bounce{0%{transform:scale(0) rotate(-20deg)}50%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0)}}.achievement-popup-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--accent-amber);font-weight:700;margin-bottom:var(--space-sm);position:relative;z-index:1}.achievement-popup-name{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-sm);position:relative;z-index:1}.achievement-popup-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-lg);position:relative;z-index:1}.achievement-popup-tier{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 16px;border:var(--border-w-default) solid;border-radius:var(--radius-full);margin-bottom:var(--space-xl);position:relative;z-index:1}.achievement-popup-dismiss{display:block;width:100%;padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-md);background:var(--gradient-primary);color:var(--text-on-accent);font-family:var(--font-sans);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative;z-index:1}.achievement-popup-dismiss:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.ach-progress-banner{background:var(--gradient-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-xl);flex-wrap:wrap}.ach-progress-stats{display:flex;align-items:baseline;gap:2px;flex-shrink:0}.ach-progress-count{font-size:var(--text-3xl);font-weight:800;font-family:var(--font-mono);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ach-progress-separator{font-size:var(--text-xl);color:var(--text-tertiary);margin:0 2px}.ach-progress-total{font-size:var(--text-xl);font-weight:600;font-family:var(--font-mono);color:var(--text-secondary)}.ach-progress-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-left:var(--space-sm)}.ach-progress-bar-wrapper{flex:1;min-width:150px;display:flex;align-items:center;gap:var(--space-md)}.ach-progress-bar{flex:1;height:8px;border-radius:var(--radius-full);background:var(--accent-10);overflow:hidden}.ach-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-primary);transition:width var(--duration-slow) var(--ease-out)}.ach-progress-pct{font-size:var(--text-sm);font-weight:600;font-family:var(--font-mono);color:var(--text-accent);white-space:nowrap}.ach-platform-btn{flex-shrink:0}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md)}.ach-card{position:relative;display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-card);transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.ach-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.ach-card.unlocked{border-color:var(--border-accent)}.ach-card.unlocked[data-tier=bronze]{border-color:#cd7f3266}.ach-card.unlocked[data-tier=silver]{border-color:#c0c0c066}.ach-card.unlocked[data-tier=gold]{border-color:#ffd70066;box-shadow:0 0 20px #ffd7001a}.ach-card.unlocked[data-tier=platinum]{border-color:#e5e4e280;box-shadow:0 0 24px #e5e4e226}.ach-card.locked{opacity:.65}.ach-card-glow{position:absolute;inset:-50%;pointer-events:none;z-index:0}.ach-card-icon{font-size:2.5rem;flex-shrink:0;position:relative;z-index:1;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--accent-10)}.ach-card-icon.locked-icon{filter:grayscale(.8);opacity:.5}.ach-card-info{flex:1;min-width:0;position:relative;z-index:1}.ach-card-name{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:2px}.ach-card-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.ach-card-date{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-xs);font-family:var(--font-mono)}.ach-card-progress{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.ach-card-progress-bar{flex:1;height:4px;border-radius:var(--radius-full);background:var(--accent-10);overflow:hidden}.ach-card-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-primary);transition:width var(--duration-slow) var(--ease-out)}.ach-card-progress-text{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap}.ach-card-tier{flex-shrink:0;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border:var(--border-w-default) solid;border-radius:var(--radius-full);position:relative;z-index:1}@media(max-width:480px){.ach-grid{grid-template-columns:1fr}.ach-progress-banner{flex-direction:column;align-items:stretch;text-align:center}.ach-progress-stats{justify-content:center}}@media(max-width:640px){.ach-category-tab{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);white-space:nowrap}.ach-cat-count{font-size:10px}.ach-card{padding:var(--space-md)}}.ach-category-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-xs);flex-wrap:nowrap}.ach-category-tabs::-webkit-scrollbar{display:none}.ach-category-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);border:var(--border-w-default) solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.ach-category-tab:hover{border-color:var(--border-medium);color:var(--text-primary)}.ach-category-tab.active{background:var(--accent-20);border-color:var(--accent-purple);color:var(--accent-purple-light)}.ach-cat-count{font-size:var(--text-xs);font-family:var(--font-mono);opacity:.7}[data-tooltip]{position:relative}[data-tooltip]:before,[data-tooltip]:after{position:absolute;opacity:0;visibility:hidden;transition:all var(--duration-fast) var(--ease-spring);pointer-events:none;z-index:calc(var(--z-overlay) + 100)}[data-tooltip]:before{content:attr(data-tooltip);bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px) scale(.95);width:max-content;max-width:200px;background:var(--bg-nav);color:var(--text-primary);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:600;padding:6px 10px;border-radius:var(--radius-sm);border:var(--border-w-default) solid var(--border-medium);box-shadow:var(--shadow-md);text-align:center;white-space:pre-wrap;line-height:1.3}[data-tooltip]:after{content:"";bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(4px);border:4px solid transparent;border-top-color:var(--border-medium)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}#leaderboard-screen{max-width:700px}.lb-my-rank-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl) var(--space-2xl);background:var(--gradient-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.lb-my-rank-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);pointer-events:none}.lb-my-rank-card--empty{opacity:.7}.lb-my-rank-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-xs)}.lb-my-rank-value{font-size:3rem;font-weight:900;font-family:var(--font-mono);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-xs)}.lb-my-rank-meta{font-size:var(--text-sm);color:var(--text-tertiary)}.lb-list{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-xl)}.lb-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:var(--border-w-default) solid var(--border-subtle);background:var(--bg-card);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.lb-row:hover{background:var(--surface-1);transform:translate(2px)}.lb-row:active{transform:translate(1px)}.lb-row--gold{background:color-mix(in srgb,hsl(45,85%,52%) 8%,var(--bg-card));border-color:color-mix(in srgb,hsl(45,85%,52%) 25%,transparent)}.lb-row--silver{background:color-mix(in srgb,hsl(220,15%,62%) 8%,var(--bg-card));border-color:color-mix(in srgb,hsl(220,15%,62%) 20%,transparent)}.lb-row--bronze{background:color-mix(in srgb,hsl(22,65%,48%) 8%,var(--bg-card));border-color:color-mix(in srgb,hsl(22,65%,48%) 22%,transparent)}.lb-row--me{outline:2px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:1px}.lb-rank-badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-family:var(--font-mono);flex-shrink:0}.lb-rank-badge--gold{background:#edb91d;color:#3d320f}.lb-rank-badge--silver{background:#848fa4;color:#21242c}.lb-rank-badge--bronze{background:#ca652b;color:#392113}.lb-rank-badge--other{background:var(--surface-2);color:var(--text-tertiary)}.lb-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:800;color:#fff;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.lb-info{flex:1;min-width:0}.lb-name{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-xs)}.lb-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-you-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:100px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);border:var(--border-w-default) solid color-mix(in srgb,var(--accent) 30%,transparent);flex-shrink:0}.lb-score{font-size:var(--text-base);font-weight:800;font-family:var(--font-mono);color:var(--text-primary);flex-shrink:0;text-align:right}.lb-pts{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);font-family:var(--font-base)}.lb-empty{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-tertiary);margin-bottom:var(--space-xl)}.lb-empty p{font-size:var(--text-sm);margin-bottom:var(--space-lg)}.lb-empty-icon{margin-bottom:var(--space-md);opacity:.3}.lb-how-section{background:var(--bg-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-2xl)}.lb-how-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);font-weight:700;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease-out)}.lb-how-header:hover{background:var(--surface-1)}.lb-how-header--open .lb-how-chevron{transform:rotate(180deg)}.lb-how-chevron{transition:transform var(--duration-fast) var(--ease-out);color:var(--text-tertiary);flex-shrink:0}.lb-how-body{display:none;border-top:var(--border-w-default) solid var(--border-subtle);padding:var(--space-md) var(--space-lg) var(--space-lg)}.lb-how-body--open{display:block}.lb-how-category{margin-bottom:var(--space-lg)}.lb-how-category:last-of-type{margin-bottom:var(--space-md)}.lb-how-category-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:var(--border-w-default) solid var(--border-subtle)}.lb-how-row{display:flex;align-items:baseline;gap:var(--space-sm);padding:5px 0}.lb-how-action{flex:1;font-size:var(--text-sm);color:var(--text-secondary)}.lb-how-note{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic;flex-shrink:0}.lb-how-pts{font-size:var(--text-sm);font-weight:700;font-family:var(--font-mono);color:var(--accent-green);flex-shrink:0;min-width:48px;text-align:right}.lb-how-footer{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic;margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-w-default) solid var(--border-subtle);line-height:1.5}@media(max-width:480px){.lb-my-rank-card{padding:var(--space-lg)}.lb-my-rank-value{font-size:2.5rem}.lb-row{padding:var(--space-sm)}.lb-avatar{width:32px;height:32px}}#profile-screen{max-width:700px}.profile-back-btn{display:inline-flex;align-items:center;gap:var(--space-xs);background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-xs) 0;margin-bottom:var(--space-lg);transition:color var(--duration-fast) var(--ease-out)}.profile-back-btn:hover{color:var(--text-primary)}.profile-hero{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-xl);background:var(--gradient-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:900;color:#fff;flex-shrink:0;box-shadow:var(--shadow-glow)}.profile-hero-info{flex:1;min-width:0}.profile-name{font-size:var(--text-2xl);font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin:0 0 var(--space-xs)}.profile-joined{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.profile-own-badge{font-size:var(--text-xs);font-weight:600;color:var(--accent-green);background:color-mix(in srgb,var(--accent-green) 15%,transparent);border:var(--border-w-default) solid color-mix(in srgb,var(--accent-green) 30%,transparent);border-radius:100px;padding:2px 10px;align-self:flex-start;margin-top:var(--space-xs)}.profile-points-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--accent) 10%,transparent);border:var(--border-w-default) solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:var(--radius-md);min-width:64px}.profile-points-value{font-size:var(--text-xl);font-weight:900;font-family:var(--font-mono);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.profile-points-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-top:2px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.profile-stat{text-align:center;padding:var(--space-lg);background:var(--bg-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-lg)}.profile-stat-value{font-size:var(--text-2xl);font-weight:800;font-family:var(--font-mono);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-xs);line-height:1.3}.profile-section{background:var(--bg-card);border:var(--border-w-default) solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-lg)}.profile-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:var(--border-w-default) solid var(--border-subtle)}.profile-section-title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin:0}.profile-mystery-list{display:flex;flex-direction:column}.profile-mystery-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:var(--border-w-default) solid var(--border-subtle);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.profile-mystery-item:last-child{border-bottom:none}.profile-mystery-item:hover{background:var(--surface-1)}.profile-mystery-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.profile-mystery-status-dot--open{background:var(--accent-blue, hsl(200,70%,55%))}.profile-mystery-status-dot--resolved{background:var(--accent-green)}.profile-mystery-status-dot--disputed{background:var(--accent-amber, hsl(40,80%,55%))}.profile-mystery-content{flex:1;min-width:0}.profile-mystery-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-mystery-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:1px}.profile-mystery-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}.profile-mystery-badge--open{background:color-mix(in srgb,hsl(200,70%,55%) 15%,transparent);color:#67bbe4}.profile-mystery-badge--resolved{background:color-mix(in srgb,var(--accent-green) 15%,transparent);color:var(--accent-green)}.profile-mystery-badge--disputed{background:color-mix(in srgb,hsl(40,80%,55%) 15%,transparent);color:#edbe5e}.profile-section-footer{padding:var(--space-md) var(--space-lg);border-top:var(--border-w-default) solid var(--border-subtle);text-align:center}.profile-empty{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary);font-size:var(--text-sm)}.profile-not-found{text-align:center;padding:var(--space-3xl) var(--space-xl)}.profile-not-found h2{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-sm)}@media(max-width:640px){.profile-hero{flex-direction:column;text-align:center;padding:var(--space-lg)}.profile-own-badge{align-self:center}.profile-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.profile-stat{padding:var(--space-md) var(--space-sm)}.profile-stat-value{font-size:var(--text-xl)}}