@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@700;800;900&display=swap";:root,body.theme-cyber{--bg-color:#f6f6f9;--bg-gradient:radial-gradient(circle at 0% 0%, #e21b220a 0, transparent 50%), radial-gradient(circle at 100% 100%, #ff4a000a 0, transparent 50%);--surface-color:#ffffffbf;--surface-solid:#fff;--border-color:#0000000f;--border-glow:#e21b2226;--text-primary:#0a0a0c;--text-secondary:#2f2f35;--text-muted:#6b6b75;--accent-primary:#ff4a00;--accent-secondary:#dc2626;--accent-glow:#ff4a0014;--card-shadow:0 10px 30px -10px #0a0a0c0d, 0 1px 3px #0a0a0c05;--card-shadow-hover:0 20px 40px -15px #e21b221f, 0 0 20px #ff4a000f;--scrollbar-thumb:#d4d4d8;--scrollbar-thumb-hover:#a1a1aa;--drawer-overlay:#0a0a0c59}body.theme-cyber.dark{--bg-color:#050508;--bg-gradient:radial-gradient(circle at 0% 0%, #e21b221f 0, transparent 50%), radial-gradient(circle at 100% 100%, #ff4a001a 0, transparent 50%), radial-gradient(circle at 50% 50%, #e21b220a 0, transparent 70%);--surface-color:#0d0d12b3;--surface-solid:#0d0d12;--border-color:#ffffff12;--border-glow:#ff4a0033;--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#8a99ad;--accent-primary:#ff4a00;--accent-secondary:#e21b22;--accent-glow:#ff4a0026;--card-shadow:0 12px 36px -10px #0009, 0 2px 8px #0006;--card-shadow-hover:0 20px 40px -12px #e11b2259, 0 0 24px #ff4a0026;--scrollbar-thumb:#1e1e24;--scrollbar-thumb-hover:#2d2d35;--drawer-overlay:#000000bf}body.theme-onepiece{--bg-color:#2b170c;--bg-gradient:radial-gradient(circle at 50% 50%, #0006 0%, #000c 100%);--surface-color:#ebd5b3;--surface-solid:#dfc499;--border-color:#3e2616;--border-glow:#a12b18;--text-primary:#2d1a0d;--text-secondary:#4a3221;--text-muted:#6e543f;--accent-primary:#a12b18;--accent-secondary:#3e2616;--accent-glow:#a12b181a;--card-shadow:0 10px 25px #0006, 0 2px 5px #0003;--card-shadow-hover:0 20px 40px #00000080, 0 0 15px #a12b1826;--scrollbar-thumb:#583c27;--scrollbar-thumb-hover:#3e2616;--drawer-overlay:#120a05b3}body.theme-onepiece.dark{--bg-gradient:radial-gradient(circle at 50% 50%, #0009 0%, #000000f2 100%)}body.theme-forest{--bg-color:#f1f8e9;--bg-gradient:radial-gradient(circle at 0% 0%, #2e7d320a 0, transparent 50%), radial-gradient(circle at 100% 100%, #81c7840a 0, transparent 50%);--surface-color:#fffc;--surface-solid:#fff;--border-color:#2e7d321a;--border-glow:#2e7d3240;--text-primary:#1b5e20;--text-secondary:#2e7d32;--text-muted:#558b2f;--accent-primary:#2e7d32;--accent-secondary:#1b5e20;--accent-glow:#2e7d3214;--card-shadow:0 10px 30px -10px #2e7d320d, 0 1px 3px #2e7d3205;--card-shadow-hover:0 20px 40px -15px #2e7d321f, 0 0 20px #2e7d320f;--scrollbar-thumb:#a5d6a7;--scrollbar-thumb-hover:#81c784;--drawer-overlay:#1b5e2033}body.theme-forest.dark{--bg-color:#0d1518;--bg-gradient:radial-gradient(circle at 0% 0%, #2e7d3226 0, transparent 50%), radial-gradient(circle at 100% 100%, #81c7841a 0, transparent 50%), radial-gradient(circle at 50% 50%, #2e7d320a 0, transparent 70%);--surface-color:#152226b3;--surface-solid:#152226;--border-color:#81c78426;--border-glow:#81c78473;--text-primary:#f1f8e9;--text-secondary:#c5e1a5;--text-muted:#7cb342;--accent-primary:#81c784;--accent-secondary:#2e7d32;--accent-glow:#81c78426;--card-shadow:0 12px 36px -10px #0009, 0 2px 8px #0006;--card-shadow-hover:0 20px 40px -12px #2e7d324d, 0 0 24px #81c78426;--scrollbar-thumb:#23393f;--scrollbar-thumb-hover:#2e7d32;--drawer-overlay:#05080acc}body.theme-nordic{--bg-color:#f1f5f9;--bg-gradient:radial-gradient(circle at 0% 0%, #6366f10a 0, transparent 50%), radial-gradient(circle at 100% 100%, #818cf80a 0, transparent 50%);--surface-color:#fffc;--surface-solid:#fff;--border-color:#6366f11a;--border-glow:#6366f140;--text-primary:#1e293b;--text-secondary:#334155;--text-muted:#64748b;--accent-primary:#4f46e5;--accent-secondary:#4338ca;--accent-glow:#6366f114;--card-shadow:0 10px 30px -10px #6366f10d, 0 1px 3px #6366f105;--card-shadow-hover:0 20px 40px -15px #6366f11f, 0 0 20px #6366f10f;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--drawer-overlay:#1e293b33}body.theme-nordic.dark{--bg-color:#0f172a;--bg-gradient:radial-gradient(circle at 0% 0%, #818cf826 0, transparent 50%), radial-gradient(circle at 100% 100%, #a5b4fc1a 0, transparent 50%), radial-gradient(circle at 50% 50%, #6366f10a 0, transparent 70%);--surface-color:#161e31b3;--surface-solid:#161e31;--border-color:#818cf826;--border-glow:#818cf873;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#818cf8;--accent-secondary:#4f46e5;--accent-glow:#818cf826;--card-shadow:0 12px 36px -10px #0009, 0 2px 8px #0006;--card-shadow-hover:0 20px 40px -12px #4f46e54d, 0 0 24px #818cf826;--scrollbar-thumb:#1e293b;--scrollbar-thumb-hover:#4f46e5;--drawer-overlay:#020408cc}body.theme-latte{--bg-color:#fbf9f6;--bg-gradient:radial-gradient(circle at 0% 0%, #c2410c0a 0, transparent 50%), radial-gradient(circle at 100% 100%, #6e543f08 0, transparent 50%);--surface-color:#f4f1ebd9;--surface-solid:#f4f1eb;--border-color:#6e543f1f;--border-glow:#c2410c4d;--text-primary:#1c1917;--text-secondary:#44403c;--text-muted:#78716c;--accent-primary:#c2410c;--accent-secondary:#6e543f;--accent-glow:#c2410c14;--card-shadow:0 8px 24px #6e543f14, 0 1px 3px #6e543f08;--card-shadow-hover:0 16px 32px #c2410c1f, 0 0 15px #c2410c0d;--scrollbar-thumb:#e7dfd5;--scrollbar-thumb-hover:#c2410c;--drawer-overlay:#2c282559}body.theme-latte.dark{--bg-color:#edeae3;--surface-color:#eae6dee6;--surface-solid:#eae5dc;--border-color:#6e543f2e;--text-primary:#171513;--text-secondary:#3e3a36}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none;background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .25s,color .25s;overflow-x:hidden}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}body.theme-onepiece{background-image:repeating-linear-gradient(90deg, transparent, transparent 180px, #0000002e 180px, #0000002e 183px), linear-gradient(#0000001f 1px, transparent 1px), var(--bg-gradient);background-size:183px 100%,100% 4px,100% 100%}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:800}.glass{background:var(--surface-color);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-color);transition:border-color .3s,box-shadow .3s,background .3s}body.theme-onepiece .glass{-webkit-backdrop-filter:none;border:3px solid var(--border-color);border-radius:4px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}body.theme-onepiece ::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px;transition:background .2s}body.theme-onepiece ::-webkit-scrollbar-thumb{border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.tilt-container{perspective:1000px}.tilt-card{transform-style:preserve-3d;background:var(--surface-color);-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--border-color);box-shadow:var(--card-shadow);cursor:pointer;border-radius:24px;padding:24px;transition:box-shadow .3s,border-color .3s,transform .25s cubic-bezier(.25,.8,.25,1),background .3s,border-radius .3s;position:relative;overflow:hidden}body.theme-onepiece .tilt-card{-webkit-backdrop-filter:none;border:4px solid var(--border-color);border-radius:2px;padding:18px}body.theme-onepiece .tilt-card:after{content:"";border:1px dashed var(--border-color);pointer-events:none;opacity:.4;border-radius:2px;position:absolute;inset:4px}.tilt-card:hover{border-color:var(--border-glow);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)scale(1.02)}body.theme-onepiece .tilt-card:hover{border-color:var(--border-color)}.tilt-depth{transform:translateZ(30px)}body.theme-onepiece .tilt-depth{transform:translateZ(15px)}.tilt-glow{background:radial-gradient(circle 180px at var(--mx,50%) var(--my,50%), var(--accent-glow), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.tilt-card:hover .tilt-glow{opacity:1}.wanted-photo-border{border:3px solid var(--border-color);background:#ecdcb9;padding:2px;display:inline-block;box-shadow:inset 0 0 10px #0000001a}.wanted-photo{filter:sepia(.85)contrast(1.15)brightness(.95)saturate(.8);transition:filter .3s;display:block}.tilt-card:hover .wanted-photo{filter:sepia(.1)contrast(1.05)brightness()saturate(1.1)}.wanted-title{text-align:center;color:var(--border-color);letter-spacing:4px;text-shadow:1px 1px #ffffff80;margin-bottom:2px;font-family:Outfit,Georgia,serif;font-size:1.8rem;font-weight:900;line-height:1}.wanted-subtitle{letter-spacing:2px;text-align:center;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;font-family:Georgia,serif;font-size:.62rem;font-weight:800}.wanted-name{text-align:center;color:var(--border-color);letter-spacing:1px;text-transform:uppercase;word-break:break-word;margin:12px 0 4px;font-family:Outfit,Georgia,serif;font-size:1.3rem;font-weight:900;line-height:1.1}.wanted-bounty{text-align:center;color:var(--accent-primary);letter-spacing:.5px;margin-top:4px;font-family:Georgia,serif;font-size:.85rem;font-weight:900}.unlocked-stamp{color:var(--accent-primary);border:1.5px solid var(--accent-primary);letter-spacing:1px;background:#a12b180d;border-radius:2px;margin-top:2px;padding:1px 4px;font-family:Courier New,monospace;font-size:8px;font-weight:900;display:inline-block;transform:rotate(-10deg);box-shadow:0 0 2px #a12b181a}.search-highlight{color:var(--accent-primary);background:#ff4a0026;border-radius:2px;padding:0 2px;font-weight:600}body.theme-onepiece .search-highlight{color:var(--accent-primary);background:#a12b1826;font-weight:700}.search-input{transition:all .25s!important}body.theme-onepiece .search-input{font-family:Courier New,monospace}.search-input:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 4px var(--accent-glow)!important;background-color:var(--surface-solid)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes meshFloat{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}.animate-fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}.floating-mesh{filter:blur(150px);z-index:-10;pointer-events:none;opacity:.35;border-radius:50%;width:600px;height:600px;animation:12s ease-in-out infinite meshFloat;position:fixed}body.theme-onepiece .floating-mesh{display:none!important}.mesh-1{background:var(--accent-primary);top:-200px;left:-200px}.mesh-2{background:var(--accent-secondary);animation-delay:-6s;bottom:-200px;right:-200px}.container-layout{flex-direction:column;gap:32px;width:100%;max-width:1450px;margin:0 auto;padding:24px;display:flex}@media (width<=768px){.desktop-only{display:none!important}}@media (width>=769px){.mobile-only{display:none!important}}.dept-scroll{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.dept-pill{text-align:left;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);cursor:pointer;justifyContent:"space-between";white-space:nowrap;border-radius:14px;align-items:center;padding:10px 16px;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}body.theme-onepiece .dept-pill{border:2px solid var(--border-color);border-radius:4px;font-family:Courier New,monospace;font-weight:700}.dept-pill:hover{background:var(--surface-solid);color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-2px)}body.theme-onepiece .dept-pill:hover{border-color:var(--border-color);transform:translateY(-1px)}.dept-pill.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px var(--accent-glow)}body.theme-onepiece .dept-pill.active{background:var(--border-color);color:var(--surface-color);border-color:var(--border-color);box-shadow:0 4px 8px #0003}.dept-pill .count-badge{color:var(--text-muted);background:#0000000d;border-radius:99px;margin-left:8px;padding:2px 8px;font-size:.75rem}body.theme-onepiece .dept-pill .count-badge{background:#00000014;border-radius:2px}.dept-pill.active .count-badge{color:#fff;background:#fff3}body.theme-onepiece .dept-pill.active .count-badge{color:var(--surface-color);background:#fff3}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:24px;display:grid}body.theme-onepiece .cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.drawer-backdrop{background:var(--drawer-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;justifyContent:flex-end;transition:opacity .3s;display:flex;position:fixed;inset:0}body.theme-onepiece .drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer-content{background:var(--surface-solid);border-left:1px solid var(--border-color);z-index:101;flex-direction:column;width:100%;max-width:550px;height:100dvh;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:relative;box-shadow:-10px 0 50px #00000026}body.theme-onepiece .drawer-content{border-left:5px solid var(--border-color);background:#f1e2ca;animation-duration:.3s;box-shadow:-10px 0 40px #00000080}.drawer-header{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);align-items:flex-end;height:160px;padding:24px;display:flex;position:relative}body.theme-onepiece .drawer-header{background:var(--border-color);border-bottom:3px solid var(--border-color);height:120px}.drawer-avatar-wrap{background:var(--surface-solid);border-radius:28px;padding:6px;position:absolute;bottom:-40px;left:24px;box-shadow:0 10px 30px #0000001a}body.theme-onepiece .drawer-avatar-wrap{border:3px solid var(--border-color);background:#f1e2ca;border-radius:0;padding:3px;bottom:-36px;box-shadow:0 4px 10px #00000026}.drawer-avatar{object-fit:cover;border-radius:22px;width:80px;height:80px}body.theme-onepiece .drawer-avatar{border-radius:0;width:72px;height:72px}.drawer-close{width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#ffffff26;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:background .25s,transform .25s;display:flex;position:absolute;top:24px;right:24px}body.theme-onepiece .drawer-close{background:#ffffff1a;border:2px solid #fff;border-radius:0%}.drawer-close:hover{background:#ffffff40;transform:rotate(90deg)}.drawer-body{flex-direction:column;flex-grow:1;gap:28px;padding:64px 32px 32px;display:flex;overflow-y:auto}body.theme-onepiece .drawer-body{gap:20px;padding:56px 24px 24px}.interest-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--accent-glow);color:var(--accent-primary);border:1px solid #ff4a0026;border-radius:8px;max-width:fit-content;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-block}body.theme-onepiece .interest-badge{color:var(--text-primary);border:1.5px solid var(--border-color);background:#0000000d;border-radius:0;font-family:Courier New,monospace;font-size:8px;font-weight:900}.pulse-dot{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;display:inline-block}@media (width<=768px){.container-layout{gap:16px;padding:12px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.drawer-content{max-width:100%!important}.drawer-body{gap:20px;padding:48px 16px 16px}}@media (width<=480px){header{padding:12px 16px!important}.stats-container{gap:8px;margin-bottom:0;grid-template-columns:1fr!important}.dossier-base-grid{grid-template-columns:1fr!important}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}}.dossier-base-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.detail-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:8px 0;display:flex}body.theme-onepiece .detail-row{border-bottom:1.5px dashed #3e261626;font-family:Courier New,monospace}.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.premium-stat-card{background:var(--surface-color);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;align-items:center;gap:18px;padding:18px 24px;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s;display:flex;position:relative;overflow:hidden}body.theme-onepiece .premium-stat-card{-webkit-backdrop-filter:none;border:3px solid var(--border-color);border-radius:2px;padding:12px 16px}body.theme-onepiece .premium-stat-card:after{content:"";border:1px dashed var(--border-color);pointer-events:none;opacity:.3;position:absolute;inset:3px}.premium-stat-card:hover{border-color:var(--border-glow);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}body.theme-onepiece .premium-stat-card:hover{border-color:var(--border-color);box-shadow:0 8px 20px #0000004d}@keyframes floatUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cascade-card{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards floatUpFade}.delay-1{animation-delay:40ms}.delay-2{animation-delay:80ms}.delay-3{animation-delay:.12s}.delay-4{animation-delay:.16s}.delay-5{animation-delay:.2s}.delay-6{animation-delay:.24s}.delay-7{animation-delay:.28s}.delay-8{animation-delay:.32s}.theme-selector-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.theme-selector-option{border:2px solid var(--border-color);background:var(--surface-color);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:6px;padding:12px;transition:all .2s;display:flex;position:relative}.theme-selector-option.active{border-color:var(--accent-primary);background:var(--surface-solid);box-shadow:0 4px 12px var(--accent-glow)}.theme-preview-dots{gap:4px;display:flex}.theme-preview-dot{border:1px solid #0000001a;border-radius:50%;width:10px;height:10px}@keyframes photoLightboxFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.no-transitions,.no-transitions *,.no-transitions :before,.no-transitions :after{-o-transition:none!important;transition:none!important}