/* ANIPERDE VNext — progressive upgrade to existing site. */
:root{--v-bg:#090712;--v-pan:#151024;--v-border:#543367;--v-pink:#f052b7;--v-purple:#ad64f8}
body{background:radial-gradient(ellipse at 90% 0%,#33113350,transparent 42%),#080813}
.header{backdrop-filter:blur(24px);background:#0b0911ea;box-shadow:0 1px 0 #ffffff15}
.header-inner{max-width:none;padding:0 3vw;gap:20px}
.main{max-width:none;margin:auto;padding:0 2.5vw 65px}
.page:not(.active){display:none}
.v-home{padding:0 0 25px}
.v-hero{min-height:min(520px,34vw);height:min(520px,34vw);margin:0 -2.5vw;position:relative;overflow:hidden;border-radius:0;box-shadow:none;border:0;background:#140b1e}
.v-hero .hero-illustration{position:absolute;inset:0;background-size:cover;background-position:center 42%;filter:saturate(1.16);transition:background-image .5s}
.v-hero .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070710 2%,#070710b3 36%,#0707101a 78%),linear-gradient(0deg,#090814 0%,transparent 53%)}
.v-hero .hero-content{position:absolute;inset:auto auto 14% 5%;z-index:2;max-width:650px;margin:0;padding:0}
.v-hero .hero-content h1{font-size:clamp(33px,4.6vw,76px);letter-spacing:-.055em;line-height:1.05;margin:9px 0 16px;text-wrap:balance}
.v-hero .hero-content p{font-size:clamp(13px,1.18vw,18px);max-width:550px;color:#e9dbea}
.v-hero .hero-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}
.v-hero .hero-tags span{font-size:11px;border:1px solid #ffffff30;background:#0a0912a1;border-radius:18px;padding:5px 12px}
.v-hero .hero-actions{display:flex;gap:12px}
.v-hero-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:9px;z-index:5}
.v-hero-dots i{height:4px;width:32px;border-radius:30px;background:#ffffff5c}.v-hero-dots i:first-child{background:#de6cff}
.v-ticker{display:flex;align-items:center;gap:14px;min-height:46px;margin:0 -2.5vw 15px;background:#0d0915;border-top:1px solid #a65bc13b;border-bottom:1px solid #a65bc13b;color:#ddd3e9;padding:0 2.5vw;overflow:hidden}
.v-live{font-size:11px;white-space:nowrap;color:#ca91ef;letter-spacing:.06em}.v-ticker-window{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.v-ticker-track{display:flex;gap:34px;align-items:center;width:max-content;animation:vmarquee 65s linear infinite}.v-ticker:hover .v-ticker-track{animation-play-state:paused}
.v-ticker-track>span{white-space:nowrap;font-size:12px}.v-ticker-track b{color:#e084f6}@keyframes vmarquee{to{transform:translateX(-50%)}}
.v-ticker-button,.v-section-head button,.v-walletline button{background:none;border:0;color:#d798f7;cursor:pointer;font-weight:800;font-size:12px}
.v-section{margin:20px 0 27px}.v-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.v-section-head h2{font-size:clamp(17px,1.45vw,24px);font-weight:850;margin:0;color:#f7eafa}
.v-scroller{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#5c3777 transparent;padding:2px 1px 13px}.v-scroller>*{scroll-snap-align:start;flex:none}
.v-card,.v-resume,.v-episode{color:#fff;background:#100d1b;border:1px solid #5034687a;border-radius:13px;text-align:left;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.v-card:hover,.v-resume:hover,.v-episode:hover{transform:translateY(-5px);border-color:#d269ed;box-shadow:0 10px 34px #8e3fc026}
.v-card{width:clamp(154px,14vw,216px);min-height:220px;padding:0 0 10px}.v-card img{width:100%;height:clamp(115px,10.5vw,168px);object-fit:cover;display:block}.v-card span{display:block;font-size:13px;font-weight:850;padding:9px 10px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-card small{display:block;padding:0 10px;color:#c5a3d3;font-size:11px}
.v-resume{width:clamp(220px,20vw,308px);display:block;padding:0 0 13px;position:relative}.v-resume img{width:100%;height:150px;object-fit:cover;display:block}.v-resume strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;padding:9px 11px 2px}.v-resume small{font-size:11px;color:#c4afc8;padding:0 11px;display:block}.v-resume i{display:block;height:4px;width:calc(100% - 22px);margin:8px 11px 0;border-radius:5px;background:linear-gradient(to right,#e44fc4 var(--p,0%),#3d3156 var(--p,0%))}
.v-episode{display:flex;align-items:center;width:clamp(220px,20vw,300px);min-height:87px}.v-episode img{width:90px;height:87px;object-fit:cover}.v-episode span{min-width:0;display:grid;gap:5px;padding:10px}.v-episode b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-episode small,.v-episode em{font-size:11px;color:#beacd1;font-style:normal}
.v-review{background:#171124;border:1px solid #5d386b;border-radius:11px;padding:12px;min-width:240px;max-width:295px}.v-review b{font-size:12px}.v-review small{display:block;color:#ec7ed5;font-size:11px}.v-review p{color:#e8d8ed;font-size:12px;margin:9px 0 0;max-height:3em;overflow:hidden}
.v-empty,.v-muted{font-size:13px;color:#c4b4d4}.v-empty{border:1px dashed #7a5c86;padding:18px;border-radius:12px;width:100%}.v-small{border:1px solid #7e4ca3;border-radius:10px;background:#472262;color:#fff;padding:7px 12px;cursor:pointer}
.v-store-page{padding-top:20px}.v-storehero{padding:38px 33px;background:linear-gradient(120deg,#1b0d2f,#40204fc9,#151123),url('assets/hero.jpg') center /cover;border:1px solid #8c40af79;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:260px}.v-storehero h1{font-size:clamp(30px,3.7vw,60px);margin:8px 0}.v-storehero h1 em{color:#ffa4e2}.v-storehero p{max-width:720px;color:#dfcbe6}.v-storehighlights{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.v-storehighlights span{background:#1b0f2bc8;padding:9px 12px;border-radius:10px;border:1px solid #834c9f55;font-size:12px}
.v-walletpanel{min-width:235px;display:grid;gap:10px;background:#0a091be8;border:1px solid #ae58e09e;border-radius:16px;padding:24px;box-shadow:0 18px 45px #0005}.v-walletpanel small{color:#d49bf4;font-weight:800}.v-walletpanel strong{font-size:30px}.v-walletpanel p{font-size:12px}.v-linkshop{background:linear-gradient(95deg,#de42b4,#914ee7);padding:12px;border-radius:9px;color:white;text-decoration:none;text-align:center;font-size:12px;font-weight:850}
.v-shopfilters{display:flex;gap:10px;overflow-x:auto;margin:23px 0 19px}.v-tab{cursor:pointer;white-space:nowrap;border:1px solid #554268;border-radius:11px;color:#dfcde8;background:#1a1427;padding:11px 15px}.v-tab.active{background:linear-gradient(95deg,#c43ec6,#8d49d8);border-color:#f3a7fa;color:#fff}
.v-storegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:15px}
.v-shopcard{padding:15px;background:linear-gradient(165deg,#1c122b,#0d091b);border:1px solid #663f7e;border-radius:16px;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s;min-height:290px}.v-shopcard:hover{transform:translateY(-5px);border-color:#d15af1;box-shadow:0 14px 36px #ad4ac029}
.v-shopicon{background:radial-gradient(circle at center,#9d4bc970,#150a25 75%);border:1px solid #a04de7a3;height:125px;border-radius:12px;display:grid;place-items:center;font-size:58px;text-shadow:0 0 22px #e57cff}.v-shopicon.cosmetic{background:radial-gradient(circle at center,#6d26a27a,#170c25 75%)}.v-tags{font-size:10px;color:#dcb1f0;margin-top:11px;text-transform:uppercase;font-weight:800}.v-shopcard h3{font-size:16px;margin:7px 0}.v-shopcard p{font-size:12px;color:#bfb0d6;line-height:1.4;flex:1}.v-shopcard>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.v-shopcard b{font-size:18px;white-space:nowrap}
.v-buy{border:0;border-radius:9px;background:linear-gradient(120deg,#f047b0,#a14ee8);color:#fff;font-weight:850;padding:10px 13px;cursor:pointer;box-shadow:0 3px 17px #e347a447}.v-buy:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}
.v-claimbox{border:1px solid #814e9b;display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#151024;padding:24px;margin:30px 0;border-radius:19px}.v-claimbox h2{font-size:21px}.v-claimbox p{color:#c7b5d2;font-size:13px}.v-claimfields{display:flex;flex-direction:column;gap:10px}.v-claimfields input,.v-claimfields select{padding:12px;border:1px solid #735487;background:#0d0a17;color:white;border-radius:10px;min-height:44px}.v-claimbox #vClaimResult{grid-column:1/-1;color:#e8b2f5;font-size:13px}.v-subtle{opacity:.74}
.v-owned{border-top:1px solid #644a7b;padding-top:20px;margin-top:26px}.v-walletline{display:flex;justify-content:space-between;gap:12px;align-items:center;border-radius:12px;background:#26153e;padding:13px}.v-own-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:12px 0}.v-ownitem{display:flex;align-items:center;gap:7px;text-align:left;border:1px solid #704a8f;background:#1b102c;color:white;padding:10px;border-radius:12px;cursor:pointer}.v-ownitem>strong{font-size:22px}.v-ownitem span{font-size:11px;font-weight:800}.v-ownitem small{display:block;font-size:10px;color:#e0acd9}.v-subline{display:flex;gap:7px;flex-wrap:wrap;font-size:12px;color:#e9c1f6}.v-special-frame>img{outline:3px solid #da6cf7;box-shadow:0 0 17px #d751ef}.v-special-name #profileShownName{text-shadow:0 0 15px #e94fb9;color:#ffabe6}
/* Watch layout: player left, season episode rail right; existing functional player maintained. */
.detail-layout{grid-template-columns:minmax(0,1fr) 260px;gap:17px}.watch-module{display:grid;grid-template-columns:minmax(0,1fr) 335px;grid-template-areas:'head head' 'hint hint' 'player list';gap:12px;align-items:start;min-height:430px}
.watch-title{grid-area:head}.watch-explain{grid-area:hint;font-size:12px!important}.watch-list{grid-area:list;max-height:495px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;scrollbar-color:#a44ad3 transparent}.watch-episode{min-width:0!important;padding:10px!important}.watch-episode-number{font-size:17px!important}.watch-player{grid-area:player;min-width:0;min-height:320px;position:relative;border-radius:13px}.watch-player:not([hidden]){display:block}.watch-video-box{min-height:320px}.watch-video-caption{padding:10px}.watch-module:has(.watch-player[hidden]):before{content:'▶  İzlemek için sağdan bölüm seç';grid-area:player;display:grid;place-items:center;min-height:320px;border:1px solid #764b89;border-radius:13px;background:linear-gradient(#09061577,#090615d9),url('assets/hero.jpg') center/cover;color:#f9e8ff;font-weight:850;font-size:20px}
.detail-card:has(#episodeNo){display:none}.rights-card{background:#1a1328}.detail-top{border-radius:18px;overflow:hidden}.detail-content h1{line-height:1.1;letter-spacing:-.025em}
@media(max-width:1190px){.right-rail{display:none!important}.main{margin:0;max-width:100%}.detail-layout{grid-template-columns:minmax(0,1fr)}.watch-module{grid-template-columns: minmax(0,1fr) 295px}}
@media(max-width:760px){.v-hero{height:410px;min-height:410px}.v-hero .hero-content{inset:auto 18px 45px 18px}.v-hero .hero-content h1{font-size:38px}.v-hero .hero-content p{font-size:13px}.v-storehero{flex-direction:column;align-items:stretch;padding:24px 16px}.v-walletpanel{min-width:0}.v-claimbox{grid-template-columns:1fr}.v-claimbox #vClaimResult{grid-column:auto}.watch-module{display:flex;flex-direction:column}.watch-module>*{width:100%}.watch-list{max-height:330px}.watch-module:has(.watch-player[hidden]):before{min-height:190px}.v-ticker{gap:6px}.v-live{font-size:9px}.v-ticker-button{font-size:10px;white-space:nowrap}.v-card{width:155px}.v-card img{height:118px}}
@media (prefers-reduced-motion:reduce){.v-ticker-track{animation:none}.v-card,.v-resume,.v-shopcard{transition:none}}
.v-watch-row{display:flex;align-items:center;gap:6px;width:100%}.v-watch-row .watch-episode{flex:1}.v-download{border-radius:9px;border:1px solid #765288;background:#241631;color:#f4b8ff;padding:11px;cursor:pointer;font-size:19px}.v-download:hover{background:#8f388a;color:white}
.v-storehero{background-image:linear-gradient(120deg,#12071cf5,#211032db,#15112363),url('assets/aniperde-shop-hero.webp')}
/* Full-width cinematic mode supersedes the legacy fixed right sidebar layout. */
.main{width:100%!important;max-width:none!important;margin:0!important;padding:0 2.5vw 65px!important}.right-rail{display:none!important}
.v-hero .hero-illustration{width:100%!important;height:100%!important;left:0!important;right:0!important;top:0!important;bottom:0!important;opacity:1!important}
.v-home .hero-main{box-shadow:none}
.v-home .v-hero{border-radius:0}
.v-store-page,.page:not(.v-home){padding-top:18px}


/* ANIPERDE VNext V2: bug fixes and separated premium storefront */
/* Chat: override V3 desktop forced-open rules. */
.chat-fab{display:flex!important;align-items:center;justify-content:center;gap:7px;position:fixed;right:22px;bottom:21px;z-index:90;border:1px solid #df6ded88;box-shadow:0 12px 35px #0009,0 0 30px #ed4dbb43;border-radius:60px;background:linear-gradient(115deg,#a84be6,#f344a2);color:#fff;min-width:165px;padding:12px 17px;cursor:pointer}
.chat-fab .chat-fab-txt{display:flex;align-items:center;gap:6px}.chat-fab .chat-fab-txt small{font-size:9px;opacity:.75}
.chat-panel{position:fixed!important;z-index:91!important;right:20px!important;bottom:82px!important;top:auto!important;width:min(365px,calc(100vw - 28px))!important;height:min(515px,calc(100dvh - 145px))!important;min-height:0!important;box-shadow:0 20px 65px #000b,0 0 18px #9422d24d!important;border-radius:16px!important}
.chat-panel:not(.open){display:none!important}
.chat-panel.open{display:flex!important;flex-direction:column!important}
.chat-panel .x-icon{display:grid!important;place-items:center!important;visibility:visible!important;cursor:pointer!important;background:#ffffff16;border:1px solid #ffffff20;border-radius:9px;width:34px;height:34px;color:#fff;margin-left:auto}
.chat-panel .chat-messages{min-height:0!important;overflow-y:auto!important}
.chat-panel[data-v-effect="chat_flame"] .message-text{box-shadow:0 0 16px #9b46e744;border:1px solid #cb70f077}
.chat-panel[data-v-effect="chat_sakura"] .message-text{border:1px solid #ff8bd866;background:linear-gradient(105deg,#9f29612c,transparent)}
.chat-panel[data-v-effect="chat_bubble"] .message-text{box-shadow:0 0 14px #e450d955;outline:1px solid #d778ea88}
/* nav */
.header-inner{gap:clamp(10px,1.2vw,22px)!important}.nav{gap:4px!important;min-width:0}
.navlink{display:inline-flex!important;gap:7px;align-items:center;justify-content:center;white-space:nowrap;border:1px solid transparent!important;border-radius:12px!important;padding:10px 12px!important;font-size:13px!important;font-weight:700!important;color:#c6bbd2!important;background:transparent;transition:color .17s,background .17s}
.navlink:hover{background:#33203e8e!important;color:#fff!important}.navlink.selected{color:#ffb0eb!important;background:linear-gradient(110deg,#61214f74,#40224b96)!important;border-color:#a3559559!important}
.v-nav-icon{flex-shrink:0;opacity:.9}.navlink.selected .v-nav-icon{filter:drop-shadow(0 0 4px #f09ce1)}
/* shop grouped hierarchy */
.v-shopfilters{position:sticky;top:62px;z-index:20;padding:10px 0;background:#090814e8;backdrop-filter:blur(16px);scrollbar-width:thin;margin:17px 0 21px}
.v-store-sections{display:block}.v-market-section{margin:0 0 34px;padding:0 0 13px;border-bottom:1px solid #81478d3d}.v-market-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}
.v-market-title h2{font:850 clamp(21px,2.1vw,28px) Outfit,sans-serif;color:#fff;margin:0 0 5px}.v-market-title p{font-size:13px;color:#bda9cc;margin:0}
.v-market-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:16px}.v-section-featured .v-market-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.v-shopcard{overflow:hidden;min-width:0;min-height:340px;padding:0!important;background:linear-gradient(155deg,#231329,#100b1c)!important;border-radius:18px!important;box-shadow:0 12px 30px #0005;display:flex;flex-direction:column}
.v-paidcard.v-card-vip{border-color:#c28c48!important;box-shadow:0 0 25px #d0a34d1f}
.v-shopmedia{height:190px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,#82358d,#120a1e);display:grid;place-items:center;cursor:default}
.v-shopmedia>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .32s}.v-shopcard:hover .v-shopmedia>img{transform:scale(1.045)}
.v-media-badge{position:absolute;top:11px;left:11px;background:#120b1ce6;border:1px solid #bd75c287;border-radius:20px;padding:5px 9px;font-size:9px;letter-spacing:.08em;font-weight:850;color:#ffc5f0;z-index:2}
.v-product-info{display:flex;flex-direction:column;flex:1;min-width:0;padding:15px 16px 17px}.v-product-info h3{font-size:17px;line-height:1.25;margin:0 0 7px}.v-product-info p{flex:1;line-height:1.5;font-size:12px;color:#bcb0d0;margin:0 0 10px;min-height:32px}.v-product-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.v-product-foot b{font-size:20px;white-space:nowrap}.v-product-foot .v-buy{font-size:12px;white-space:nowrap}
.v-cosmedia{height:190px;cursor:pointer;background:radial-gradient(circle at 50% 60%,#39194d,#0e091a 76%)}.v-cosmedia:focus-visible{outline:2px solid #f1aeff;outline-offset:-4px}
.v-motion-label{position:absolute;right:9px;bottom:9px;border:1px solid #cf83df66;background:#150b23d9;border-radius:30px;padding:4px 9px;color:#ffc0f8;font-size:10px;z-index:2}
.v-preview-link{font-weight:750;color:#f8b4f4;background:none;border:0;text-align:left;cursor:pointer;padding:0 0 9px;text-decoration:underline;text-decoration-color:#b256b5}
.v-demo-frame{width:154px;height:154px;position:relative;display:grid;place-items:center;isolation:isolate}.v-demo-frame img{width:125px;height:125px;border-radius:100%;object-fit:cover;box-shadow:0 0 23px #9b4bdb8f;background:#21172c;z-index:2;aspect-ratio:1}
.v-demo-ring{position:absolute;inset:5px;border-radius:50%;border:5px solid #ae54e7;box-shadow:0 0 16px #bb42e9,0 0 30px #ad40e558,inset 0 0 18px #9d44e9;z-index:3;pointer-events:none;animation:v-frame-spin 6s linear infinite}
.v-demo-ring:before,.v-demo-ring:after{content:'✧';position:absolute;color:#fff0fc;font-size:26px;text-shadow:0 0 9px #ffb3fc;top:-20px;left:43%}.v-demo-ring:after{top:auto;bottom:-18px;left:36%}
.v-demo-spark{position:absolute;color:#ffb1ec;text-shadow:0 0 14px currentColor;font-size:21px;z-index:5;animation:v-spark 2.3s ease-in-out infinite alternate}.v-demo-spark.s1{left:-7px;top:17px}.v-demo-spark.s2{right:-7px;top:54px;animation-delay:.65s}.v-demo-spark.s3{left:29px;bottom:-4px;animation-delay:1.1s}
.v-skin-frame_sakura .v-demo-ring{border-color:#ff77c7;box-shadow:0 0 20px #f95bb7,0 0 42px #e331b58f,inset 0 0 15px #f68ecc}.v-skin-frame_shadow .v-demo-ring{border-color:#31bfff;box-shadow:0 0 20px #21adff,0 0 43px #0074e58f,inset 0 0 18px #7ddbff}.v-skin-frame_shadow .v-demo-spark{color:#7bdcff}.v-skin-frame_legend .v-demo-ring{border-color:#ffc057;box-shadow:0 0 22px #e7a12e,0 0 45px #eeb23a8c,inset 0 0 15px #ffedb0}.v-skin-frame_legend .v-demo-spark{color:#ffce79}
.v-demo-badge{display:grid;gap:9px;text-align:center;filter:drop-shadow(0 0 18px #dd80f6)}.v-demo-badge span{font-size:72px;animation:v-badge-float 3s ease-in-out infinite alternate}.v-demo-badge strong{font-size:12px;color:#f6d0f6}.v-skin-badge_legend{filter:drop-shadow(0 0 22px #f6ad47)}
.v-demo-name{display:grid;place-items:center;gap:5px}.v-demo-name span{font:900 22px Outfit,sans-serif;background:linear-gradient(90deg,#fa93d8,#9875fb,#73d6fe,#ff8ac3);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:250% 100%;animation:v-nameflow 3.5s linear infinite}.v-demo-name small{font-size:10px;color:#c3a3cf}.v-demo-chat{border:1px solid #b65ed985;border-radius:15px;padding:15px 20px;background:linear-gradient(120deg,#411553,#31143a,#131329);box-shadow:0 0 26px #b444cf44;max-width:230px;position:relative;animation:v-badge-float 3s ease-in-out infinite alternate}.v-demo-chat span{font-size:12px;color:#eeb6fa;font-weight:850}.v-demo-chat p{font-size:13px!important;color:#fff!important;margin:9px 0 0!important}.v-demo-chat i{position:absolute;right:7px;top:5px;width:6px;height:6px;background:#fb82ec;box-shadow:0 0 10px #ffb4ff;border-radius:50%}
.v-demo-theme{width:86%;height:145px;border:2px solid #a959df;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 0 20px #af42d05c}.v-demo-theme img{height:100%;width:100%;object-fit:cover;animation:v-theme-pan 10s ease-in-out infinite alternate}.v-demo-theme>div{position:absolute;inset:auto 0 0;background:#13091dbb;padding:10px;display:grid}.v-demo-theme span{color:#fff;font-weight:850}.v-demo-theme small{color:#f5a1df}
.v-bundleart{font-size:85px;text-shadow:0 0 36px #e78ae6;animation:v-badge-float 3.5s ease-in-out infinite alternate}
/* live cosmetic preview modal */
.v-cos-preview-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#020107d9;backdrop-filter:blur(11px);z-index:200;padding:18px}.v-cos-preview-overlay.open{display:flex}.v-cos-preview-modal{position:relative;width:min(450px,100%);background:linear-gradient(155deg,#291634,#120b20);border:1px solid #b268d3;border-radius:24px;padding:24px;box-shadow:0 24px 100px #000b;color:#fff;text-align:center}.v-cos-modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:10px;background:#ffffff14;color:#fff;border:1px solid #ffffff20;cursor:pointer}.v-cos-modal-label{color:#d3a0f3;font-size:11px;letter-spacing:.12em;font-weight:800}.v-cos-preview-art{display:grid;place-items:center;min-height:240px;background:radial-gradient(circle,#65318055,transparent 70%);margin:18px 0}.v-cos-preview-art .v-demo-frame{transform:scale(1.45)}.v-cos-preview-modal h2{font-size:25px;margin:12px 0}.v-cos-preview-modal p{color:#ccbad8;font-size:13px}.v-cos-preview-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}.v-cos-preview-actions strong{font-size:22px}.v-cos-preview-modal>small{display:block;color:#a999b6;margin-top:17px;font-size:11px}
/* applied cosmetic effects, not merely illustrations */
.profile-card[data-v-frame^="frame_"] #profilePreview{outline:4px solid #c46cfc;outline-offset:6px;box-shadow:0 0 28px #c463ecbb;animation:v-frame-glow 2s ease-in-out infinite alternate}
.profile-card[data-v-frame="frame_sakura"] #profilePreview{outline-color:#fc86d2;box-shadow:0 0 18px #f47ad8,0 0 35px #e85dbf}.profile-card[data-v-frame="frame_shadow"] #profilePreview{outline-color:#65d2ff;box-shadow:0 0 23px #218cfa,0 0 40px #1996ed77}.profile-card[data-v-frame="frame_legend"] #profilePreview{outline-color:#ffd06b;box-shadow:0 0 23px #ffbe58,0 0 40px #e7a32a77}
.profile-card[data-v-theme="theme_moon"]{background-image:linear-gradient(140deg,#39174acc,#0c0a23),url('assets/aniperde-shop-hero.webp')}.profile-card[data-v-theme="theme_shadow"]{background-image:linear-gradient(145deg,#090e23dd,#170a2ee0),url('assets/aniperde-shop-hero.webp')}.profile-card[data-v-theme="background_live"]{background-image:linear-gradient(110deg,#2d184f,#150b27,#50114c);background-size:220% 220%;animation:v-nameflow 8s linear infinite}
.profile-card[data-v-badge="badge_legend"] #profileShownRole{background:#7d531f;box-shadow:0 0 16px #ecb35277}
@keyframes v-frame-spin{to{transform:rotate(360deg)}}@keyframes v-spark{to{transform:translateY(-10px) scale(1.25);opacity:.55}}@keyframes v-badge-float{to{transform:translateY(-7px)}}@keyframes v-nameflow{to{background-position:100% 50%}}@keyframes v-frame-glow{to{filter:brightness(1.25)}}@keyframes v-theme-pan{to{transform:scale(1.2) translateX(-5%)}}
@media(max-width:1100px){.navlink{padding:9px 10px!important}.v-market-cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.v-shopmedia{height:164px}}
@media(max-width:760px){.header-inner{flex-wrap:wrap;gap:10px!important;padding:9px 12px!important}.nav{width:100%;order:3;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.navlink{padding:9px 10px!important;font-size:12px!important}.head-search{width:100%;max-width:none;order:4}.v-shopfilters{top:0}.v-market-cards,.v-section-featured .v-market-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v-shopcard{min-height:300px}.v-shopmedia{height:140px}.v-product-info{padding:12px}.v-product-info h3{font-size:14px}.v-product-foot{align-items:stretch;flex-direction:column;gap:9px}.v-product-foot b{font-size:17px}.v-product-foot .v-buy{width:100%;padding:11px 8px}.v-demo-frame{transform:scale(.75)}.v-cos-preview-art .v-demo-frame{transform:scale(1.2)}.v-demo-name span{font-size:16px}.v-demo-badge span{font-size:51px}.chat-panel{height:min(510px,calc(100dvh - 110px))!important;right:9px!important;bottom:79px!important;width:calc(100vw - 18px)!important}.chat-fab{right:12px;bottom:12px}.v-market-title p{font-size:12px}}
@media(max-width:390px){.v-market-cards,.v-section-featured .v-market-cards{grid-template-columns:1fr}.v-shopmedia{height:180px}.v-product-foot{flex-direction:row}}
@media(prefers-reduced-motion:reduce){.v-demo-ring,.v-demo-spark,.v-demo-badge span,.v-demo-chat,.v-demo-theme img,.v-skin-name_neon span,.profile-card[data-v-frame^="frame_"] #profilePreview{animation:none!important}}

/* Specificity guard against the legacy .v-shopcard > div:last-child layout rule. */
.v-shopcard>.v-product-info{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important}
.v-shopcard>.v-product-info>.v-product-foot{display:flex!important;flex-direction:row;align-items:center;justify-content:space-between;gap:9px}
@media(max-width:760px){.v-shopcard>.v-product-info>.v-product-foot{flex-direction:column;align-items:stretch}.v-shopcard>.v-product-info>.v-product-foot .v-buy{width:100%}}
@media(max-width:390px){.v-shopcard>.v-product-info>.v-product-foot{flex-direction:row;align-items:center}}

/* Suppress the old hero fallback until the actual Supabase catalog has loaded. */
body:not(.v-catalog-ready) .v-hero .hero-illustration{background-image:none!important;opacity:0!important}
body:not(.v-catalog-ready) .v-hero{background:radial-gradient(ellipse at 75% 25%,#54256877,transparent 52%),linear-gradient(125deg,#171022,#090913)}
.v-skeleton{height:180px;width:clamp(154px,14vw,216px);flex:0 0 auto;border-radius:14px;border:1px solid #ffffff14;background:linear-gradient(110deg,#21162d 10%,#3e2852 40%,#21162d 70%);background-size:250% 100%;animation:v-skel 1.8s ease-in-out infinite}
@keyframes v-skel{to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.v-skeleton{animation:none}}

/* V3: One-category-at-a-time market layout — AP Coin is category #2. */
.v-shop-layout{display:grid;grid-template-columns:254px minmax(0,1fr);align-items:start;gap:24px;margin:23px 0 28px}
.v-shop-sidebar{position:sticky;top:82px;background:linear-gradient(160deg,#20142f,#0e0b1b);border:1px solid #6e467e66;border-radius:20px;padding:15px;max-height:calc(100dvh - 98px);overflow:auto;scrollbar-width:thin}
.v-category-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 0 12px;padding:5px 6px 12px;border-bottom:1px solid #ffffff17}
.v-category-heading span{font-weight:850;color:#eeb5f6;font-size:11px;letter-spacing:.11em}
.v-category-heading small{font-size:10px;color:#aa93bb;white-space:nowrap}
.v-shop-layout .v-shopfilters{position:static!important;margin:0!important;padding:0!important;background:transparent!important;backdrop-filter:none!important;display:flex;flex-direction:column;gap:6px;overflow:visible}
.v-shop-layout .v-tab{display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:12px!important;min-height:52px;white-space:normal;transition:background .18s,border-color .18s,transform .18s;border:1px solid transparent;border-radius:12px;color:#c7b3d3;background:transparent}
.v-shop-layout .v-tab:hover{background:#ffffff11;border-color:#bc78dd66;color:#fff;transform:translateX(2px)}
.v-shop-layout .v-tab.active{background:linear-gradient(100deg,#af32b45c,#6737aa55)!important;border-color:#c478dd!important;box-shadow:inset 3px 0 #f05bd3;color:white}
.v-tab-index{color:#9e81ae;font-weight:800;font-size:10px;letter-spacing:.03em}.v-tab-icon{width:23px;text-align:center;font-size:20px;line-height:1;color:#e6a5f4}.v-tab-name{font-size:13px;font-weight:760;flex:1}.v-tab-count{font:750 11px Outfit,sans-serif;color:#d9b6e5;background:#ffffff13;padding:4px 7px;border-radius:9px;min-width:26px;text-align:center}
.v-shop-layout .v-tab.active .v-tab-index,.v-shop-layout .v-tab.active .v-tab-count{color:#fff}
.v-shop-sidebar-hint{display:flex;gap:9px;padding:14px 8px 3px;color:#b9a6c3}.v-shop-sidebar-hint span{font-size:17px}.v-shop-sidebar-hint p{font-size:11px;line-height:1.6;margin:0}
.v-shop-layout .v-store-sections{min-width:0;background:linear-gradient(140deg,#130c22a3,#0d0a19a3);border:1px solid #6342725b;border-radius:22px;padding:23px;min-height:400px}
.v-market-intro{margin-bottom:21px}.v-market-eyebrow{display:block;color:#bb8bd2;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:8px}
.v-shop-layout .v-market-title{margin-bottom:0;gap:18px}.v-shop-layout .v-market-title h2{font-size:clamp(22px,2.4vw,34px);line-height:1.17}.v-shop-layout .v-market-title p{line-height:1.5;margin-top:8px;max-width:650px}
.v-market-count{white-space:nowrap;font-size:11px;color:#ddbbe8;background:#b067cc20;border:1px solid #b067cc55;border-radius:22px;padding:7px 11px}
.v-shop-layout .v-market-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v-shop-layout .v-market-memberships{grid-template-columns:repeat(2,minmax(0,1fr));max-width:790px}
.v-shop-layout .v-shopcard{min-height:340px}.v-shop-layout .v-shopmedia{height:170px}
.v-empty-category{grid-column:1/-1;min-height:135px;display:grid;place-items:center}
.v-claimdetails{margin:20px 0 40px;border:1px solid #714b86a3;border-radius:18px;overflow:hidden;background:linear-gradient(120deg,#20122e,#100c1c)}
.v-claimdetails>summary{list-style:none;display:flex;align-items:center;gap:15px;padding:18px 22px;cursor:pointer;color:#f1d9f5;font-weight:800}
.v-claimdetails>summary::-webkit-details-marker{display:none}.v-claimdetails>summary>small{color:#bcaac6;font-size:12px;font-weight:400;flex:1;text-align:right}.v-claimdetails>summary>span:last-child{font-size:21px;transition:transform .2s}.v-claimdetails[open]>summary>span:last-child{transform:rotate(180deg)}
.v-claimdetails .v-claimbox{margin:0!important;border:0!important;border-top:1px solid #69447770!important;border-radius:0!important}
@media(max-width:1230px){.v-shop-layout{grid-template-columns:214px minmax(0,1fr);gap:15px}.v-shop-layout .v-market-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.v-shop-layout .v-shopmedia{height:180px}.v-shop-layout .v-store-sections{padding:18px}}
@media(max-width:860px){.v-shop-layout{grid-template-columns:minmax(0,1fr);gap:13px}.v-shop-sidebar{position:static;max-height:none;overflow:visible;padding:12px}.v-shop-sidebar-hint,.v-category-heading small{display:none}.v-category-heading{margin:0 0 7px;padding:2px 4px 9px}.v-shop-layout .v-shopfilters{flex-direction:row;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 9px!important;scroll-snap-type:x proximity}.v-shop-layout .v-tab{min-width:max-content;width:auto;min-height:45px;flex:none;padding:10px 12px!important;scroll-snap-align:start;white-space:nowrap}.v-tab-index,.v-tab-count{font-size:10px}.v-tab-icon{font-size:17px;width:19px}.v-shop-layout .v-store-sections{scroll-margin-top:12px}.v-shop-layout .v-shopmedia{height:165px}}
@media(max-width:560px){.v-shop-layout{margin-top:12px}.v-shop-layout .v-store-sections{padding:15px;border-radius:15px;min-height:310px}.v-shop-layout .v-market-cards,.v-shop-layout .v-market-memberships{grid-template-columns:1fr;max-width:none}.v-shop-layout .v-market-cards .v-shopcard{min-height:295px}.v-shop-layout .v-shopmedia{height:190px}.v-shop-layout .v-market-title{align-items:flex-start;flex-direction:column;gap:7px}.v-market-count{padding:5px 8px}.v-claimdetails>summary{padding:15px;flex-wrap:wrap}.v-claimdetails>summary>small{order:3;text-align:left;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.v-shop-layout .v-tab{transition:none}}


/* ANİPERDE VNext V4 — Real animated cosmetics, compact chat launcher & home showcase */
:root{--v4-ice:#62d9ff;--v4-sakura:#ff79ce;--v4-void:#8e4bf7;--v4-gold:#ffcc70}
/* Small chat launcher. The chat WINDOW remains full-sized; only the trigger is smaller. */
.chat-fab{min-width:0!important;width:auto!important;min-height:45px!important;padding:6px 14px 6px 7px!important;gap:7px!important;right:16px!important;bottom:15px!important;border-radius:30px!important;background:linear-gradient(120deg,#8e39cf,#dc319b)!important;box-shadow:0 7px 27px #0009,0 0 15px #cc46db55!important;transition:transform .22s ease,box-shadow .22s ease,opacity .22s!important;z-index:100!important}
.chat-fab:hover{transform:translateY(-3px)!important;box-shadow:0 12px 30px #000a,0 0 23px #d95edf88!important}
.chat-fab .chat-fab-icon{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#ffffff20!important}
.chat-fab .chat-fab-txt{font-size:12px!important;font-weight:800!important;display:block!important;white-space:nowrap}
.chat-fab .fab-dot{width:7px!important;height:7px!important;top:5px!important;right:7px!important}
.chat-panel{transform-origin:bottom right;animation:v4ChatIn .27s cubic-bezier(.19,1,.22,1) both}
@keyframes v4ChatIn{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:620px){.chat-fab{width:46px!important;height:46px!important;padding:6px!important;justify-content:center!important}.chat-fab .chat-fab-txt{display:none!important}.chat-fab .chat-fab-icon{width:31px!important;height:31px!important}.chat-panel{bottom:67px!important;right:8px!important;height:min(515px,calc(100dvh - 105px))!important}}

/* Homescreen compact, one-row storefront, after latest episodes. */
.v-home-market{position:relative;margin:25px 0 30px;padding:19px 19px 16px;border:1px solid #86499b67;border-radius:19px;background:radial-gradient(ellipse at 8% 0%,#62267633,transparent 45%),linear-gradient(130deg,#1b0e29eb,#0e0b1bec)}
.v-home-market-head{align-items:center;gap:13px;margin-bottom:14px}.v-home-market-head h2{margin:4px 0 3px;color:#fff;font-size:clamp(19px,1.8vw,27px)}
.v-home-market-head p{font-size:12px;color:#baabcb;margin:0}.v-home-market-kicker{color:#e388ec;font-size:10px;font-weight:900;letter-spacing:.15em}
.v-market-open{font-size:12px!important;color:#f3a5e9!important;border:1px solid #af65c9a4!important;padding:10px 13px!important;border-radius:10px!important;white-space:nowrap!important;background:#391d4a88!important}
.v-home-market-rail{display:flex;gap:11px;overflow-x:auto;padding:2px 2px 13px;scrollbar-width:thin;scrollbar-color:#9f52b9 transparent;scroll-snap-type:x proximity}
.v-home-relic{position:relative;display:grid;align-content:start;flex:0 0 clamp(147px,14.2vw,201px);gap:5px;min-width:0;min-height:203px;border:1px solid #8d4b9e75;border-radius:12px;padding:8px 8px 10px;text-align:left;color:#f9eafa;background:linear-gradient(160deg,#20112a,#100b1d);transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease;scroll-snap-align:start}
.v-home-relic:hover{transform:translateY(-4px);border-color:#eb7ed9;box-shadow:0 8px 27px #d43bd728}
.v-home-relic-picture{position:relative;height:122px;display:grid;place-items:center;isolation:isolate;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 50% 63%,#53346b,#140d25 72%)}
.v-home-relic-picture .v-relic{transform:scale(.67)}
.v-home-relic-rarity{position:absolute;top:6px;left:6px;z-index:4;font-size:9px;font-weight:850;color:#ffd9f5;background:#401449c9;border:1px solid #df84d97d;border-radius:20px;padding:3px 6px}
.v-home-relic-name{font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-home-relic-price{font-size:12px;color:#ffc5ee;font-weight:800}.v-home-relic-action{font-size:10px;color:#b39fc5}
.v-market-loading{display:grid;min-height:110px;align-content:center;gap:10px;color:#cbaad9;font-size:12px}.v-market-loading button{color:#f3b0ea;text-align:left;background:transparent}
@media(max-width:650px){.v-home-market{padding:14px 11px;margin:18px -4px 23px}.v-home-market-head{align-items:flex-start}.v-home-market-head p{max-width:250px}.v-market-open{font-size:10px!important;padding:8px!important}.v-home-relic{flex-basis:148px}}

/* The cosmetic item is artwork made of layered, individually animated DOM/CSS.
   Avatar SVGs and decorative textures are shipped with the site, no fragile remote assets. */
.v-cosmedia{overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 58%,#372448,#0c0b1c 70%)!important}
.v-relic{width:180px;height:180px;position:relative;display:grid;place-items:center;isolation:isolate;--a:#e676fc;--b:#5d3adb;--c:#e7b3ff;--shape:circle;--speed:9s}
.v-relic-backdrop{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,var(--a) 0%,transparent 58%);opacity:.21;filter:blur(19px);animation:v4Glow 4s ease-in-out infinite alternate}
.v-relic-avatar{position:absolute;inset:23px;width:134px;height:134px;object-fit:cover;border-radius:50%;border:2px solid #ffffff1f;box-shadow:0 0 28px var(--b),0 6px 30px #0008;z-index:2}
.v-relic-wheel{position:absolute;inset:3px;border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--a),var(--c),transparent,var(--b),transparent,var(--a),transparent);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 11px),black calc(100% - 10px));mask:radial-gradient(farthest-side,transparent calc(100% - 11px),black calc(100% - 10px));filter:drop-shadow(0 0 10px var(--a));z-index:4;animation:v4Spin var(--speed) linear infinite}
.v-relic-halo{position:absolute;inset:9px;border-radius:50%;border:2px solid var(--a);opacity:.75;box-shadow:0 0 15px var(--a),inset 0 0 15px var(--a),0 0 40px var(--b);z-index:3;animation:v4Glow 2.6s ease-in-out infinite alternate}
.v-relic-corona{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 16px var(--a),0 0 17px var(--b);z-index:5;pointer-events:none;border:1px solid #ffffff29}
.v-relic-particles{position:absolute;inset:0;z-index:7;pointer-events:none}.v-relic-particles span{position:absolute;top:50%;left:50%;font-size:20px;color:var(--c);text-shadow:0 0 10px var(--a),0 0 19px var(--a);opacity:0;animation:v4Orbit 4.5s linear infinite;animation-delay:calc(var(--i) * -.5s);filter:drop-shadow(0 0 5px var(--b))}
.v-skin-frame_basic{--a:#ff79e1;--b:#bd53df;--c:#ffb7f2}.v-skin-frame_sakura{--a:#ff77b7;--b:#f441b2;--c:#ffe0f3;--speed:11s}
.v-skin-frame_shadow{--a:#8e4bff;--b:#290b54;--c:#c5a7ff;--speed:13s}.v-skin-frame_shadow .v-relic-backdrop{background:radial-gradient(circle,#44118a,transparent 65%)}
.v-skin-frame_legend{--a:#ffc763;--b:#b65a0e;--c:#fff1a8;--speed:7s}.v-skin-frame_orbit{--a:#ab64ff;--b:#4937fa;--c:#daccff;--speed:5s}
.v-skin-frame_ice{--a:#5fdfff;--b:#2176df;--c:#e7fbff;--speed:10s}.v-skin-frame_crystal{--a:#ad8aff;--b:#6332e6;--c:#f1eaff;--speed:6s}
.v-skin-frame_aura{--a:#ffad62;--b:#ea4f87;--c:#ffefc5;--speed:3.5s}
.v-skin-frame_orbit .v-relic-halo{border-style:dotted;border-width:3px}.v-skin-frame_ice .v-relic-corona{border-style:dashed;border-width:3px}.v-skin-frame_crystal .v-relic-corona{border-style:double;border-width:7px}.v-skin-frame_aura .v-relic-corona{border-style:solid;border-width:4px;box-shadow:0 0 28px #ff8c63,0 0 45px #fd6d9e,inset 0 0 22px #ffce86}
.v-skin-frame_sakura .v-relic-particles span{font-size:18px}.v-skin-frame_ice .v-relic-particles span{font-size:23px}.v-skin-frame_crystal .v-relic-particles span{font-size:22px}.v-skin-frame_aura .v-relic-particles span{font-size:25px}
@keyframes v4Spin{to{transform:rotate(360deg)}}@keyframes v4Glow{to{opacity:.72;filter:brightness(1.35)}}
@keyframes v4Orbit{0%{opacity:0;transform:rotate(calc(var(--i) * 40deg)) translateX(58px) translateY(11px) rotate(0deg) scale(.45)}18%{opacity:1}65%{opacity:.95}100%{opacity:0;transform:rotate(calc(var(--i) * 40deg + 180deg)) translateX(78px) translateY(-10px) rotate(270deg) scale(1.16)}}
.v-cosmedia:has(.v-relic){background:radial-gradient(circle at 52% 50%,#412454,#100a1c 75%)!important}
.v-cosmedia .v-relic{transform:scale(.94)}.v-shopcard:hover .v-relic{filter:brightness(1.15)}
.v-cos-preview-art .v-relic{transform:scale(1.33)}
.v-cos-preview-art{overflow:hidden}
.v-rarity-badge{font-weight:900!important;letter-spacing:.06em}.v-rarity-basic{color:#ffe1f9}.v-rarity-rare{color:#88d5ff!important}.v-rarity-epic{color:#eea2ff!important}.v-rarity-legend{color:#ffdc82!important}
.v-badge-art,.v-name-art{display:grid;place-items:center;gap:8px;position:relative;isolation:isolate;text-align:center;width:100%;height:150px}
.v-badge-radiance{position:absolute;width:100px;height:100px;background:radial-gradient(circle,#b64eff7a,transparent 70%);filter:blur(18px);animation:v4Glow 2s alternate infinite}.v-badge-emblem{font-size:67px;filter:drop-shadow(0 0 14px #d671f4);z-index:1;animation:v4BadgeFloat 3s ease-in-out infinite alternate}.v-badge-orbit{position:absolute;bottom:6px;color:#fbb1fb;letter-spacing:15px;font-size:11px;animation:v4Spin 22s linear infinite}.v-badge-art strong{font-size:13px;color:#f7d6fa;z-index:1}
.v-skin-badge_legend .v-badge-emblem{filter:drop-shadow(0 0 20px #f6ba43)}
.v-name-crown{color:#ffafff;font-size:13px}.v-name-text{font:900 27px Outfit,sans-serif;background:linear-gradient(100deg,#ff91d5,#c28cfb,#67c7ff,#fc87cd);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 14px #d04aee99);animation:v4Gradient 4s linear infinite}.v-name-art small{color:#c9a6dc;font-size:10px}
.v-chat-art{position:relative;width:min(92%,290px);padding:17px;border:1px solid #d274f3;border-radius:16px;background:linear-gradient(130deg,#431753,#19102d);box-shadow:0 0 25px #be4deb50;animation:v4BadgeFloat 3s ease-in-out infinite alternate}
.v-chat-art-name{color:#f3c5f5;font-size:12px;font-weight:900}.v-chat-art p{margin:8px 0 0!important;color:white!important;font-size:13px!important}.v-chat-art-particle{position:absolute;color:#ffaef2;font-size:16px;animation:v4Drift 3s ease-in-out infinite alternate}.v-chat-art-particle.s1{top:-9px;left:10%}.v-chat-art-particle.s2{right:2px;top:19%}.v-chat-art-particle.s3{bottom:-7px;left:62%}
.v-skin-chat_flame{box-shadow:0 0 18px #ad4cf9,inset 0 0 16px #5b1684;border-color:#d155ff}.v-skin-chat_flame .v-chat-art-particle{color:#f3a1ff}
.v-skin-chat_sakura{background:linear-gradient(130deg,#652248,#291536);border-color:#ff8bc8}.v-skin-chat_sakura .v-chat-art-particle{color:#ffb6d7}.v-skin-chat_bubble{border-color:#69c9ff;background:linear-gradient(135deg,#133c60,#28204f)}.v-skin-chat_bubble .v-chat-art-particle{color:#7edaff}
.v-theme-art{width:92%;max-width:340px;height:157px;position:relative;border-radius:12px;border:1px solid #c368f6;overflow:hidden;box-shadow:0 0 20px #9d35d280;isolation:isolate}
.v-theme-art img{width:100%;height:100%;object-fit:cover;animation:v4ThemePan 12s ease-in-out infinite alternate}.v-theme-waves{position:absolute;inset:0;background:linear-gradient(110deg,transparent,#ffffff16,transparent);background-size:210% 100%;animation:v4Gradient 9s linear infinite}.v-theme-caption{position:absolute;bottom:0;left:0;right:0;display:grid;text-align:left;gap:3px;background:linear-gradient(0deg,#070411ef,#0a062650);padding:10px}.v-theme-caption span{color:#fff;font-size:13px;font-weight:900}.v-theme-caption small{font-size:9px;color:#ffc5ff}
.v-skin-theme_shadow{border-color:#6439d4;box-shadow:0 0 25px #4120bb99}.v-skin-background_live{border-color:#f18bdf;box-shadow:0 0 22px #e66bdf99}
@keyframes v4Gradient{to{background-position:300% 0}}@keyframes v4BadgeFloat{to{transform:translateY(-8px)}}@keyframes v4Drift{to{transform:translate(16px,-13px) rotate(25deg);opacity:.45}}@keyframes v4ThemePan{to{transform:scale(1.12) translateX(-4%)}}
/* Equipped frame actually encircles the profile's avatar (not entire card). */
.v-profile-avatar-stage{position:relative;width:fit-content;margin:6px auto 15px;isolation:isolate;display:grid;place-items:center}.v-profile-avatar-stage #profilePreview{display:block;margin:0!important;border-radius:50%;z-index:2;position:relative;max-width:150px}
.v-profile-relic-ring,.v-profile-relic-spark{display:none;position:absolute;pointer-events:none}
.profile-card[data-v-frame^="frame_"] .v-profile-relic-ring{display:block;inset:-10px;z-index:3;border-radius:50%;border:4px solid var(--pframe,#d879ff);box-shadow:0 0 17px var(--pframe),inset 0 0 12px var(--pframe);animation:v4RingPulse 2.5s ease-in-out infinite alternate}
.profile-card[data-v-frame^="frame_"] .v-profile-relic-spark{display:block;right:-13px;top:-13px;color:var(--pframe);font-size:30px;text-shadow:0 0 14px var(--pframe);z-index:4;animation:v4Spin 9s linear infinite}
.profile-card[data-v-frame="frame_sakura"]{--pframe:#ff8bd8}.profile-card[data-v-frame="frame_shadow"]{--pframe:#985dff}.profile-card[data-v-frame="frame_legend"]{--pframe:#ffcb75}.profile-card[data-v-frame="frame_orbit"]{--pframe:#ab84ff}.profile-card[data-v-frame="frame_ice"]{--pframe:#62dcff}.profile-card[data-v-frame="frame_crystal"]{--pframe:#b899ff}.profile-card[data-v-frame="frame_aura"]{--pframe:#ff965c}
.profile-card[data-v-frame="frame_sakura"] .v-profile-relic-spark::before{content:'🌸'}.profile-card[data-v-frame="frame_ice"] .v-profile-relic-spark::before{content:'❄'}.profile-card[data-v-frame="frame_legend"] .v-profile-relic-spark::before{content:'♛'}
.profile-card[data-v-name="name_neon"] #profileShownName{background:linear-gradient(90deg,#ff9ddf,#a678fa,#86d5ff,#ff9ddf);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:v4Gradient 4s linear infinite;filter:drop-shadow(0 0 7px #d76ae8)}
.profile-card[data-v-name="name_color"] #profileShownName{color:#ff9bdc;text-shadow:0 0 10px #ff4dbd99}
.profile-card[data-v-theme="theme_moon"]{background:linear-gradient(135deg,#3d194dc9,#140b22c9),url('assets/aniperde-shop-hero.webp') center/cover!important}.profile-card[data-v-theme="theme_shadow"]{background:linear-gradient(135deg,#130624d9,#2d1150c9),url('assets/hero.jpg') center/cover!important}.profile-card[data-v-theme="background_live"]{background:linear-gradient(125deg,#381446,#160e38,#561446);background-size:240% 100%;animation:v4Gradient 9s linear infinite}
@keyframes v4RingPulse{to{filter:brightness(1.5);transform:scale(1.04)}}
@media(max-width:730px){.v-cosmedia .v-relic{transform:scale(.77)}.v-cos-preview-art .v-relic{transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.chat-panel,.v-relic *,.v-badge-art *,.v-name-art *,.v-chat-art *,.v-theme-art *,.v-profile-relic-ring,.v-profile-relic-spark,.v-home-relic{animation:none!important;transition:none!important}}

/* Use the approved ANİPERDE concept artwork for the store hero background. */
.v-storehero{background:linear-gradient(90deg,#12091ae8 0%,#150c2ab0 38%,#230e3a22 85%),url('assets/v4-market-hero.webp') center 42% /cover no-repeat!important}
.v-relic-avatar{filter:saturate(1.09) contrast(1.02)}

/* ANİPERDE V5 — artwork-backed animated cosmetics; responsive, reduced-motion aware.
   Hi-res poster imagery only moves subtly. Lightweight GPU transform layers provide actual motion. */
.v5-product-art{position:relative;isolation:isolate;display:block;width:100%;height:100%;overflow:hidden;background:#100a20}
.v5-product-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.12) contrast(1.06)}
.v5-frame-art>img{object-fit:contain;background:radial-gradient(circle at 50% 55%,#321351,#0b0816 75%)}
.v5-product-art::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(116deg,transparent 15%,#ffffff12 49%,transparent 56%);background-size:270% 100%;animation:v5Gleam 9s linear infinite}
.v5-fx-layer{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}
.v5-fx-particle{position:absolute;left:var(--x);top:var(--y);z-index:1;display:block;font-size:clamp(10px,1.4vw,22px);color:#ffc5f4;filter:drop-shadow(0 0 7px currentColor);opacity:.72;animation:v5Petals var(--speed) ease-in-out var(--delay) infinite alternate;will-change:transform,opacity}
.v5-frame-art .v5-fx-particle{color:#ffc0fa}.v5-frame-art.v-skin-frame_sakura .v5-fx-particle{color:#ffc2da}.v5-frame-art.v-skin-frame_ice .v5-fx-particle{color:#b7f8ff}.v5-frame-art.v-skin-frame_legend .v5-fx-particle{color:#ffe3a2}.v5-frame-art.v-skin-frame_shadow .v5-fx-particle{color:#b796ff}
.v5-frame-sheen{position:absolute;inset:7%;pointer-events:none;z-index:2;border-radius:50%;background:conic-gradient(from 100deg,transparent 0 60%,#ffffff19 69%,transparent 79%);animation:v5Spin 18s linear infinite}
.v5-frame-arc{position:absolute;inset:12%;z-index:2;border-radius:50%;border:2px solid transparent;pointer-events:none;filter:drop-shadow(0 0 8px #ca85ff);animation:v5Spin 12s linear infinite}
.v5-arc-a{border-top-color:#f3b4ff;border-bottom-color:#7e4cff}.v5-arc-b{inset:16%;border-left-color:#ffc3ea;border-right-color:#db9aff;animation-direction:reverse;animation-duration:16s}
.v5-frame-art.v-skin-frame_ice .v5-frame-arc{border-top-color:#7bdfff;border-bottom-color:#4c89ff}.v5-frame-art.v-skin-frame_legend .v5-frame-arc,.v5-frame-art.v-skin-frame_aura .v5-frame-arc{border-top-color:#ffd274;border-bottom-color:#ec9b49}
.v5-theme-art>img{object-fit:cover;animation:v5Pan 25s ease-in-out infinite alternate;transform:scale(1.045);will-change:transform}
.v5-theme-beam{position:absolute;inset:-20%;z-index:1;pointer-events:none;background:linear-gradient(95deg,transparent 35%,#f0a4ff14 49%,transparent 62%);animation:v5Beam 11s linear infinite;transform:translateX(-65%)}
.v5-theme-grain{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 15% 5%,#fff5,transparent 15%),radial-gradient(circle at 75% 24%,#fabfff40,transparent 19%),linear-gradient(to top,#080615da,transparent 52%);background-size:160% 160%;animation:v5Cloud 18s ease-in-out infinite alternate}
.v5-theme-user{position:absolute;inset:auto 12px 10px;z-index:4;display:grid;gap:2px;text-align:left;text-shadow:0 1px 7px #000;background:linear-gradient(90deg,#160a2a88,transparent);padding:7px 10px;border-left:2px solid #ff8cde}
.v5-theme-user b{font-weight:900;font-size:14px;color:white}.v5-theme-user small{font-size:9px;color:#f2cafa}
.v5-badge-art>img,.v5-name-art>img,.v5-chat-art>img{object-fit:cover}
.v5-badge-corona{position:absolute;inset:11%;pointer-events:none;border:1px solid #ffb5f766;border-radius:50%;animation:v5Spin 22s linear infinite;box-shadow:0 0 26px #ce5afe70}
.v5-name-actual{position:absolute;z-index:4;left:4%;right:4%;bottom:4%;display:grid;place-items:center;gap:3px;background:linear-gradient(transparent,#090316cd);padding:12px 6px 4px}
.v5-name-actual span{font-weight:950;font-size:clamp(16px,2vw,25px);color:#f5b0ff;text-shadow:0 0 11px #e34cff;animation:v5NamePulse 3s ease-in-out infinite alternate}
.v5-name-actual small{font-size:10px;color:#f3d8fa}
.v-skin-name_aurora .v5-name-actual span{color:#89dfff;text-shadow:0 0 11px #3ca9fc}.v-skin-name_royal .v5-name-actual span{color:#ffd67c;text-shadow:0 0 12px #ff9b44}.v-skin-name_sakura .v5-name-actual span{color:#ffaedb}
.v5-chat-message{position:absolute;z-index:4;left:9%;right:9%;bottom:6%;border:1px solid #e39dff;background:#120822c7;box-shadow:0 0 12px #d678e877;padding:8px 12px;border-radius:15px;display:grid;gap:4px;text-align:left;animation:v5NamePulse 3s ease-in-out infinite alternate;backdrop-filter:blur(3px)}
.v5-chat-message b{font-size:10px;color:#efa8fe}.v5-chat-message span{font-size:11px;color:#fff}
.v-cosmedia{background:#150b25!important}.v-cosmedia .v5-product-art{width:100%;height:100%}
.v-cos-preview-art{overflow:hidden}.v-cos-preview-art .v5-product-art{height:100%;min-height:220px}.v-cos-preview-art .v5-product-art>img{object-position:center}
.v-shopcard:hover .v5-product-art>img{filter:saturate(1.2) contrast(1.13) brightness(1.1)}
.v-home-relic-picture .v5-product-art{width:100%;height:100%;transform:none}
.v-home-relic-picture .v5-fx-particle{font-size:12px}.v-home-relic-picture{background:#120b20}
.v-home-relic-name,.v-home-relic-price{position:relative;z-index:5}
.v-shop-layout .v-shopmedia.v-cosmedia{height:clamp(195px,20vw,275px)!important}
.v-home-relic{min-height:222px;flex-basis:clamp(156px,16vw,220px)}.v-home-relic-picture{height:155px}.v-home-relic-action{display:block}
.v-shopcard.v-paidcard .v-shopmedia{background:#13081e}.v-shopcard.v-paidcard .v-shopmedia>img{object-fit:cover;object-position:center;transition:transform .4s ease}.v-shopcard.v-paidcard:hover .v-shopmedia>img{transform:scale(1.035)}
.v5-ownitem{align-items:center;min-height:95px;gap:10px}.v5-owned-picture{display:block;flex:0 0 80px;width:80px;height:70px;border-radius:9px;overflow:hidden;background:#110722;border:1px solid #9552ba6b}.v5-owned-picture .v5-product-art{height:100%;width:100%}.v5-owned-picture .v5-fx-particle{font-size:9px}.v5-owned-picture .v5-chat-message{display:none}.v5-equipped-badge{display:block;margin:5px auto 9px;width:78px;height:49px;object-fit:cover;border-radius:13px;border:1px solid #e2a9f9;box-shadow:0 0 14px #bb63eb70;animation:v5NamePulse 3s infinite alternate}
/* Actual purchased background in the person's own profile */
.profile-card[data-v-theme]{position:relative;isolation:isolate;overflow:hidden}
.profile-card[data-v-theme]>*{position:relative;z-index:2}
.profile-card[data-v-theme="theme_moon"]{--v5-image:url('assets/v5-theme-theme_moon.webp')}
.profile-card[data-v-theme="background_live"]{--v5-image:url('assets/v5-theme-background_live.webp')}
.profile-card[data-v-theme="theme_shadow"]{--v5-image:url('assets/v5-theme-theme_shadow.webp')}
.profile-card[data-v-theme="theme_sakura_garden"]{--v5-image:url('assets/v5-theme-theme_sakura_garden.webp')}
.profile-card[data-v-theme="theme_crystal_dawn"]{--v5-image:url('assets/v5-theme-theme_crystal_dawn.webp')}
.profile-card[data-v-theme="theme_aurora"]{--v5-image:url('assets/v5-theme-theme_aurora.webp')}
.profile-card[data-v-theme="theme_moon"],.profile-card[data-v-theme="background_live"],.profile-card[data-v-theme="theme_shadow"],.profile-card[data-v-theme="theme_sakura_garden"],.profile-card[data-v-theme="theme_crystal_dawn"],.profile-card[data-v-theme="theme_aurora"]{background:#120722!important}
.profile-card[data-v-theme="theme_moon"]::before,.profile-card[data-v-theme="background_live"]::before,.profile-card[data-v-theme="theme_shadow"]::before,.profile-card[data-v-theme="theme_sakura_garden"]::before,.profile-card[data-v-theme="theme_crystal_dawn"]::before,.profile-card[data-v-theme="theme_aurora"]::before{content:'';position:absolute;inset:-5%;z-index:0;pointer-events:none;background-image:linear-gradient(#1b083b66,#11041caa),var(--v5-image);background-size:cover;background-position:center;animation:v5ProfilePan 22s ease-in-out infinite alternate;will-change:transform}
.profile-card[data-v-theme]::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 75% 12%,#ffe9ff43,transparent 22%),linear-gradient(105deg,transparent 45%,#e69eff14 52%,transparent 58%);background-size:180% 180%;animation:v5Cloud 12s ease-in-out infinite alternate}
.profile-card[data-v-theme] .profile-role,.profile-card[data-v-theme] .profile-summary{background:#150827aa;backdrop-filter:blur(6px)}
/* Actual avatar ring: each design is a transparent 512-unit vector, not a pasted anime portrait */
.profile-card[data-v-frame^="frame_"] .v-profile-relic-ring{display:block!important;inset:-13px;z-index:4;border:0!important;border-radius:50%;box-shadow:none!important;background-position:center;background-size:100% 100%;filter:drop-shadow(0 0 10px var(--pframe,#c084fc));animation:v5Spin 19s linear infinite}
.profile-card[data-v-frame="frame_basic"] .v-profile-relic-ring{background-image:url('assets/v5-ring-frame_basic.svg')}
.profile-card[data-v-frame="frame_sakura"] .v-profile-relic-ring{background-image:url('assets/v5-ring-frame_sakura.svg')}
.profile-card[data-v-frame="frame_shadow"] .v-profile-relic-ring{background-image:url('assets/v5-ring-frame_shadow.svg')}
.profile-card[data-v-frame="frame_legend"] .v-profile-relic-ring{background-image:url('assets/v5-ring-frame_legend.svg')}
.profile-card[data-v-frame="frame_orbit"] .v-profile-relic-ring{background-image:url('assets/v5-ring-frame_orbit.svg')}
.profile-card[data-v-frame="frame_ice"] .v-profile-relic-ring{background-image:url('assets/v5-ring-frame_ice.svg')}
.profile-card[data-v-frame="frame_crystal"] .v-profile-relic-ring{background-image:url('assets/v5-ring-frame_crystal.svg')}
.profile-card[data-v-frame="frame_aura"] .v-profile-relic-ring{background-image:url('assets/v5-ring-frame_aura.svg')}
.profile-card[data-v-frame="frame_cosmic"] .v-profile-relic-ring{background-image:url('assets/v5-ring-frame_cosmic.svg')}
.profile-card[data-v-frame="frame_sakura"] .v-profile-relic-spark{color:#ffbde3;animation:v5Petals 3.7s ease-in-out infinite alternate}
.profile-card[data-v-frame="frame_shadow"] .v-profile-relic-spark{color:#ab88ff;animation:v5Spin 5s linear infinite}
.profile-card[data-v-frame="frame_ice"] .v-profile-relic-spark{color:#8be5ff;animation:v5Petals 4s ease-in-out infinite alternate}
.profile-card[data-v-frame="frame_legend"] .v-profile-relic-spark{color:#ffe1a0;animation:v5Spin 10s linear infinite}
.profile-card[data-v-frame="frame_cosmic"]{--pframe:#9fb3ff}
.profile-card[data-v-name="name_aurora"] #profileShownName{background:linear-gradient(90deg,#8befff,#c18fff,#ec9cf6,#8befff);background-size:220%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v4Gradient 4s linear infinite}
.profile-card[data-v-name="name_royal"] #profileShownName{color:#ffcf78;text-shadow:0 0 12px #ffa64f}
.profile-card[data-v-name="name_sakura"] #profileShownName{color:#ffaedb;text-shadow:0 0 12px #fd51be}
.profile-card[data-v-badge^="badge_"] #profileShownRole{border:1px solid #e6a6ff;box-shadow:0 0 15px #9f59e56b}
.profile-card[data-v-badge="badge_moon_guardian"] #profileShownRole{border-color:#d6c7ff;color:#e9d7ff}
.profile-card[data-v-badge="badge_crystal_knight"] #profileShownRole{border-color:#99dbff;color:#a3eaff}
.profile-card[data-v-badge="badge_star_eternal"] #profileShownRole{border-color:#ffd889;color:#ffe5ac}
/* Actual equipped user's chat style; each message is keyed to sender rather than coloring the whole chat room */
.chat-panel .message[data-v-chat="chat_sakura"] .message-text,.chat-panel .message[data-v-chat="chat_sakura_rain"] .message-text{border:1px solid #ff83b9;background:linear-gradient(115deg,#3e153b,#1c0b28);box-shadow:0 0 13px #fc66bb6a,inset 0 0 8px #e572aa44}
.chat-panel .message[data-v-chat="chat_flame"] .message-text{border:1px solid #bb76ff;background:linear-gradient(125deg,#381457,#160825);box-shadow:0 0 18px #9852ff8a}
.chat-panel .message[data-v-chat="chat_aurora"] .message-text{border:1px solid #88b6ff;background:linear-gradient(112deg,#14295d,#3a144e,#1f3966);background-size:210%;animation:v5Cloud 9s ease-in-out infinite alternate;box-shadow:0 0 15px #4d92ff77}
.chat-panel .message[data-v-chat="chat_crystal"] .message-text{border:1px solid #bcabff;background:linear-gradient(120deg,#171f55,#3f2163);box-shadow:0 0 17px #9d83ffb0}
.chat-panel .message[data-v-chat="chat_rainbow"] .message-text{border:1px solid #ffbaff;background:linear-gradient(115deg,#5b1743,#162c57,#295a5c,#633365);background-size:240%;animation:v5Cloud 7s ease-in-out infinite alternate;box-shadow:0 0 14px #d377ff9a}
.chat-panel .message[data-v-chat^="chat_"] .message-text::after{content:'✦';float:right;font-size:10px;color:#ecb7fb;opacity:.8;animation:v5NamePulse 2s infinite alternate}
@keyframes v5Pan{to{transform:scale(1.15) translate(-2%,-1.2%)}}
@keyframes v5ProfilePan{to{transform:scale(1.13) translate(-2%,-1%)}}
@keyframes v5Spin{to{transform:rotate(360deg)}}
@keyframes v5Gleam{to{background-position:260% 0}}
@keyframes v5Petals{from{transform:translate3d(-9px,10px,0) rotate(-20deg) scale(.8);opacity:.3}to{transform:translate3d(13px,-17px,0) rotate(28deg) scale(1.22);opacity:1}}
@keyframes v5Beam{to{transform:translateX(65%)}}
@keyframes v5Cloud{to{background-position:90% 65%}}
@keyframes v5NamePulse{to{filter:brightness(1.3);text-shadow:0 0 18px #e2a6ff}}
@media(max-width:700px){.v-shop-layout .v-shopmedia.v-cosmedia{height:205px!important}.v5-fx-particle{font-size:11px}.v-home-relic{flex-basis:162px}.v-home-relic-picture{height:125px}.v5-theme-user{bottom:5px}}
@media(prefers-reduced-motion:reduce){.v5-product-art *,.v5-product-art::after,.profile-card[data-v-theme]::before,.profile-card[data-v-theme]::after,.profile-card[data-v-frame] .v-profile-relic-ring,.chat-panel .message[data-v-chat] .message-text{animation:none!important;transition:none!important;will-change:auto!important}}


/* V84: store media fit/quality fixes + membership order layout */
.v-shopcard.v-paidcard .v-shopmedia{
  height:210px;
  padding:10px;
  background:
    radial-gradient(circle at 50% 12%,rgba(255,110,230,.18),transparent 42%),
    linear-gradient(180deg,#170b24 0%,#12081d 100%);
}
.v-shopcard.v-paidcard .v-shopmedia > img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center center !important;
  image-rendering:auto;
  transform:none !important;
  filter:none;
}
.v-shopcard.v-paidcard:hover .v-shopmedia > img{
  transform:none !important;
}
.v-shop-layout .v-market-memberships{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:none;
}
@media (max-width:1230px){
  .v-shop-layout .v-market-memberships{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
  .v-shopcard.v-paidcard .v-shopmedia{height:190px;padding:8px;}
}


/* V85: cosmetic card framing fixes for chat effects + profile themes */
.v-shop-layout .v-shopmedia.v-cosmedia{height:clamp(220px,22vw,295px)!important;padding:10px;box-sizing:border-box;background:radial-gradient(circle at 50% 18%,rgba(255,120,236,.14),transparent 38%),linear-gradient(180deg,#140a22 0%,#0f0819 100%)!important}
.v-shopmedia.v-cosmedia .v5-product-art{border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#180b28 0%,#0d0816 100%)}
.v-shopmedia.v-cosmedia .v5-theme-art>img,
.v-shopmedia.v-cosmedia .v5-chat-art>img{
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  animation:none !important;
  width:100%;
  height:100%;
  filter:saturate(1.08) contrast(1.03) brightness(1.02);
}
.v-shopmedia.v-cosmedia .v5-theme-art::after,
.v-shopmedia.v-cosmedia .v5-chat-art::after{opacity:.55}
.v-shopmedia.v-cosmedia .v5-theme-user,
.v-shopmedia.v-cosmedia .v5-chat-message{left:10px;right:10px;bottom:10px}
.v-shopmedia.v-cosmedia .v5-theme-user{background:linear-gradient(90deg,#130925d9,#13092566);backdrop-filter:blur(3px)}
.v-shopmedia.v-cosmedia .v5-chat-message{padding:7px 10px;border-radius:13px}
@media (max-width:760px){
  .v-shop-layout .v-shopmedia.v-cosmedia{height:210px!important;padding:8px}
}


/* V86: all product fitting + homepage continuous featured marquee */
.v-shopcard.v-paidcard .v-shopmedia{height:228px;padding:12px 12px 10px!important;box-sizing:border-box}
.v-shopcard.v-paidcard .v-shopmedia>img{width:calc(100% - 8px);height:calc(100% - 8px);margin:4px auto;object-fit:contain!important;object-position:center center!important;border-radius:12px}
.v-shopcard.v-paidcard .v-shopmedia .v-media-badge{z-index:5}
.v-shopcard[class*="v-cos-chat_"] .v-shopmedia.v-cosmedia,
.v-shopcard[class*="v-cos-theme_"] .v-shopmedia.v-cosmedia{height:clamp(235px,24vw,315px)!important;padding:12px!important}
.v-shopcard[class*="v-cos-chat_"] .v5-chat-art>img,
.v-shopcard[class*="v-cos-theme_"] .v5-theme-art>img{width:calc(100% - 14px)!important;height:calc(100% - 14px)!important;margin:7px auto!important;border-radius:12px;box-shadow:0 12px 26px rgba(0,0,0,.28)}
.v-shopcard[class*="v-cos-chat_"] .v5-chat-message,
.v-shopcard[class*="v-cos-theme_"] .v5-theme-user{left:16px!important;right:16px!important;bottom:16px!important}
.v-shopcard[class*="v-cos-theme_"] .v5-theme-user{padding:9px 11px!important}
.v-shopcard[class*="v-cos-chat_"] .v5-chat-message{padding:8px 11px!important}
.v-home-market-rail{overflow:hidden;padding:2px 0 2px;scrollbar-width:none}
.v-home-market-rail::-webkit-scrollbar{display:none}
.v-home-market-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.v-home-market-track{display:flex;gap:12px;width:max-content;animation:vHomeStoreMarquee 110s linear infinite;will-change:transform}
.v-home-market:hover .v-home-market-track{animation-play-state:paused}
@keyframes vHomeStoreMarquee{to{transform:translateX(calc(-50% - 6px))}}
.v-home-relic{cursor:pointer}
.v-home-relic--paid .v-home-relic-picture img{display:block;width:calc(100% - 10px);height:calc(100% - 10px);margin:5px auto;object-fit:contain;object-position:center center;border-radius:10px}
.v-home-relic--bundle .v-home-relic-picture{display:grid;place-items:center;background:radial-gradient(circle at 50% 28%,rgba(255,140,232,.2),transparent 36%),linear-gradient(180deg,#1a0d2a,#0f0918)}
.v-home-bundle-art{font-size:54px;filter:drop-shadow(0 0 18px rgba(230,111,255,.35))}
@media (max-width:860px){
  .v-home-market-track{animation-duration:88s}
  .v-shopcard.v-paidcard .v-shopmedia{height:214px}
}
@media (max-width:560px){
  .v-home-market-track{animation-duration:72s}
  .v-shopcard[class*="v-cos-chat_"] .v-shopmedia.v-cosmedia,
  .v-shopcard[class*="v-cos-theme_"] .v-shopmedia.v-cosmedia{height:225px!important;padding:10px!important}
}
@media(prefers-reduced-motion:reduce){.v-home-market-track{animation:none!important}}


/* V87 final fit polish */
.v-shopcard.v-paidcard .v-shopmedia{
  height:228px!important;
  padding:10px!important;
  box-sizing:border-box;
  background:radial-gradient(circle at 50% 20%,rgba(255,120,230,.18),transparent 42%),linear-gradient(180deg,#12081c,#0c0714)!important;
}
.v-shopcard.v-paidcard .v-shopmedia>img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  margin:0!important;
  border-radius:14px;
}
.v-shopcard.v-paidcard:hover .v-shopmedia>img{transform:none!important}
.v-shopcard[class*="v-cos-theme_"] .v-shopmedia.v-cosmedia,
.v-shopcard[class*="v-cos-chat_"] .v-shopmedia.v-cosmedia{
  padding:12px!important;
  background:radial-gradient(circle at 50% 24%,rgba(255,132,238,.13),transparent 38%),linear-gradient(180deg,#140a22,#0d0817)!important;
}
.v-shopcard[class*="v-cos-theme_"] .v5-theme-art>img,
.v-shopcard[class*="v-cos-chat_"] .v5-chat-art>img{
  object-fit:contain!important;
  object-position:center center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:8px!important;
  box-sizing:border-box;
  animation:none!important;
  transform:none!important;
  border-radius:14px;
}
.v-shopcard[class*="v-cos-theme_"] .v5-theme-user,
.v-shopcard[class*="v-cos-chat_"] .v5-chat-message{
  left:14px!important; right:14px!important; bottom:14px!important;
}
.v5-theme-art>img,.v5-chat-art>img{backface-visibility:hidden}
.v-home-market-rail{overflow:hidden}
.v-home-market-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.v-home-market-track{display:flex;gap:14px;width:max-content;animation:vHomeStoreMarquee 54s linear infinite;will-change:transform}
.v-home-market:hover .v-home-market-track{animation-play-state:paused}
@keyframes vHomeStoreMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
.v-home-relic{flex:0 0 clamp(210px,22vw,255px)}
.v-home-relic-picture{height:150px!important;padding:8px;background:radial-gradient(circle at 50% 20%,rgba(255,120,230,.14),transparent 40%),linear-gradient(180deg,#150a23,#0e0817)}
.v-home-relic--paid .v-home-relic-picture img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;margin:0!important;border-radius:12px}
.v-home-relic .v5-theme-art>img,.v-home-relic .v5-chat-art>img{object-fit:contain!important;object-position:center center!important;animation:none!important;transform:none!important;padding:6px!important;box-sizing:border-box}
@media (max-width:860px){
  .v-home-market-track{animation-duration:42s}
  .v-shopcard.v-paidcard .v-shopmedia{height:212px!important}
  .v-home-relic{flex-basis:190px}
}
@media (max-width:560px){
  .v-home-market-track{animation-duration:36s}
  .v-home-relic-picture{height:132px!important}
  .v-shopcard[class*="v-cos-theme_"] .v-shopmedia.v-cosmedia,
  .v-shopcard[class*="v-cos-chat_"] .v-shopmedia.v-cosmedia{padding:9px!important}
}


/* V88 final polish: fit issues for badges, names, chat, themes and homepage rail */
.v-shopcard[class*="v-cos-badge_"] .v-shopmedia.v-cosmedia,
.v-shopcard[class*="v-cos-name_"] .v-shopmedia.v-cosmedia,
.v-shopcard[class*="v-cos-chat_"] .v-shopmedia.v-cosmedia,
.v-shopcard[class*="v-cos-theme_"] .v-shopmedia.v-cosmedia{
  padding:12px!important;
  background:radial-gradient(circle at 50% 22%,rgba(255,132,238,.14),transparent 38%),linear-gradient(180deg,#140a22,#0d0817)!important;
}
.v-shopcard[class*="v-cos-badge_"] .v5-badge-art>img,
.v-shopcard[class*="v-cos-name_"] .v5-name-art>img,
.v-shopcard[class*="v-cos-chat_"] .v5-chat-art>img,
.v-shopcard[class*="v-cos-theme_"] .v5-theme-art>img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;
  margin:0!important;padding:8px!important;box-sizing:border-box;border-radius:14px;transform:none!important;animation:none!important;
}
.v-shopcard[class*="v-cos-badge_"] .v5-fx-layer,
.v-shopcard[class*="v-cos-name_"] .v5-fx-layer,
.v-shopcard[class*="v-cos-chat_"] .v5-fx-layer,
.v-shopcard[class*="v-cos-theme_"] .v5-fx-layer{inset:8px!important}
.v-shopcard[class*="v-cos-badge_"] .v5-name-actual,
.v-shopcard[class*="v-cos-name_"] .v5-name-actual,
.v-shopcard[class*="v-cos-chat_"] .v5-chat-message,
.v-shopcard[class*="v-cos-theme_"] .v5-theme-user{left:14px!important;right:14px!important;bottom:14px!important}
.v-home-market-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.v-home-market-track{display:flex;gap:14px;width:max-content;animation:vHomeStoreMarquee 44s linear infinite;will-change:transform}
.v-home-market:hover .v-home-market-track{animation-play-state:paused}
@keyframes vHomeStoreMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
.v-home-relic{flex:0 0 clamp(210px,22vw,255px)}
.v-home-relic-picture{height:150px!important;padding:8px;background:radial-gradient(circle at 50% 20%,rgba(255,120,230,.14),transparent 40%),linear-gradient(180deg,#150a23,#0e0817)}
.v-home-relic .v5-badge-art>img,
.v-home-relic .v5-name-art>img,
.v-home-relic .v5-chat-art>img,
.v-home-relic .v5-theme-art>img,
.v-home-relic--paid .v-home-relic-picture img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;margin:0!important;padding:6px!important;box-sizing:border-box;border-radius:12px;animation:none!important;transform:none!important}
@media (max-width:860px){.v-home-market-track{animation-duration:34s}}
@media (max-width:560px){.v-home-market-track{animation-duration:28s}.v-shopcard[class*="v-cos-badge_"] .v-shopmedia.v-cosmedia,.v-shopcard[class*="v-cos-name_"] .v-shopmedia.v-cosmedia,.v-shopcard[class*="v-cos-chat_"] .v-shopmedia.v-cosmedia,.v-shopcard[class*="v-cos-theme_"] .v-shopmedia.v-cosmedia{padding:9px!important}}

/* V89 store banner: distinct HQ original composition */
.v-storehero{background:linear-gradient(90deg,#11071bef 0%,#190a2ad0 35%,#1b0a2a57 66%,#0a0614b2 100%),url('assets/aniperde-store-hero-v89.webp') 62% center / cover no-repeat!important;}
@media(max-width:760px){.v-storehero{background-position:75% center!important;}}

/* V89 SEO crawlable cards + public chat profile privacy popup */
a.poster,a.v-card,a.watch-episode{color:inherit;text-decoration:none}
a.poster{display:block}a.v-card{display:block}a.watch-episode{display:flex}
button.chat-profile-open{cursor:pointer;border:0;background:none;color:inherit;padding:0;font:inherit;text-align:left}
button.chat-profile-open:hover{color:#f8a3e8;text-decoration:underline}
button.chat-profile-open.avatar{display:grid;place-items:center;border-radius:999px;flex-shrink:0}
.ap-public-overlay{position:fixed;inset:0;z-index:8000;display:none;align-items:center;justify-content:center;padding:20px;background:#080611d9;backdrop-filter:blur(11px)}
.ap-public-overlay.open{display:flex}
.ap-public-modal{position:relative;isolation:isolate;overflow:auto;width:min(650px,96vw);max-height:min(88vh,900px);border-radius:24px;padding:28px 26px 24px;background:linear-gradient(145deg,#241133,#0c0918);border:1px solid #ed83f17f;box-shadow:0 25px 90px #000a,0 0 44px #da5bde21}
.ap-public-close{position:absolute;top:15px;right:15px;background:#2c1c39;color:#fff;border:1px solid #c79bdb7e;border-radius:13px;padding:9px 12px;cursor:pointer;z-index:5}
.ap-public-identity{display:flex;gap:20px;align-items:center;margin:8px 38px 24px 0}
.ap-public-avatar{width:110px;height:110px;flex-shrink:0;position:relative;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 22px #d453ee62}
.ap-public-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #d891ff80}
.ap-public-avatar[data-frame]{box-shadow:0 0 0 4px #d068e4c5,0 0 32px #ed65ef99;animation:apPulse 3s ease-in-out infinite alternate}
.ap-public-name{margin:0 0 3px;color:#fff;font-size:clamp(20px,3vw,28px)}
.ap-public-role{font-size:11px;color:#ffe0ff;background:#74277d88;border:1px solid #f1abfe9c;border-radius:50px;padding:3px 9px}
.ap-public-bio{font-size:13px;line-height:1.55;color:#cbbbda;white-space:pre-wrap;margin-top:12px}
.ap-public-section{margin:20px 0 4px;padding-top:16px;border-top:1px solid #ffffff15}
.ap-public-section h3{font-size:15px;margin:0 0 13px;color:#fff}
.ap-public-items{display:flex;flex-wrap:wrap;gap:8px}
.ap-public-item{padding:8px 11px;border:1px solid #b35ad34f;border-radius:13px;background:#2a1640;color:#f6defa;font-size:12px}
.ap-public-animes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ap-public-animes a{color:#fff;text-decoration:none;font-size:11px;line-height:1.3}
.ap-public-animes a:hover{text-decoration:underline}
.ap-public-animes img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:9px;border:1px solid #a55cce83;margin-bottom:6px}
.ap-public-settings{margin:20px 0;padding:18px;border:1px solid #87509a84;border-radius:17px;background:#1a0f29}
.ap-public-settings h3{margin:0 0 8px}
.ap-public-settings p{color:#c8b4d7;font-size:12px;line-height:1.6}
.ap-public-settings label{display:flex;align-items:center;gap:10px;margin:11px 0;font-size:13px;color:#eedaf1}
.ap-public-settings label input{accent-color:#ed67cf;width:16px;height:16px}
.ap-public-settings .pink-btn{margin-top:10px}
.seo-landing{padding:24px;margin:10px 0 25px;border-radius:16px;background:#17101e;color:#ddd}
.seo-landing nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.seo-landing a{color:#f6a7ee}
@keyframes apPulse{from{filter:brightness(.88)}to{filter:brightness(1.25)}}
@media(max-width:540px){.ap-public-modal{padding:21px 16px}.ap-public-animes{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-public-avatar{width:79px;height:79px}.ap-public-identity{gap:11px}}
@media(prefers-reduced-motion:reduce){.ap-public-avatar{animation:none!important}}

.ap-public-ring{position:absolute;inset:-8px;pointer-events:none;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 9px #e474ff);animation:apRingFloat 6s linear infinite}
@keyframes apRingFloat{0%,100%{transform:rotate(-5deg) scale(1.02)}50%{transform:rotate(5deg) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.ap-public-ring{animation:none}}

.ap-open-public-link{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #dd80e6;background:#4b1d5b90;border-radius:10px;color:#ffd2f6;font-weight:800;text-decoration:none!important}.ap-open-public-link:hover{background:#663071}.message-name.chat-profile-open{text-decoration:none;color:inherit}.message-name.chat-profile-open:hover{text-decoration:underline;color:#f0a9f3}.chat-profile-open{cursor:pointer}