.cosplay-page{isolation:isolate;background:var(--color-bg);min-height:100svh;position:relative;overflow:hidden}.cosplay-page:before,.cosplay-page:after{content:"";pointer-events:none;position:fixed;inset:0}.cosplay-page:before{z-index:-2;background:var(--color-bg) url(/images/bgweb.png) center / cover no-repeat;filter:blur(2px);inset:-8px;transform:scale(1.015)}.cosplay-page:after{z-index:-1;background:linear-gradient(#09071ae0,#09071ac2 45%,#09071af0),radial-gradient(circle at 72% 12%,#a855f729,#0000 32%)}.cosplay-page__content{width:min(100% - 2rem,1480px);margin-inline:auto;padding:clamp(1.25rem,3vw,3rem) 0 clamp(3rem,7vw,6rem)}.cosplay-page-header{max-width:48rem;margin-bottom:clamp(2rem,4vw,3.75rem)}.cosplay-card:focus-visible,.cosplay-lightbox button:focus-visible{outline:3px solid var(--color-cyan);outline-offset:4px;box-shadow:0 0 0 6px #09071adb,0 0 26px #55dff4a3}.cosplay-page-header__eyebrow{color:var(--color-pink);font-family:var(--font-display);letter-spacing:.28em;margin:1.6rem 0 .25rem;font-size:.68rem;font-weight:700}.cosplay-page-header h1{font-family:var(--font-display);letter-spacing:.08em;margin:0;font-size:clamp(2.8rem,8vw,7rem);font-weight:700;line-height:.92}.cosplay-page-header__subtitle{color:var(--color-muted);letter-spacing:.04em;margin:.75rem 0 0;font-size:clamp(.9rem,1.5vw,1.1rem)}.cosplay-gallery-section{margin-top:clamp(2.75rem,7vw,5.5rem)}.cosplay-gallery-section+.cosplay-gallery-section{margin-top:clamp(4rem,10vw,8rem)}.cosplay-section-header{border-left:2px solid #f05ad7a6;margin-bottom:clamp(1.35rem,3vw,2.25rem);padding-left:1rem;position:relative}.cosplay-section-header:after{content:"";background:linear-gradient(90deg, var(--color-pink), transparent);width:min(16rem,45vw);height:1px;margin-top:.85rem;display:block;box-shadow:0 0 10px #f05ad775}.cosplay-section-header__label{color:var(--color-cyan);font-family:var(--font-display);letter-spacing:.2em;align-items:center;gap:.45rem;margin:0 0 .3rem;font-size:.56rem;font-weight:700;display:flex}.cosplay-section-header__label span{text-shadow:0 0 9px var(--color-cyan)}.cosplay-section-header h2{font-family:var(--font-display);letter-spacing:.045em;text-shadow:0 0 5px #fff7ff4d,0 0 19px #a855f761;margin:0;font-size:clamp(1.65rem,4.4vw,3.25rem);line-height:1}.cosplay-section-header>p:last-child{color:var(--color-muted);margin:.55rem 0 0;font-size:clamp(.82rem,1.4vw,.98rem)}.cosplay-empty-state{color:var(--color-muted);background:#09071a8f;border:1px solid #a855f74d;border-radius:.7rem .22rem;margin:0;padding:1.15rem 1.25rem;box-shadow:inset 0 1px #ffffff0d}.cosplay-masonry{columns:1;column-gap:1.15rem}.cosplay-card-wrap{break-inside:avoid;margin:0 0 1.15rem}.cosplay-card{width:100%;color:var(--color-text);text-align:left;cursor:pointer;clip-path:polygon(0 12px,12px 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);background:#0f0823c7;border:1px solid #a855f78c;border-radius:1rem .3rem;padding:0;transition:transform .22s,border-color .22s,box-shadow .22s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 45px #03010d59,inset 0 1px #ffffff17,0 0 18px #a855f724}.cosplay-card:before{z-index:2;content:"";background:linear-gradient(90deg, transparent, var(--color-pink), transparent);width:35%;height:2px;box-shadow:0 0 12px var(--color-pink);position:absolute;top:0;left:1.2rem}.cosplay-card:hover{border-color:#f05ad7e0;transform:translateY(-5px)scale(1.012);box-shadow:0 24px 58px #03010d80,inset 0 1px #ffffff21,0 0 30px #f05ad74d}.cosplay-card__media{background:linear-gradient(145deg,#24103fcc,#09071aeb);min-height:16rem;display:block;position:relative;overflow:hidden}.cosplay-card__media img{object-fit:cover;width:100%;height:auto;min-height:16rem;transition:filter .22s,transform .32s;display:block}.cosplay-card:hover .cosplay-card__media img{filter:saturate(1.08)brightness(1.03);transform:scale(1.018)}.cosplay-image-placeholder{aspect-ratio:4/5;color:#d8c9e8ad;background:radial-gradient(circle at 50% 42%,#a855f73d,#0000 36%),repeating-linear-gradient(135deg,#0000 0 14px,#ffffff05 15px 16px);place-content:center;justify-items:center;gap:.75rem;width:100%;display:grid}.cosplay-image-placeholder>span{color:var(--color-cyan);text-shadow:0 0 18px var(--color-cyan);font-size:2.15rem}.cosplay-image-placeholder small{font-family:var(--font-display);letter-spacing:.22em;font-size:.62rem}.cosplay-card__open-indicator{width:2.25rem;height:2.25rem;color:var(--color-cyan);background:#09071ac2;border:1px solid #55dff480;border-radius:50%;place-items:center;font-size:1rem;display:grid;position:absolute;bottom:.85rem;right:.85rem;box-shadow:0 0 16px #55dff433}.cosplay-card__content{gap:.22rem;padding:1rem 1.1rem 1.15rem;display:grid}.cosplay-card__category{color:var(--color-cyan);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:.58rem;font-weight:700}.cosplay-card__content strong{font-family:var(--font-display);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.15}.cosplay-card__franchise{color:var(--color-muted);font-size:.82rem}.cosplay-card__photographer{color:#55dff4c7;text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.68rem;line-height:1.35;overflow:hidden}.cosplay-card__meta{color:#d8c9e8b8;margin-top:.35rem;font-size:.7rem}.cosplay-lightbox{z-index:100;-webkit-backdrop-filter:blur(12px);background:#04020de0;place-items:center;padding:clamp(.75rem,3vw,2.5rem);display:grid;position:fixed;inset:0}.cosplay-lightbox__dialog{border-radius:1.15rem .4rem;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);width:min(96vw,1240px);max-height:92svh;display:grid;position:relative;overflow:hidden}.cosplay-lightbox__close{z-index:3;width:2.8rem;height:2.8rem;color:var(--color-text);cursor:pointer;background:#09071adb;border:1px solid #f05ad79e;border-radius:50%;place-items:center;padding:0;font-size:1.75rem;line-height:1;display:grid;position:absolute;top:.75rem;right:.75rem;box-shadow:0 0 18px #f05ad73d}.cosplay-lightbox__media{background:#070510;place-items:center;min-height:0;display:grid;overflow:hidden}.cosplay-lightbox__media img{object-fit:contain;width:100%;height:100%;max-height:92svh;display:block}.cosplay-image-placeholder--large{aspect-ratio:auto;height:min(82svh,800px)}.cosplay-lightbox__details{background:linear-gradient(145deg, #24103fc2, #09071af0), var(--color-panel);flex-direction:column;min-height:0;padding:clamp(1.5rem,3vw,3rem);display:flex;overflow-y:auto}.cosplay-lightbox__counter,.cosplay-lightbox__franchise{font-family:var(--font-display);letter-spacing:.18em;margin:0;font-size:.64rem;font-weight:700}.cosplay-lightbox__counter{color:var(--color-cyan)}.cosplay-lightbox__franchise{color:var(--color-pink);margin-top:auto}.cosplay-lightbox__details h2{font-family:var(--font-display);text-shadow:0 0 18px #f05ad761;margin:.45rem 0 .75rem;font-size:clamp(1.75rem,4vw,3.35rem);line-height:1}.cosplay-lightbox__photographer{color:var(--color-cyan);overflow-wrap:anywhere;margin:-.25rem 0 .8rem;font-size:.75rem;font-weight:700}.cosplay-lightbox__details>p:last-of-type{color:var(--color-muted);margin:0;line-height:1.65}.cosplay-lightbox__metadata{gap:.55rem;margin:1.5rem 0 0;display:grid}.cosplay-lightbox__metadata div{border-top:1px solid #a855f733;grid-template-columns:6.5rem 1fr;gap:.75rem;padding-top:.55rem;display:grid}.cosplay-lightbox__metadata dt{color:var(--color-cyan);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:700}.cosplay-lightbox__metadata dd{color:var(--color-muted);margin:0;font-size:.82rem}.cosplay-lightbox__navigation{justify-content:space-between;gap:1rem;margin-top:2rem;display:flex}.cosplay-lightbox__navigation button{min-height:2.8rem;color:var(--color-text);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;background:#09071a9e;border:1px solid #a855f78c;border-radius:.55rem .2rem;padding:.65rem .9rem;font-size:.68rem;font-weight:700;transition:border-color .18s,box-shadow .18s,transform .18s}.cosplay-lightbox__navigation button:hover,.cosplay-lightbox__close:hover{border-color:var(--color-pink);transform:translateY(-2px);box-shadow:0 0 20px #f05ad747}@media (width>=540px){.cosplay-masonry{columns:2}}@media (width>=960px){.cosplay-masonry{columns:3}}@media (width>=1320px){.cosplay-masonry{columns:4}}@media (width<=760px){.cosplay-page:before,.cosplay-page:after{position:absolute}.cosplay-lightbox{padding:.55rem}.cosplay-lightbox__dialog{grid-template-columns:1fr;width:100%;max-height:calc(100svh - 1.1rem);overflow-y:auto}.cosplay-lightbox__media{min-height:min(58svh,34rem)}.cosplay-lightbox__media img{width:100%;height:auto;max-height:58svh}.cosplay-image-placeholder--large{height:min(58svh,34rem)}.cosplay-lightbox__details{padding:1.2rem;overflow:visible}.cosplay-lightbox__franchise{margin-top:1.25rem}.cosplay-lightbox__navigation button{min-width:7.2rem;min-height:3.25rem}}@media (prefers-reduced-motion:reduce){.cosplay-card,.cosplay-card__media img,.cosplay-lightbox button{transition:none}.cosplay-card:hover,.cosplay-card:hover .cosplay-card__media img,.cosplay-lightbox button:hover{transform:none}}