1"use strict"; 2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="ef7daa3f-56ea-59ca-b6dc-1302a1bbd843")}catch(e){}}(); 3(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[268],{268:(t,e,a)=>{a.r(e),a.d(e,{default:()=>l});var r=a(43),n=a(675),s=a(579);function i(t){return t?t>=1e4||t>=1e3?`${(t/1e3).toFixed(1)}k`:t.toLocaleString():"0"}if("undefined"!==typeof document){const t=document.createElement("div");t.innerHTML="\n<style>\n .perspective-1000 {\n perspective: 1000px;\n }\n</style>\n",document.head.appendChild(t.firstChild)}const l=t=>{var e,a,l,o,d,c,m,u,x,p;let{character:y}=t;const[v,h]=(0,r.useState)(!1),[g,f]=(0,r.useState)(!1),[b,j]=(0,r.useState)({x:0,y:0}),N=(0,r.useRef)(null),$={primary:"#FF4D4D",secondary:"#6A00F4",accent:"#00C896"},w=(0,r.useMemo)((()=>null!==y&&void 0!==y&&y.name?function(t){if(!t)return{primary:"#FF4D4D",secondary:"#6A00F4",accent:"#00C896"};const e=t.split("").reduce(((t,e)=>(t<<5)-t+e.charCodeAt(0)),0),a=Math.abs(e%360);return{primary:`hsl(${a}, 70%, 40%)`,secondary:`hsl(${(a+40)%360}, 80%, 35%)`,accent:`hsl(${(a+200)%360}, 70%, 45%)`}}(y.name):$),[y]),k=(0,r.useMemo)((()=>y?function(t){var e,a;if(!t)return null;if((null===(e=t.anime)||void 0===e?void 0:e.length)>0){const e=t.anime[0];if(e.anime)return e.anime.title_english||e.anime.title}if((null===(a=t.manga)||void 0===a?void 0:a.length)>0){const e=t.manga[0];if(e.manga)return e.manga.title_english||e.manga.title}return null}(y):null),[y]),C=(0,r.useMemo)((()=>(new Date).toLocaleDateString("en-US",{month:"long",day:"numeric"})),[]),M=(0,r.useCallback)((t=>{if(!N.current)return;const e=N.current.getBoundingClientRect();j({x:(t.clientX-e.left)/e.width-.5,y:(t.clientY-e.top)/e.height-.5})}),[]);if((0,r.useEffect)((()=>{const t=setTimeout((()=>h(!0)),300);return()=>clearTimeout(t)}),[]),!y)return null;const _={card:{transform:`rotateY(${g?10*b.x:0}deg) rotateX(${g?10*-b.y:0}deg)`,transition:g?"transform 0.1s ease-out":"transform 0.5s ease-out"},image:{transform:g?`translateZ(20px) translateX(${-5*b.x}px) translateY(${-5*b.y}px)`:"none",transition:g?"transform 0.2s ease-out":"transform 0.5s ease-out"},content:{transform:g?`translateZ(10px) translateX(${10*b.x}px) translateY(${10*b.y}px)`:"none",transition:g?"transform 0.2s ease-out":"transform 0.5s ease-out"}};return(0,s.jsx)("div",{className:"my-6 perspective-1000",children:(0,s.jsx)("div",{ref:N,className:"relative transform transition-all duration-700 "+(v?"translate-y-0 opacity-100":"translate-y-8 opacity-0"),onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),onMouseMove:M,style:_.card,children:(0,s.jsxs)("div",{className:"relative overflow-hidden rounded-xl group transition-all duration-300 shadow-[0_10px_30px_-10px_rgba(0,0,0,0.3)]",children:[(0,s.jsx)("div",{className:"absolute inset-0 z-10 transition-all duration-700",style:{background:`\n radial-gradient(circle at 20% 30%, ${w.primary}33, transparent 70%),\n radial-gradient(circle at 80% 20%, ${w.secondary}33, transparent 50%),\n radial-gradient(circle at 50% 80%, ${w.accent}33, transparent 70%),\n linear-gradient(135deg, #0f0920 0%, #2a1458 100%)\n `,opacity:g?.9:.8}}),(0,s.jsxs)("div",{className:"absolute inset-0 z-5 opacity-30",children:[(0,s.jsx)("div",{className:"absolute w-72 h-72 rounded-full transition-all duration-1000 ease-in-out "+(g?"scale-110":"scale-100"),style:{background:`radial-gradient(circle, ${w.primary}22, transparent 70%)`,top:"-20%",right:"-10%",transform:g?`translateX(${15*b.x}px) translateY(${15*b.y}px)`:"none"}}),(0,s.jsx)("div",{className:"absolute w-96 h-96 rounded-full transition-all duration-1500 ease-in-out "+(g?"scale-110":"scale-100"),style:{background:`radial-gradient(circle, ${w.secondary}22, transparent 70%)`,bottom:"-30%",left:"-10%",transform:g?`translateX(${-20*b.x}px) translateY(${-20*b.y}px)`:"none"}})]}),(0,s.jsx)("div",{className:"absolute rounded-full w-56 h-56 blur-3xl transition-opacity duration-700 transform "+(g?"opacity-60":"opacity-0"),style:{left:100*b.x+50+"%",top:100*b.y+50+"%",transform:"translate(-50%, -50%)",backgroundColor:"var(--spotlight)",opacity:g?.2:0}}),(0,s.jsxs)("div",{className:"relative z-20 py-6 px-8 flex flex-col sm:flex-row items-center",children:[(0,s.jsxs)("div",{className:"relative w-36 h-48 mb-6 sm:mb-0 sm:mr-6 overflow-hidden rounded-lg shadow-xl transform transition-all duration-500 ease-out hover:scale-105",style:_.image,children:[(0,s.jsx)("div",{className:"absolute -inset-1 rounded-lg opacity-70 blur-sm",style:{background:`linear-gradient(45deg, ${w.primary}, ${w.secondary})`}}),(0,s.jsx)("div",{className:"relative rounded-lg overflow-hidden",children:(0,s.jsx)("img",{src:(null===(e=y.images)||void 0===e||null===(a=e.webp)||void 0===a?void 0:a.imageUrl)||(null===(l=y.images)||void 0===l||null===(o=l.webp)||void 0===o?void 0:o.image_url)||(null===(d=y.images)||void 0===d||null===(c=d.jpg)||void 0===c?void 0:c.imageUrl)||(null===(m=y.images)||void 0===m||null===(u=m.jpg)||void 0===u?void 0:u.image_url)||"/default-character.jpg",alt:y.name,className:"w-full h-full object-cover",onError:t=>{t.target.src="/default-character.jpg"}})}),(0,s.jsx)("div",{className:"absolute top-0 right-0 text-white text-xs font-bold py-1 px-2 rounded-bl-md shadow-md animate-pulse",style:{background:`linear-gradient(to right, ${w.primary}, ${w.secondary})`},children:"BIRTHDAY"})]}),(0,s.jsxs)("div",{className:"flex-1",style:_.content,children:[k&&(0,s.jsx)("div",{className:"text-sm font-medium mb-2 transition-all duration-700 delay-300 "+(v?"translate-y-0 opacity-100":"translate-y-4 opacity-0"),style:{color:`hsl(${w.primary.match(/\d+/)[0]}, 100%, 80%)`},children:k}),(0,s.jsx)("h2",{className:"text-3xl md:text-4xl font-extrabold text-var
3(--text-primary) mb-3 transition-all duration-700 delay-500 "+(v?"translate-y-0 opacity-100":"translate-y-4 opacity-0"),style:{textShadow:`0 0 15px ${w.primary}99`},children:y.name}),y.name_kanji&&(0,s.jsx)("div",{className:"text-var(--text-primary) text-sm font-mono mb-4 tracking-wide transition-all duration-700 delay-700 "+(v?"translate-y-0 opacity-100":"translate-y-4 opacity-0"),children:y.name_kanji}),(0,s.jsxs)("div",{className:"flex space-x-6 mb-5 transition-all duration-700 delay-900 "+(v?"translate-y-0 opacity-100":"translate-y-4 opacity-0"),style:{transform:g?"translateZ(15px)":"none"},children:[(0,s.jsxs)("div",{className:"text-center group",children:[(0,s.jsx)("div",{className:"text-lg font-bold text-var(--text-primary) group-hover:text-var(--text-primary) transition-colors duration-300",style:{textShadow:`0 0 10px ${w.primary}99`},children:i(y.favorites)}),(0,s.jsx)("div",{className:"text-xs uppercase tracking-wider text-var(--text-primary)/80 group-hover:text-var(--text-primary) transition-colors duration-300",children:"Favorites"})]}),(0,s.jsxs)("div",{className:"text-center group",children:[(0,s.jsx)("div",{className:"text-lg font-bold text-var(--text-primary) group-hover:text-var(--text-primary) transition-colors duration-300",style:{textShadow:`0 0 10px ${w.secondary}99`},children:(null===(x=y.anime)||void 0===x?void 0:x.length)||0}),(0,s.jsx)("div",{className:"text-xs uppercase tracking-wider text-var(--text-primary)/80 group-hover:text-var(--text-primary) transition-colors duration-300",children:"Anime"})]}),(0,s.jsxs)("div",{className:"text-center group",children:[(0,s.jsx)("div",{className:"text-lg font-bold text-var(--text-primary) group-hover:text-var(--text-primary) transition-colors duration-300",style:{textShadow:`0 0 10px ${w.accent}99`},children:(null===(p=y.manga)||void 0===p?void 0:p.length)||0}),(0,s.jsx)("div",{className:"text-xs uppercase tracking-wider text-var(--text-primary)/80 group-hover:text-var(--text-primary) transition-colors duration-300",children:"Manga"})]})]}),(0,s.jsx)("div",{className:"transition-all duration-700 delay-1000 "+(v?"translate-y-0 opacity-100":"translate-y-4 opacity-0"),style:{transform:g?"translateZ(30px)":"none"},children:(0,s.jsxs)(n.N_,{to:`/characters/${y.id}`,className:"inline-block relative overflow-hidden px-6 py-3 bg-transparent border-2 text-var
3(--text-primary) rounded-md group hover:text-var(--text-primary) transition-all duration-300",style:{borderColor:w.primary},children:[(0,s.jsx)("span",{className:"absolute inset-0 w-full h-0 transition-all duration-500 ease-out group-hover:h-full",style:{background:`linear-gradient(to right, ${w.primary}, ${w.secondary})`,opacity:.8}}),(0,s.jsxs)("span",{className:"relative font-medium group-hover:text-white",children:[(0,s.jsx)("span",{className:"mr-2",children:"Discover More"}),(0,s.jsx)("span",{className:"inline-block transform group-hover:translate-x-1 transition-transform duration-300",children:"\u2192"})]})]})})]})]}),(0,s.jsxs)("div",{className:"absolute bottom-2 right-4 text-var(--text-primary) text-sm z-20 flex items-center",children:[(0,s.jsx)("span",{className:"text-lg mr-2",children:"\ud83c\udf82"}),(0,s.jsx)("span",{children:C})]})]})})})}}}]); 4//# sourceMappingURL=268.cd150b98.chunk.js.map 5//# debugId=ef7daa3f-56ea-59ca-b6dc-1302a1bbd843
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.