/* ZveenTV — subpage design pass 2 */
.subpage{background:radial-gradient(circle at 8% 8%,rgba(201,68,143,.11),transparent 28%),radial-gradient(circle at 92% 28%,rgba(143,47,102,.14),transparent 32%),var(--bg);}
.subpage header.nav{background:rgba(14,7,12,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.subpage .page-hero{position:relative;overflow:hidden;padding:96px 0 82px;background:linear-gradient(180deg,rgba(24,11,20,.96),rgba(13,7,11,.97));}
.subpage .page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(201,68,143,.1),transparent 30%,transparent 70%,rgba(143,47,102,.1));pointer-events:none;}
.subpage .page-hero::after{content:"ZVEENTV";position:absolute;right:4vw;bottom:-.18em;font-family:var(--ff-display);font-size:clamp(5rem,12vw,11rem);line-height:1;color:rgba(255,255,255,.018);letter-spacing:-.06em;pointer-events:none;}
.subpage .page-hero .content-wide{position:relative;z-index:1;}
.subpage .page-hero h1{font-size:clamp(3rem,6.2vw,6rem);max-width:12ch;letter-spacing:-.045em;line-height:.94;text-shadow:0 0 50px rgba(201,68,143,.12);}
.subpage .page-hero p{font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.75;max-width:62ch;color:#b7a6b1;}
.subpage main>section:not(.page-hero){background:linear-gradient(180deg,rgba(10,5,9,.94),rgba(18,8,15,.94));}
.subpage .btn{transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;}
.subpage .btn:hover,.subpage .btn:focus-visible{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.28);}

/* About */
.about-page .about-grid{grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:90px;}
.about-page .player-card{position:sticky;top:102px;background:linear-gradient(180deg,rgba(31,15,26,.96),rgba(18,9,15,.96));border-color:rgba(233,201,220,.19);box-shadow:0 28px 70px rgba(0,0,0,.34);}
.about-page .player-card::before{content:"";display:block;height:3px;margin:-22px -26px 22px;background:linear-gradient(90deg,var(--magenta-bright),transparent 75%);}
.about-page .stat-row{padding:12px 0;}
.about-page .about-text{padding-top:4px;}
.about-page .about-text h2{max-width:17ch;line-height:1.08!important;letter-spacing:-.025em;}
.about-page .about-text p{font-size:1.02rem;line-height:1.8;max-width:66ch;}
.about-page .about-text .lede{font-size:1.22rem;line-height:1.65;}
.about-page .tag{background:rgba(201,68,143,.06);}

/* Equipment */
.equipment-page .equip-grid{gap:30px;}
.equipment-page .equip-col{position:relative;background:linear-gradient(180deg,rgba(30,14,25,.95),rgba(16,8,14,.96));border-color:rgba(233,201,220,.17);box-shadow:0 24px 60px rgba(0,0,0,.25);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
.equipment-page .equip-col:hover{transform:translateY(-4px);border-color:rgba(201,68,143,.42);box-shadow:0 32px 80px rgba(0,0,0,.34),0 0 60px rgba(143,47,102,.08);}
.equipment-page .equip-col-head{padding:24px;border-top-width:2px;background:rgba(201,68,143,.025);}
.equipment-page .equip-col-head .icon{width:40px;height:40px;background:rgba(201,68,143,.07);}
.equipment-page .equip-col-head h3{font-size:1.08rem;}
.equipment-page .equip-item{padding:17px 24px;transition:background .16s ease,padding-left .16s ease;}
.equipment-page a.equip-item:hover{padding-left:28px;background:rgba(201,68,143,.07);}
.equipment-page .equip-note{margin-top:46px;border-left:2px solid var(--magenta-bright);padding:14px 0 14px 20px;color:var(--text-muted);max-width:72ch;}

/* Clips */
.clips-page .clips-grid{gap:30px;}
.clips-page .clips-cta{margin-top:72px!important;background:linear-gradient(135deg,rgba(31,14,26,.96),rgba(15,8,13,.98));box-shadow:0 24px 70px rgba(0,0,0,.25);}
.clips-page .clip-popup-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;}
.clips-page .clip-popup-card{appearance:none;width:100%;padding:0;text-align:left;color:var(--text);font:inherit;position:relative;border:1px solid rgba(233,201,220,.18);background:linear-gradient(180deg,rgba(29,14,24,.96),rgba(15,8,13,.98));box-shadow:0 20px 50px rgba(0,0,0,.24);overflow:hidden;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
.clips-page .clip-popup-card::before{content:"";position:absolute;left:0;top:0;width:36%;height:3px;background:linear-gradient(90deg,var(--magenta-bright),transparent);z-index:4;pointer-events:none;}
.clips-page .clip-popup-card:hover,.clips-page .clip-popup-card:focus-visible{transform:translateY(-6px);border-color:rgba(201,68,143,.42);box-shadow:0 30px 70px rgba(0,0,0,.34),0 0 40px rgba(143,47,102,.08);}
.clips-page .clip-popup-preview{position:relative;aspect-ratio:16/9;background:#0b070a;overflow:hidden;}
.clips-page .clip-popup-preview img,.clips-page .clip-popup-preview iframe{display:block;width:100%;height:100%;object-fit:cover;border:0;}
.clips-page .clip-popup-preview iframe{pointer-events:none;}
.clips-page .clip-popup-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,4,7,.02),rgba(8,4,7,.22));pointer-events:none;}
.clips-page .clip-popup-card .play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:58px;height:58px;background:rgba(10,5,9,.46);backdrop-filter:blur(4px);transition:transform .2s ease,border-color .2s ease,background .2s ease;}
.clips-page .clip-popup-card:hover .play-icon{transform:translate(-50%,-50%) scale(1.08);border-color:var(--magenta-bright);background:rgba(201,68,143,.18);}
.clips-page .clip-duration{position:absolute;right:10px;bottom:10px;z-index:3;padding:4px 7px;background:rgba(8,4,7,.8);font-family:var(--ff-mono);font-size:.62rem;color:var(--text);}
.clips-page .clip-popup-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:17px 18px 18px;border-top:1px solid var(--line);min-height:104px;}
.clips-page .clip-title-wrap{display:flex;flex-direction:column;gap:4px;min-width:0;}
.clips-page .clip-title-wrap .num{font-family:var(--ff-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--magenta-bright);}
.clips-page .clip-title-wrap strong{font-size:.96rem;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.clips-page .clip-title-wrap small{font-family:var(--ff-mono);font-size:.62rem;color:var(--text-muted);}
.clips-page .clip-popup-meta .go{font-family:var(--ff-mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;}

/* Clip modal */
body.modal-open{overflow:hidden;}
.clip-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:32px;}
.clip-modal.open{display:flex;}
.clip-modal-backdrop{position:absolute;inset:0;background:rgba(5,2,4,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.clip-modal-panel{position:relative;z-index:1;width:min(1180px,94vw);max-height:92vh;overflow:auto;border:1px solid rgba(233,201,220,.22);background:linear-gradient(180deg,rgba(28,13,24,.99),rgba(11,6,10,.99));box-shadow:0 40px 130px rgba(0,0,0,.7),0 0 80px rgba(143,47,102,.16);padding:20px;}
.clip-modal-panel::before{content:"";position:absolute;left:-1px;top:-1px;width:38%;height:3px;background:linear-gradient(90deg,var(--magenta-bright),transparent);}
.clip-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:26px;padding:6px 4px 18px;}
.clip-modal-head .eyebrow{margin-bottom:7px;}
.clip-modal-head h2{font-family:var(--ff-display);font-size:clamp(1.35rem,2.5vw,2.2rem);line-height:1.1;max-width:24ch;}
.clip-modal-close{appearance:none;width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text);font-size:1.65rem;line-height:1;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease;}
.clip-modal-close:hover{border-color:var(--magenta-bright);color:var(--pink);background:rgba(201,68,143,.08);}
.clip-player{aspect-ratio:16/9;background:#050305;border:1px solid rgba(233,201,220,.14);}
.clip-player iframe{display:block;width:100%;height:100%;border:0;}
.clip-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 4px 2px;font-family:var(--ff-mono);font-size:.66rem;color:var(--text-muted);}
.clip-modal-footer a{color:var(--magenta-bright);}

/* Community */
.community-page .community-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(32,14,27,.97),rgba(15,8,13,.98));border-color:rgba(233,201,220,.19);box-shadow:0 28px 80px rgba(0,0,0,.3);}
.community-page .community-cta::before{content:"";position:absolute;inset:-40% 55% -40% -15%;background:radial-gradient(circle,rgba(201,68,143,.18),transparent 62%);pointer-events:none;}
.community-page .community-cta>*{position:relative;z-index:1;}
.community-page .follow-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(29,14,24,.96),rgba(15,8,13,.97));border-color:rgba(233,201,220,.16);box-shadow:0 18px 42px rgba(0,0,0,.2);padding:30px 24px;}
.community-page .follow-card::after{content:"";position:absolute;right:-36px;bottom:-36px;width:110px;height:110px;border:1px solid rgba(201,68,143,.09);transform:rotate(45deg);}
.community-page .follow-card:hover,.community-page .follow-card:focus-visible{transform:translateY(-7px);box-shadow:0 28px 65px rgba(0,0,0,.32);}
.community-page .follow-card h3{font-size:1.12rem;}
.community-page .emote-grid{gap:16px;}
.community-page .emote-grid img{width:78px;height:78px;border-color:rgba(233,201,220,.22);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(201,68,143,.025));box-shadow:0 12px 28px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.community-page .emote-grid img:hover{transform:translateY(-5px) scale(1.03);border-color:var(--magenta-bright);box-shadow:0 18px 38px rgba(0,0,0,.28);}

@media (min-width:1600px){.clips-page .clip-popup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;}}
@media (max-width:1100px){.about-page .about-grid{gap:58px}.subpage .page-hero{padding:82px 0 70px}.subpage .page-hero h1{font-size:clamp(2.8rem,8vw,5rem)}.clips-page .clip-popup-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:860px){.about-page .player-card{position:relative;top:auto}.about-page .about-grid{grid-template-columns:1fr}.about-page .about-photo{max-width:none}.equipment-page .equip-col:hover,.community-page .follow-card:hover,.clips-page .clip-popup-card:hover{transform:none}}
@media (max-width:680px){.clips-page .clip-popup-grid{grid-template-columns:1fr}.clips-page .clip-popup-meta{padding:14px 15px}.clip-modal{padding:14px}.clip-modal-panel{padding:12px;width:100%}.clip-modal-footer{align-items:flex-start;flex-direction:column;gap:7px}.clip-modal-head{padding-bottom:13px}}
@media (max-width:600px){.subpage .page-hero{padding:68px 0 58px}.subpage .page-hero::after{right:-5vw;font-size:25vw}.subpage .page-hero h1{font-size:clamp(2.45rem,13vw,4rem)}.subpage .page-hero p{font-size:.98rem}.about-page .about-text p{font-size:.98rem}.about-page .about-text .lede{font-size:1.08rem}.community-page .emote-grid img{width:62px;height:62px}.equipment-page .equip-item{padding:15px 18px}.equipment-page a.equip-item:hover{padding-left:18px}}