/* V2 FOCUS EDITION — fast discovery, interactive moments and trusted controls. */
.brand{gap:9px}.brand-pk{width:34px;height:34px;object-fit:cover;display:block;flex:0 0 34px;border-radius:6px;border:1px solid #d1f4ff59;box-shadow:0 0 18px #80dfff29;background:#060911}.brand-main{font-size:23px}
.hero-actions{width:var(--page);margin:20px auto 22px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;position:relative;z-index:4}
.hero-action{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:15px 20px;min-width:130px;border:1px solid #88cbea48;border-radius:5px;background:#101d2bb7;backdrop-filter:blur(10px);font-weight:900;font-size:10px;letter-spacing:.15em;transition:transform .26s,border-color .26s,box-shadow .26s,background .26s}.hero-action span{font-size:16px;font-weight:400}.hero-action-primary{background:#82e8ff;color:#001925;border-color:#82e8ff}.hero-action-donate{border-color:#f854807d;background:#31101fb3}.hero-action:hover{transform:translateY(-4px);border-color:#9deaff;box-shadow:0 10px 29px #5bd4ff2c;background:#153c52}.hero-action-primary:hover{color:#001925;background:#b1f3ff}
.moments-section{position:relative;isolation:isolate;padding:90px 0 108px;background:radial-gradient(ellipse at 5% 30%,#17325373,transparent 45%),linear-gradient(180deg,#050c14,#060d19 75%,#03080d);overflow:hidden}
.moments-container{width:var(--page);max-width:1420px;margin:0 auto;position:relative;z-index:2}.moments-header{display:flex;justify-content:space-between;gap:38px;align-items:end;margin:42px 0 38px}.moments-header h2{font-size:clamp(58px,8vw,115px);margin:18px 0 0}.moments-header p{color:#a8b9cb;max-width:350px;line-height:1.8;font-size:13px;margin:0 0 6px}.moments-layout{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(315px,.76fr);gap:22px;align-items:stretch}
.moment-feature{border:1px solid color-mix(in srgb,var(--moment-accent),transparent 55%);box-shadow:0 35px 95px #000a,0 0 50px color-mix(in srgb,var(--moment-accent),transparent 92%);background:#071322;border-radius:9px;overflow:hidden;min-width:0}
.moment-feature-image{display:block;width:100%;height:min(62vh,570px);min-height:360px;position:relative;background:radial-gradient(ellipse at center,#193347,#060e17 70%);border:0;padding:0;overflow:hidden;cursor:zoom-in}
.moment-feature-image:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#01050dc9,transparent 22%,transparent 68%,#01050d44);z-index:1;pointer-events:none}
.moment-feature-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .65s cubic-bezier(.19,1,.22,1),opacity .22s ease,filter .3s;filter:contrast(1.05);}
.moment-feature-image:hover img{transform:scale(1.035);filter:contrast(1.11) brightness(1.05)}
.moment-feature-image.is-changing img{opacity:.15;transform:scale(.97)}.moment-photo-tag{position:absolute;z-index:2;bottom:20px;right:20px;display:flex;align-items:center;gap:14px;background:#030c19d9;border:1px solid #8edbfa8a;border-radius:28px;padding:13px 16px;letter-spacing:.16em;font-size:10px;font-weight:900;color:#f2faff;backdrop-filter:blur(15px)}.moment-photo-tag span{font-size:17px;color:#98e7ff;transition:transform .2s}.moment-feature-image:hover .moment-photo-tag span{transform:translate(3px,-3px)}
.moment-photo-corner{position:absolute;z-index:2;inset:18px auto auto 18px;width:36px;height:36px;border-top:2px solid var(--moment-accent);border-left:2px solid var(--moment-accent);pointer-events:none}
.moment-feature-bar{display:flex;gap:22px;align-items:center;padding:22px 23px;background:linear-gradient(90deg,#091d30,#08101f);border-top:1px solid #b6ecff29}.moment-feature-index{color:#f3faff;letter-spacing:.06em;font-size:29px;font-weight:900;white-space:nowrap}.moment-feature-index i{color:#899da9;font-size:11px;font-style:normal}.moment-feature-text{flex:1;min-width:0}.moment-feature-text>div{font-size:9px;letter-spacing:.24em;color:var(--moment-accent);font-weight:900}.moment-feature-text h3{font-family:Impact,'Arial Black',sans-serif;margin:3px 0;font-size:clamp(25px,3vw,38px);line-height:1.1}.moment-feature-text p{margin:5px 0 0;color:#9fb2bd;font-size:11px}.moment-feature-controls{display:flex;gap:6px}.moment-feature-controls button{width:42px;height:42px;border-radius:50%;border:1px solid #c4e5fc64;background:#132b3b;color:#f4ffff;font-size:21px;transition:background .25s,color .25s,transform .25s}.moment-feature-controls button:hover{background:#8ce9ff;color:#01111c;transform:scale(1.07)}
.moments-selector{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:9px;min-width:0}.moment-option{--option-glow:#98e9ff;position:relative;display:flex;align-items:center;gap:15px;text-align:left;border:1px solid #c7e9ff21;border-radius:6px;background:#0b1929bd;color:white;padding:9px 16px 9px 9px;min-width:0;cursor:pointer;overflow:hidden;transition:transform .27s,border-color .27s,background .27s,box-shadow .27s}.moment-option:before{content:'';position:absolute;inset:0 0 0 auto;width:3px;background:var(--option-glow);transform:scaleY(0);transition:transform .26s}.moment-option:hover,.moment-option.is-current{border-color:color-mix(in srgb,var(--option-glow),transparent 28%);background:color-mix(in srgb,var(--option-glow),#091522 88%);box-shadow:inset 0 0 18px color-mix(in srgb,var(--option-glow),transparent 92%)}.moment-option:hover{transform:translateX(-5px)}.moment-option.is-current:before{transform:scaleY(1)}.moment-option img{width:64px;height:73px;object-fit:cover;border-radius:4px;border:1px solid #ffffff2c;flex:0 0 64px}.moment-option-text{min-width:0;flex:1}.moment-option small{display:block;font-size:9px;letter-spacing:.14em;font-weight:900;color:var(--option-glow)}.moment-option strong{display:block;margin-top:5px;font-size:clamp(14px,1.5vw,21px);letter-spacing:-.02em;font-weight:900}.moment-option-arrow{font-size:20px;transition:transform .27s;color:var(--option-glow)}.moment-option:hover .moment-option-arrow{transform:translate(3px,-3px)}.moments-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff23;padding-top:21px;margin-top:28px;font-size:10px;letter-spacing:.18em;font-weight:850;color:#9cbbca}.moments-footer a:hover{color:#94eaff}
.moment-lightbox{border:0;padding:0;background:transparent;color:white;width:min(96vw,1300px);max-width:none;max-height:96dvh;overflow:visible}.moment-lightbox::backdrop{background:#020611ed;backdrop-filter:blur(21px)}.moment-lightbox-inner{background:#081421e8;border:1px solid #87dafd77;padding:12px;border-radius:8px;box-shadow:0 40px 100px #000b}.moment-lightbox-top{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 14px;font-size:10px;letter-spacing:2px;font-weight:900}.moment-lightbox-close{border:1px solid #d8f7ff77;background:#0a2534;border-radius:50%;width:41px;height:41px;font-size:25px;color:white}.moment-lightbox-body{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:9px}.moment-lightbox-body img{display:block;max-width:100%;width:100%;height:min(74dvh,850px);object-fit:contain}.moment-lightbox-arrow{border:1px solid #b5e8ff67;background:#15344a;color:white;border-radius:50%;width:46px;height:46px;font-size:26px}.moment-lightbox-arrow:hover,.moment-lightbox-close:hover{background:#7fddfa;color:#071523}.moment-lightbox-caption{text-align:center;font-size:11px;font-weight:800;letter-spacing:.19em;color:#b7d0e1;padding:13px}
.share-website{border:1px solid #8bcee77a;background:#13293b;color:#e6f7ff;display:inline-flex;gap:12px;align-items:center;padding:12px 15px;border-radius:24px;font-weight:850;font-size:10px;letter-spacing:.12em;cursor:pointer;transition:transform .3s,background .3s}.share-website:hover{background:#29617b;transform:translateY(-3px)}.share-website span{font-size:17px}
@media(max-width:1000px){.moments-layout{grid-template-columns:1fr}.moments-selector{grid-template-columns:repeat(5,minmax(160px,1fr));grid-template-rows:none;overflow-x:auto;padding:0 0 12px;scroll-snap-type:x proximity}.moment-option{display:block;padding:8px;scroll-snap-align:start}.moment-option img{display:block;width:100%;height:108px;object-fit:cover}.moment-option-text{display:block;padding:9px 5px}.moment-option-arrow{position:absolute;right:10px;bottom:13px}.moments-header{align-items:start}}
@media(max-width:760px){.brand-pk{width:28px;height:28px;flex-basis:28px}.brand-main{font-size:21px}.hero-actions{gap:8px}.hero-action{flex:1 1 calc(50% - 8px);justify-content:center;gap:12px;padding:14px 12px;min-width:0}.moments-section{padding:72px 0 80px}.moments-header{display:block;margin:34px 0}.moments-header h2{font-size:clamp(52px,11vw,86px)}.moments-header p{margin:15px 0 0}.moment-feature-image{height:min(56vh,530px);min-height:285px}.moment-feature-bar{padding:14px 13px;gap:12px}.moment-feature-index{font-size:19px}.moment-feature-text h3{font-size:24px}.moment-feature-controls button{width:38px;height:38px}.moments-selector{grid-template-columns:repeat(5,minmax(140px,43vw))}.moment-lightbox-body{grid-template-columns:37px minmax(0,1fr) 37px;gap:3px}.moment-lightbox-body img{height:min(68dvh,680px)}.moment-lightbox-arrow{width:35px;height:35px;font-size:22px}.moments-footer{letter-spacing:.08em}.share-website{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.moment-option,.moment-feature-image img,.moment-feature-controls button,.hero-action{transition:none!important;transform:none!important}}

/* LULPK3X / PROFESSIONAL LOBBY EDITION — enhanced interactions without changing V2 art direction */
:root{--lobby-edge:#8acef05d}
.nav{box-shadow:0 12px 65px #0106093b}
.hero-action,.moment-option,.clip-card,.social-link,.premiere-watch{outline-offset:4px}
.hero-action{position:relative;overflow:hidden}
.hero-action:before{content:"";position:absolute;inset:-130% -30%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#ffffff42 50%,transparent 57%);transform:translateX(-120%) skewX(-18deg);transition:transform .7s}
.hero-action:hover:before{transform:translateX(120%) skewX(-18deg)}
.hero-action:active,.moment-option:active,.clip-card:active{transform:scale(.98)}
.moments-section .moment-feature{transition:box-shadow .5s,border-color .5s}
.moments-section .moment-feature:hover{box-shadow:0 40px 110px #000b,0 0 50px #70dafe21}
.premiere-art:hover .premiere-play{transform:translate(-50%,-50%) scale(1.13);box-shadow:0 0 48px #70dbff5e}
/* Compact persistent music player with actual self-contained MP3 */
.lobby-player{position:fixed;z-index:140;bottom:19px;left:19px;display:flex;align-items:center;gap:11px;padding:9px 12px;background:linear-gradient(115deg,#071521f5,#10243bf2);border:1px solid var(--lobby-edge);border-radius:12px;backdrop-filter:blur(20px);box-shadow:0 13px 44px #000a,0 0 24px #63ddff18;min-width:307px;max-width:min(420px,calc(100vw - 115px));transition:transform .32s,box-shadow .32s,border-color .32s}
.lobby-player:hover{transform:translateY(-3px);border-color:#8ae9ffba;box-shadow:0 17px 58px #000b,0 0 34px #63dfff29}
.lobby-cover{width:40px;height:40px;flex:0 0 40px;object-fit:contain;background:#02060e;border-radius:8px;border:1px solid #ffffff2f;filter:drop-shadow(0 0 9px #73d4ff33)}
.lobby-track{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left;white-space:nowrap}
.lobby-kicker{font-size:8px;letter-spacing:1.15px;font-weight:750;color:#7bb9d3}
.lobby-track strong{font-size:12px;color:white;letter-spacing:1.1px;font-weight:900;display:flex;gap:8px;align-items:center}
.lobby-state{color:#a3baca;font-size:9px;letter-spacing:.65px;font-weight:650}
.lobby-eq{display:inline-flex;align-items:flex-end;gap:2px;height:10px;opacity:.35}
.lobby-eq i{width:2px;height:5px;background:#71f0d0;border-radius:2px}.lobby-eq i:nth-child(2){height:9px}.lobby-eq i:nth-child(3){height:6px}
.music-playing .lobby-eq{opacity:1}.music-playing .lobby-eq i{animation:musicEq 1s ease-in-out infinite alternate}.music-playing .lobby-eq i:nth-child(2){animation-delay:-.3s}.music-playing .lobby-eq i:nth-child(3){animation-delay:-.65s}
@keyframes musicEq{to{height:2px}}
.lobby-player .sound-button{position:static;min-width:38px;width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;margin:0;border-radius:50%;font-size:15px;box-shadow:none;padding:0;background:#66daf317;border-color:#7ddcf36b;color:#e7ffff}
.lobby-player .sound-button:hover{transform:scale(1.09);background:#60d6fa3f}.lobby-player .sound-button[aria-pressed="true"]{background:#70ead72a;color:#89ffdc}
.lobby-volume{display:flex;align-items:center;width:52px;flex:0 0 52px}.lobby-volume input{width:52px;accent-color:#79e9fb;height:20px;cursor:pointer}
/* section navigator: clickable points, no fake status */
.section-rail{position:fixed;z-index:91;top:50%;right:24px;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;padding:14px 11px;background:#05101b9c;border:1px solid #8ccbef32;border-radius:22px;backdrop-filter:blur(14px)}
.rail-link{display:flex;align-items:center;justify-content:flex-end;gap:8px;opacity:.65;color:#b1ccde;font-weight:800;letter-spacing:1.15px;font-size:9px;transition:opacity .25s,color .25s,transform .25s}
.rail-link>span:nth-child(2){width:0;overflow:hidden;white-space:nowrap;transition:width .28s}
.rail-link:hover,.rail-link.is-active{opacity:1;color:#c3faff;transform:translateX(-2px)}
.rail-link:hover>span:nth-child(2),.rail-link:focus-visible>span:nth-child(2){width:68px}
.rail-dot{width:8px;height:8px;border-radius:50%;border:1px solid #85c5e8;background:#294059;box-shadow:0 0 0 4px #84d1fb0b}
.rail-link.is-active .rail-dot{background:#85f0db;border-color:#a4fff0;box-shadow:0 0 17px #8df9ee9c,0 0 0 5px #84d1fb13}
/* subtle call to action at clips without blocking content */
.lobby-invite{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #5cbdda3a;border-radius:6px;padding:17px 22px;margin:30px auto 0;width:var(--page);background:linear-gradient(90deg,#0c2236a8,#15152c8a)}
.lobby-invite strong{font-size:11px;font-weight:850;letter-spacing:1.2px}.lobby-invite p{margin:5px 0 0;color:#a8bbca;font-size:12px;line-height:1.6}
.lobby-invite a{display:inline-flex;padding:12px 17px;border-radius:3px;background:#89dcec1d;color:#d9fbff;border:1px solid #85d9eb6f;font-size:10px;letter-spacing:1.4px;font-weight:900;transition:background .25s,transform .25s}
.lobby-invite a:hover{background:#72dffa42;transform:translateY(-3px)}
@media(max-width:1050px){.section-rail{right:12px}}
@media(max-width:760px){.section-rail{display:none}.lobby-player{bottom:13px;left:12px;gap:8px;min-width:0;max-width:calc(100vw - 110px);padding:7px 9px;border-radius:10px}.lobby-cover{width:31px;height:31px;flex-basis:31px}.lobby-kicker{font-size:7px;letter-spacing:.5px}.lobby-track strong{font-size:10px}.lobby-state{font-size:8px}.lobby-volume{display:none}.lobby-player .sound-button{height:33px;width:33px;min-width:33px;flex-basis:33px}.lobby-invite{padding:18px;display:block}.lobby-invite a{margin-top:12px}}
@media(max-width:405px){.lobby-cover{display:none}.lobby-track strong{font-size:9px}.lobby-player{max-width:calc(100vw - 94px)}.lobby-invite{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.music-playing .lobby-eq i{animation:none}.hero-action:before{transition:none}.section-rail .rail-link{transition:none}}

/* YouTube homepage button & social link — 2026-10-14 */
.hero-action-youtube{border-color:#ff445b99;background:linear-gradient(115deg,#45111de0,#220b15d9);color:#fff;box-shadow:inset 0 0 0 1px #ff4b5b1c}
.hero-action-youtube:hover,.hero-action-youtube:focus-visible{border-color:#ff6677;background:#771b2f;box-shadow:0 10px 30px #e6211740}
.social-youtube{border-color:#f355634d}
.social-youtube:hover,.social-youtube:focus-visible{border-color:#ff6677;background:#33131b}