:root{--transition:200ms;--card-width:320px;--gap:18px;--panel-bg:#000;--panel-fg:#fff;--accent-red:#E50000;--panel-top-space:60px;--panel-bottom-pad:12px;--panel-border:2px;--curve-cap:16%}@media(max-width:768px){:root{--panel-top-space:60px}}.hover-card{aspect-ratio:3/4;overflow:hidden;position:relative;outline:none}.image-frame{position:absolute;inset:10px;overflow:hidden}.image-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--transition)}.img-default{opacity:1}.img-hover{opacity:0}.hover-card:hover .img-default{opacity:0}.hover-card:hover .img-hover{opacity:1}.info-panel{position:absolute;left:10px;right:10px;bottom:10px;height:50%;background:var(--panel-bg);color:var(--panel-fg);z-index:20;transform:translateY(110%);transition:transform var(--transition)ease;overflow:hidden;clip-path:url(#panelClip);display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.55)}.hover-card.open .info-panel{transform:translateY(0)}.info-panel::after{content:"";position:absolute;inset:0;pointer-events:none;clip-path:url(#panelClip);box-shadow:inset 0 0 0 var(--panel-border)var(--accent-red);z-index:6}.curve-stroke{position:absolute;left:0;top:0;width:100%;height:var(--curve-cap);pointer-events:none;z-index:7}.info-content-wrap{position:relative;flex:auto;min-height:0;padding:var(--panel-top-space)14px var(--panel-bottom-pad)12px}.info-content::before,.info-content::after{content:"";position:absolute;left:0;right:0;height:60px;pointer-events:none;z-index:2}.info-content::before{top:40px;background:linear-gradient( to bottom,#0e0e0e,rgba(14,14,14,0) )}.info-content::after{bottom:0;background:linear-gradient( to top,#0e0e0e,rgba(14,14,14,0) )}.info-content{height:100%;min-height:0;overflow:auto;padding-right:18px;color:var(--panel-fg);scrollbar-width:none}.info-content::-webkit-scrollbar{width:0;height:0}.meta-card{text-align:left;color:#fff;padding-left:10px}.meta-card .card-name{font-size:26px;line-height:34px;font-weight:400;font-family:wallnuttcorps-hokus}.meta-card .card-title{font-size:16px;letter-spacing:2px}.scrollbar{position:absolute;right:6px;top:var(--panel-top-space);bottom:var(--panel-bottom-pad);width:10px;pointer-events:none}.scroll-thumb{position:absolute;top:0;right:0;width:10px;height:40px;border-radius:999px;background:var(--accent-red);pointer-events:auto;cursor:grab}.scroll-thumb:active{cursor:grabbing}.custom-cursor{position:fixed;pointer-events:none;z-index:9999;display:none;border:1px solid var(--accent-red);color:var(--accent-red);background:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;letter-spacing:1px;transform:translate(-50%,-50%)}.custom-cursor.active{display:block}.hokus-eye-box{width:300px;height:auto}.hokus-eye-box>svg{width:100%;height:auto;overflow:visible}.hokus-eye-box>svg>#eye-path{fill:none;stroke:#e50000;stroke-width:10;stroke-linecap:round}.hokus-eye-box>svg>#pupil-circle{fill:none;stroke:#e50000;stroke-width:12;transform-box:fill-box;transform-origin:center;transition:transform .05s linear}