.lbar{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 auto 18px;opacity:1}
footer .lbar{opacity:1}
footer:has(.lbar){opacity:1}
footer:has(.lbar)>:not(.lbar){opacity:.6}
.lbar .lb-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.lbar a.brk{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;text-decoration:none;font:600 .82rem/1 inherit;letter-spacing:.08em;border:1px solid var(--lb-c,#e0213a);color:var(--lb-t,#fff);background:var(--lb-bg,rgba(0,0,0,.35));transition:transform .2s,box-shadow .2s,background .2s}
.lbar a.brk:hover,.lbar a.brk:focus-visible{transform:translateY(-2px);box-shadow:0 0 18px var(--lb-c,#e0213a);background:var(--lb-h,rgba(224,33,58,.25))}
.lbar a.brk svg{width:18px;height:18px;flex:none}
.lbar a.brk.brk-ig{border-color:transparent;background:linear-gradient(135deg,#f9ce34,#ee2a7b 50%,#6228d7);color:#fff}
.lbar .tbot{width:84px;height:84px;animation:tbf 3.4s ease-in-out infinite}
.lbar .tbot .blink{animation:tbb 4s infinite;transform-origin:center;transform-box:fill-box}
.lbar .tbot .spark{animation:tbs 1.8s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.lbar .tbot .spark:nth-of-type(2){animation-delay:.6s}.lbar .tbot .spark:nth-of-type(3){animation-delay:1.2s}
@keyframes tbf{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes tbb{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes tbs{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}
.lbar .tbcap{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.v-vampire{--lb-c:#e0213a;--lb-h:rgba(224,33,58,.25)}
.v-cyber{--lb-c:#00f0ff;--lb-h:rgba(0,240,255,.18);--lb-t:#e9fdff}
.v-dream{--lb-c:#b9a6ff;--lb-h:rgba(185,166,255,.25);--lb-bg:rgba(255,255,255,.12)}
.v-glam{--lb-c:#d4af37;--lb-h:rgba(212,175,55,.25);--lb-t:#f7e7ce}
.v-logic{--lb-c:#36e6ff;--lb-h:rgba(54,230,255,.18);--lb-t:#dffaff}
@media(prefers-reduced-motion:reduce){.lbar .tbot,.lbar .tbot *{animation:none!important}}
/* lessons */
.lsn{position:relative;z-index:2}
.lsn .lsn-guide{display:flex;align-items:center;gap:12px;justify-content:center;margin:0 auto 18px;max-width:640px}
.lsn .lsn-guide .tbot{width:64px;height:64px;flex:none;animation:tbf 3.4s ease-in-out infinite}
.lsn .lsn-guide .tbot .blink{animation:tbb 4s infinite;transform-origin:center;transform-box:fill-box}
.lsn .lsn-guide .tbot .spark{animation:tbs 1.8s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.lsn .lsn-guide p{margin:0;font-size:.95rem;padding:10px 14px;border-radius:14px;border:1px solid var(--lb-c);background:var(--lb-bg,rgba(0,0,0,.35))}
.lsn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-items:start}
.lsn details{border:1px solid var(--lb-c);border-radius:14px;background:var(--lb-bg,rgba(0,0,0,.35));overflow:hidden}
.lsn summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 16px;font-weight:700;letter-spacing:.02em}
.lsn summary::-webkit-details-marker{display:none}
.lsn summary .n{font-size:.7rem;letter-spacing:.14em;opacity:.7;min-width:2.2em}
.lsn summary::after{content:"+";margin-left:auto;font-size:1.3rem;line-height:1;color:var(--lb-c);transition:transform .25s}
.lsn details[open] summary::after{transform:rotate(45deg)}
.lsn details p{margin:0;padding:0 16px 14px;font-size:.95rem;line-height:1.6}
.lsn .lsn-try{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}
.lsn .lsn-try button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--lb-c);background:transparent;color:inherit;font:inherit;font-size:.82rem;cursor:pointer}
.lsn .lsn-try button:hover,.lsn .lsn-try button.on{background:var(--lb-h)}
@media(prefers-reduced-motion:reduce){.lsn .tbot,.lsn .tbot *{animation:none!important}}
.v-land{--lb-c:#f5c451;--lb-h:rgba(245,196,81,.2);--lb-t:#fff}
.foot .lbar{margin:0}.foot .lbar a.brk{min-height:38px;padding:0 12px;font-size:.72rem}
.lsn{padding:70px 0}
.lsn summary{color:inherit}
/* === POV + genres + stage (2026-11-03) === */
.pov small{display:block;font:600 .8rem/1 var(--f-acc,inherit);letter-spacing:.3em;opacity:.75;margin-bottom:8px;-webkit-text-fill-color:currentColor;color:var(--champ,var(--hi,#fff))}
h2.pov{font-size:clamp(1.9rem,5.6vw,3.4rem)!important;line-height:1.08}
.povl{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:clamp(1.05rem,2.6vw,1.3rem);line-height:1.6;opacity:.92!important}
/* subtle paparazzi flashes */
.rcar .fl{animation:rflash2 calc(var(--t,3s)*4) var(--d,0s) infinite!important}
.rcar .fl[style*="--d:0.22s"],.rcar .fl[style*="--d:0.11s"],.rcar .fl[style*="--d:0.72s"],.rcar .fl[style*="--d:1.89s"],.rcar .fl[style*="--d:1.73s"]{display:none}
@keyframes rflash2{0%,96%,100%{opacity:0}97.2%{opacity:.4}98.5%{opacity:0}}
.fashv .flash i{animation:pop2 16s infinite!important;width:120px;height:120px}
.fashv .flash i:nth-child(n+3){display:none}
@keyframes pop2{0%,97%,100%{opacity:0}98%{opacity:.28}}
/* night jet window */
.jetv{background:linear-gradient(180deg,#02040b 0%,#0a1428 55%,#16203a 100%)!important}
.jetv .sky .sun{background:radial-gradient(circle,#f3f1e6 0%,#c9d3e6 30%,rgba(160,180,220,0) 62%)!important;width:min(18vw,110px)!important;top:10%;bottom:auto!important;opacity:.7!important}
.jetv .sky .cl{background:rgba(190,205,235,.12)!important}
.jrow{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:center;margin-top:6px}
.jrow .bpass{margin:0;flex:1 1 300px;max-width:520px}
.jwin{flex:none;width:min(46vw,210px);aspect-ratio:3/4;border-radius:46% / 38%;padding:12px;background:linear-gradient(145deg,#e9edf3,#9aa3b2);box-shadow:0 20px 50px rgba(0,0,0,.6),inset 0 0 0 2px #fff6}
.jsky{position:relative;width:100%;height:100%;border-radius:46% / 38%;overflow:hidden;background:linear-gradient(180deg,#030713 0%,#0b1733 55%,#1d2a4a 78%,#2a2234 100%);box-shadow:inset 0 0 24px #000c}
.jsky i{position:absolute;display:block}
.jmoon{top:16%;right:22%;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fffbe8,#d8dcd0 60%,#b9bdb5);box-shadow:0 0 22px #fff8}
.jst{inset:0;background:radial-gradient(1px 1px at 20% 20%,#fff,transparent),radial-gradient(1px 1px at 60% 12%,#fff,transparent),radial-gradient(1px 1px at 35% 40%,#cfe,transparent),radial-gradient(1px 1px at 80% 45%,#fff,transparent);opacity:.8}
.jcl{height:16%;width:120%;left:-10%;border-radius:50%;background:rgba(200,214,240,.22);filter:blur(6px);animation:jcl 14s linear infinite}
.jcl.c1{top:58%}.jcl.c2{top:68%;animation-duration:20s;opacity:.7}.jcl.c3{top:76%;animation-duration:11s}
@keyframes jcl{from{transform:translateX(30%)}to{transform:translateX(-30%)}}
.jcity{left:0;right:0;bottom:0;height:16%;background:radial-gradient(1.5px 1.5px at 10% 50%,#ffd27a,transparent),radial-gradient(1.5px 1.5px at 30% 30%,#ffe3a1,transparent),radial-gradient(1.5px 1.5px at 55% 60%,#ffc85e,transparent),radial-gradient(1.5px 1.5px at 75% 40%,#fff1c2,transparent),radial-gradient(1.5px 1.5px at 90% 70%,#ffd27a,transparent),linear-gradient(transparent,#140c06);background-size:60px 100%,70px 100%,50px 100%,80px 100%,65px 100%,100% 100%;opacity:.9}
/* photo slots */
.povph{margin:18px auto 0;max-width:min(92vw,560px);border-radius:16px;overflow:hidden;border:1px solid rgba(212,175,55,.45);box-shadow:0 0 0 6px rgba(0,0,0,.35),0 0 40px rgba(232,184,74,.22),0 24px 60px rgba(0,0,0,.55)}
.povph img{display:block;width:100%;height:auto;max-height:70vh;object-fit:cover}
.jrow .povph{margin:0;flex:1 1 260px;max-width:340px}
/* yacht */
.yachtv{position:relative;overflow:hidden;background:linear-gradient(180deg,#1a0f1c 0%,#5a2a2a 38%,#c96a32 62%,#1b2a3c 63%,#0a1220 100%)}
.yachtv .sea{position:absolute;inset:0;pointer-events:none;z-index:0}
.yachtv .wrap{position:relative;z-index:1}
.ysun{position:absolute;left:50%;top:44%;width:min(40vw,260px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff0c4 0%,#ffb35c 40%,rgba(255,120,50,0) 70%);opacity:.85;display:block}
.yglint{position:absolute;left:50%;top:63%;width:min(30vw,200px);height:30%;transform:translateX(-50%);background:repeating-linear-gradient(180deg,rgba(255,200,120,.55) 0 2px,transparent 2px 9px);filter:blur(1px);opacity:.6;display:block;-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}
.ywave{position:absolute;left:-20%;width:140%;height:2px;background:rgba(255,220,170,.25);display:block;animation:jcl 18s linear infinite}
.ywave.w1{top:70%}.ywave.w2{top:80%;animation-duration:26s}
@media (prefers-reduced-motion:reduce){.jcl,.ywave{animation:none!important}}
/* genre + stage cards */
.snd{position:relative;z-index:2}
.gx{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.gcard{background:var(--card,rgba(255,255,255,.05));border:1px solid var(--line,rgba(255,255,255,.14));border-radius:14px;padding:16px 18px;font-size:.93rem;line-height:1.5;backdrop-filter:blur(4px)}
.gcard .gh{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.gcard h3{margin:0;font-size:1.12rem;line-height:1.2;color:var(--title,var(--hi,#fff))}
.gcard .era{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--hi,#e8b84a);opacity:.9}
.gcard p{margin:0 0 8px;opacity:.9}
.gcard dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:.82rem}
.gcard dt{opacity:.6;text-transform:uppercase;font-size:.66rem;letter-spacing:.12em;padding-top:3px}
.gcard dd{margin:0}
.gnote{font-size:.82rem;opacity:.75;margin:14px 0 0;max-width:720px}
.astyles{margin-top:22px}
.asx{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-top:8px}
.asx.two{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.as{border-left:2px solid var(--hi,#e8b84a);padding:6px 12px;background:var(--card,rgba(255,255,255,.04));border-radius:0 10px 10px 0;font-size:.86rem;line-height:1.45}
.as b{display:block}.as small{display:block;opacity:.65;font-size:.72rem;letter-spacing:.08em}
.gsub2{margin:26px 0 10px;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.voices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.vt{border:1px solid var(--line,rgba(255,255,255,.2));border-radius:999px;padding:6px 14px;font-size:.84rem}
.vt small{opacity:.6;margin-left:6px}
.arias{list-style:none;padding:0;margin:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.arias li{padding:10px 14px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:10px;background:var(--card,rgba(255,255,255,.04));font-size:.88rem}
.arias b{display:block;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:1.02rem}
.arias span{opacity:.75;font-size:.8rem}
.lgx .gcard h3{font-family:Orbitron,sans-serif;letter-spacing:.04em;font-size:.98rem}
@media (max-width:700px){
 .gx{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;margin-inline:-4px;scrollbar-width:thin}
 .gx>.gcard{flex:0 0 82%;scroll-snap-align:start}
 .asx{grid-template-columns:1fr 1fr;gap:8px}.asx.two{grid-template-columns:1fr}
 .as{font-size:.8rem}
 .arias{grid-template-columns:1fr}
 .jwin{width:150px}
}
.povph{position:relative}
.yachtv .povph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,170,80,.18),transparent 45%,rgba(120,40,20,.18));pointer-events:none}
.yachtv .povph{max-width:min(88vw,420px)}
@media (max-width:700px){.jrow .povph{flex:1 1 44%;max-width:none}.jrow .bpass{flex-basis:100%}}
/* worlds by mr b */
.worlds{padding-top:30px;padding-bottom:40px}
.wgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.wcard{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px 34px 12px 14px;border-radius:12px;background:var(--card,rgba(255,255,255,.05));border:1px solid var(--line,rgba(255,255,255,.15));color:inherit;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s}
.wcard .wi{grid-row:1/3;font-size:1.4rem;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.06)}
.wcard b{font-size:.95rem;line-height:1.2;color:var(--title,var(--hi,#fff))}
.wcard small{font-size:.76rem;opacity:.7;line-height:1.3}
.wcard .wgo{position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:.5;color:var(--hi,#e8b84a)}
.wcard:hover,.wcard:focus-visible{transform:translateY(-2px);border-color:var(--hi,#e8b84a);box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 18px color-mix(in srgb,var(--hi,#e8b84a) 30%,transparent)}
.lgx .wcard b{font-family:Orbitron,sans-serif;font-size:.86rem;letter-spacing:.03em}
@media (max-width:700px){.wgrid{grid-template-columns:1fr 1fr;gap:8px}.wcard{grid-template-columns:1fr;padding:10px 10px 10px 12px}.wcard .wi{grid-row:auto;width:30px;height:30px;font-size:1.1rem;margin-bottom:4px}.wcard .wgo{top:12px;transform:none}}
/* influences + booking */
.ix{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.icard{padding:16px 18px;border-radius:14px;background:var(--card,rgba(255,255,255,.05));border:1px solid var(--line,rgba(255,255,255,.14));border-top:2px solid var(--hi,#e8b84a)}
.icard b{display:block;font-size:1.08rem;color:var(--title,var(--hi,#fff))}
.icard .era{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--hi,#e8b84a);opacity:.9}
.icard p{margin:8px 0 0;font-size:.9rem;line-height:1.5;opacity:.88}
.bx{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.bcard{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;background:var(--card,rgba(255,255,255,.05));border:1px dashed var(--line,rgba(255,255,255,.2))}
.bcard .bi{font-size:1.4rem}.bcard b{font-size:1.02rem;color:var(--title,var(--hi,#fff))}.bcard small{opacity:.72;font-size:.84rem;line-height:1.4}
.bsoon{align-self:flex-start;margin-top:10px;padding:7px 14px;border-radius:999px;border:1px solid var(--line,rgba(255,255,255,.25));background:transparent;color:inherit;font:600 .72rem/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.7;cursor:not-allowed}
.lgx .icard b,.lgx .bcard b{font-family:Orbitron,sans-serif;font-size:.92rem}
@media (max-width:700px){.ix{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px}.ix>.icard{flex:0 0 82%;scroll-snap-align:start}.bx{grid-template-columns:1fr 1fr;gap:8px}.bcard{padding:12px}.bcard small{font-size:.76rem}}
/* Mr B 3D character (dream) */
.mrbimg{width:min(100%,300px);aspect-ratio:3/4;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.12);cursor:pointer;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s}
.mrbimg img{display:block;width:100%;height:100%;object-fit:cover}
.mrbimg.wave{animation:mrbTilt 1.6s ease-in-out}
.mrbimg.dance,.mrbimg.guitar,.mrbimg.sing{animation:mrbSway 1.2s ease-in-out 2}
.mrbimg.jump{animation:mrbLift 1s cubic-bezier(.3,.7,.3,1) 2}
.mrbimg.selfie,.mrbimg.flirt{animation:mrbZoom 2.2s ease-in-out}
.mrbimg.act{animation:mrbTurn 2s ease-in-out}
.mrbimg.spin{animation:mrbTurn 1.6s ease-in-out}
@keyframes mrbTilt{0%,100%{transform:none}30%{transform:rotate(-2deg)}60%{transform:rotate(1.5deg)}}
@keyframes mrbSway{0%,100%{transform:none}25%{transform:translateX(-4px) rotate(-1.2deg)}75%{transform:translateX(4px) rotate(1.2deg)}}
@keyframes mrbLift{0%,100%{transform:none}45%{transform:translateY(-10px)}}
@keyframes mrbZoom{0%,100%{transform:none;filter:none}40%,70%{transform:scale(1.05);filter:brightness(1.08)}}
@keyframes mrbTurn{0%,100%{transform:none}50%{transform:perspective(600px) rotateY(14deg) scale(1.03)}}
.vbtn span .vth{display:block;width:54px;height:72px;object-fit:cover;object-position:50% 10%;border-radius:10px}
@media (prefers-reduced-motion:reduce){.mrbimg{animation:none!important}}
#chatfig .mrbimg{width:64px;height:64px;aspect-ratio:auto;border-radius:50%;box-shadow:none}#chatfig .mrbimg img{object-position:50% 8%;transform:scale(2.2);transform-origin:50% 12%}
/* face-icon bots */
.bbtn{width:60px!important;height:60px!important;border-radius:50%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.bbtn .bava{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--hi,#e8b84a),0 0 16px color-mix(in srgb,var(--hi,#e8b84a) 45%,transparent);transition:transform .3s}
.bbtn:hover .bava{transform:scale(1.06)}.bot.talk .bava{box-shadow:0 0 0 2px var(--hi,#e8b84a),0 0 26px var(--hi,#e8b84a)}.bot.spin .bava{animation:bavspin .6s ease}@keyframes bavspin{to{transform:rotateY(360deg)}}
[data-v=stadium] .bbtn{width:52px!important;height:52px!important}
.hudh{display:flex;align-items:center;gap:12px}.hudava{width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 1px #00d8ff,0 0 18px rgba(0,216,255,.45)}
.brk svg{width:18px!important;height:18px!important;max-width:18px}

/* ===== Glam cinematic (round 3) ===== */
[data-v=stadium] .jetv{background:linear-gradient(180deg,#081329 0%,#1b2a52 38%,#6b4a5e 68%,#e09a5c 88%,#f6c78a 100%)!important;overflow:hidden}
.jetv .sky.csky .sun{background:radial-gradient(circle,#fff3d6 0%,#ffcf8a 30%,rgba(255,160,90,0) 66%)!important;width:min(40vw,260px)!important;right:10%!important;top:auto!important;bottom:6%!important;opacity:.75!important}
.csky .cld{position:absolute;left:0;width:200%;pointer-events:none;background-repeat:repeat-x;background-size:50% 100%;will-change:transform}
.csky .l1{top:12%;height:22%;opacity:.35;background-image:radial-gradient(ellipse 18% 40% at 15% 60%,rgba(255,235,220,.7),transparent 70%),radial-gradient(ellipse 14% 30% at 60% 50%,rgba(255,225,210,.55),transparent 70%),radial-gradient(ellipse 10% 25% at 85% 65%,rgba(255,230,215,.5),transparent 70%);animation:cdrift 140s linear infinite}
.csky .l2{top:52%;height:26%;opacity:.5;background-image:radial-gradient(ellipse 22% 45% at 25% 55%,rgba(255,214,190,.75),transparent 70%),radial-gradient(ellipse 16% 35% at 70% 60%,rgba(255,200,170,.6),transparent 70%);animation:cdrift 80s linear infinite}
.csky .l3{bottom:-4%;height:30%;opacity:.65;z-index:3;background-image:radial-gradient(ellipse 26% 50% at 30% 70%,rgba(255,226,200,.85),transparent 70%),radial-gradient(ellipse 20% 40% at 80% 75%,rgba(255,210,180,.7),transparent 70%);animation:cdrift 46s linear infinite}
@keyframes cdrift{to{transform:translateX(-50%)}}
.csky .jrig{position:absolute;top:5%;left:0;width:min(62vw,440px);z-index:2;animation:glide 36s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}
.csky .jrig .jet{position:relative!important;left:0!important;top:0!important;width:100%!important;height:auto;animation:none!important;filter:drop-shadow(0 18px 22px rgba(10,10,30,.45))}
.csky .trail{position:absolute;right:62%;height:3px;border-radius:3px;width:120%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55));filter:blur(1.5px);transform-origin:right center}
.csky .t1{top:33%}.csky .t2{top:38%;opacity:.6}
@keyframes glide{0%{transform:translate(-70%,30px) rotate(-2.5deg)}50%{transform:translate(60vw,-6px) rotate(-1deg)}100%{transform:translate(120vw,-28px) rotate(-2deg)}}
.cjet .nav{animation:navb 2.4s steps(1) infinite}.cjet .nav.w{animation-duration:1.6s}.cjet .nav.b{animation-delay:.8s}
@keyframes navb{0%{opacity:1}12%,100%{opacity:.15}}
.csky .skyl{position:absolute;left:0;right:0;bottom:0;width:100%;height:16%;z-index:2;opacity:.9}
.intro .ijet .cjet{filter:drop-shadow(0 20px 20px rgba(0,0,0,.6))}
/* carpet */
[data-v=stadium] .rcar{background:#020202}
[data-v=stadium] .rcar svg{aspect-ratio:800/440}
.rcar .sb{transform-box:fill-box;transform-origin:50% 100%;animation:sweep 14s ease-in-out infinite alternate}.rcar .sb.b{animation-duration:17s;animation-delay:-6s}
@keyframes sweep{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
.rcar .beams path{mix-blend-mode:screen;transform-box:fill-box;transform-origin:50% 0;animation:bsway 18s ease-in-out infinite alternate}.rcar .bmR{animation-delay:-9s}
@keyframes bsway{from{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}
.rcar .haze ellipse{animation:hzd 24s ease-in-out infinite alternate}.rcar .h2{animation-duration:30s!important}
@keyframes hzd{from{transform:translateX(-30px)}to{transform:translateX(30px)}}
.rcar .fl{opacity:0;display:inline!important;animation:bflash calc(var(--t,3s)*3) var(--d,0s) infinite!important}
@keyframes bflash{0%,93%,100%{opacity:0}94.5%{opacity:.85}97%{opacity:.15}}
.rcar .bok{opacity:.0;animation:btw 9s var(--d) ease-in-out infinite}
@keyframes btw{0%,100%{opacity:0}50%{opacity:.9}}
.rcar .chs{opacity:0;animation:chs 4.5s var(--d) ease-in-out infinite}
@keyframes chs{0%,100%{opacity:0;transform:translateY(0)}50%{opacity:1}100%{transform:translateY(-14px)}}
/* calm the glam page: no bouncy cartoon motion */
[data-v=stadium] .scroll-cue{animation:none}
[data-v=stadium] .phones i{animation-timing-function:ease-in-out!important}
/* gold film grain */
[data-v=stadium] body::after{content:"";position:fixed;inset:-50%;z-index:9998;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .78 0 0 0 0 .4 0 0 0 1.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(4) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}
@media (max-width:700px){[data-v=stadium] body::after{animation:none;inset:0}.csky .l1{display:none}.rcar .boks circle:nth-child(n+5),.rcar .chs:nth-child(n+11){display:none}.rcar .beams path{mix-blend-mode:normal}.csky .jrig{width:78vw;animation-duration:30s}}
@media (prefers-reduced-motion:reduce){.csky *,.rcar *,[data-v=stadium] body::after{animation:none!important}.csky .jrig{transform:translate(18vw,0)}.rcar .bok{opacity:.5}}
/* records (glam) */
.recs .decks{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 34px;margin-bottom:46px}
.vinyl{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;color:inherit;width:min(30vw,220px);min-width:150px}
.vinyl .disc{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#111 0 17%,transparent 17.5%),repeating-radial-gradient(circle,#0b0b0b 0 2px,#1c1c1c 2px 3px);box-shadow:0 14px 30px rgba(0,0,0,.6),inset 0 0 0 2px #000;animation:vspin var(--d,7s) linear infinite}
.vinyl .disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 10%,rgba(255,255,255,.12) 14%,transparent 20% 60%,rgba(255,255,255,.08) 64%,transparent 70%)}
.vinyl .disc img{position:absolute;left:32%;top:32%;width:36%;height:36%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #e7c66b}
.vinyl .disc:before{content:"";position:absolute;left:48.5%;top:48.5%;width:3%;height:3%;border-radius:50%;background:#000;z-index:2}
.vinyl b{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#e7c66b;font-weight:600;text-align:center}
.vinyl:hover .disc{animation-duration:1.6s}
@keyframes vspin{to{transform:rotate(360deg)}}
.sleeves{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 22px}
@media (max-width:820px){.sleeves{grid-template-columns:repeat(2,1fr);gap:18px 14px}}
.sleeve{margin:0}.sleeve .sl{position:relative;aspect-ratio:1}
.sleeve .sl img{position:relative;z-index:2;width:88%;height:100%;object-fit:cover;display:block;border-radius:4px;box-shadow:0 10px 24px rgba(0,0,0,.55)}
.sleeve .pv{position:absolute;z-index:1;top:4%;right:0;width:84%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e7c66b 0 9%,#111 9.5% 15%,transparent 15.5%),repeating-radial-gradient(circle,#0b0b0b 0 2px,#1d1d1d 2px 3px);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.sleeve:hover .pv,.sleeve:focus-within .pv{transform:translateX(14%) rotate(160deg)}
.sleeve figcaption{margin-top:10px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;display:flex;justify-content:space-between;gap:6px;color:#f3e7c4}
.sleeve figcaption small{opacity:.55;letter-spacing:.08em}
@media (prefers-reduced-motion:reduce){.vinyl .disc{animation:none}.sleeve .pv{transition:none}}
.post .igt{position:absolute;inset:0;display:grid;place-items:center;font-size:3rem;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.16),rgba(0,0,0,.65))}

#reels .wrap{text-align:center}#reels .rbtn{display:inline-flex;font-size:1.15rem;padding:18px 34px;margin-top:8px;border-radius:999px}html[data-v=vampire] #reels .rbtn{background:linear-gradient(90deg,#14204a,#5a0f1e);border:1px solid #c9a35a;color:#f3e2b8}html[data-v=cyberpunk] #reels .rbtn{box-shadow:0 0 22px rgba(0,240,255,.5)}html[data-v=stadium] #reels .rbtn{background:linear-gradient(90deg,#fff,#e9cf8a);color:#222}html[data-v=dream] #reels .rbtn{background:linear-gradient(90deg,#b38cf0,#f2a5d8);color:#2a1648}