/* ═══════════════════════════════════════════════════════════════
   FUN NIGHT — Kanvo Knowledge Carnival
   Cartoon motion-promo rebuilt as a scroll-scrubbed page.
   Palette from the reference: magenta / space navy / hi-vis yellow /
   mint / hot pink / orange / violet / stage blue.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --mag:#B400A6; --mag2:#8E0087;
  --navy:#06061C; --navy2:#0B0B33; --navy3:#141457;
  --yel:#F5E400; --mint:#4DF0C8; --pink:#F03A6E; --pink2:#FF6E9B;
  --org:#F7A21A; --vio:#7A3CF0; --vio2:#A45BFF;
  --blue:#1F4CC9; --blue2:#3B79F0; --blue3:#0F2E8F; --sky:#5CE0F0;
  --ink:#0A0A0A; --white:#FFFFFF; --skin:#F7D9CB; --gold:#D8A63A;
  --ff-disp:'Bungee','Rubik Mono One',Impact,'Arial Black',sans-serif;
  --ff-mono:'Rubik Mono One','Bungee',Impact,sans-serif;
  --ff-body:'Rubik',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ff-cn:'Noto Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
  --line:2.5px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}
html,body{background:var(--navy);color:var(--white);font-family:var(--ff-body);overflow-x:hidden}
body{cursor:none;line-height:1.35}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
::selection{background:var(--yel);color:var(--ink)}
.halftone{position:fixed;inset:0;z-index:60;pointer-events:none;mix-blend-mode:multiply;opacity:.14;
  background-image:radial-gradient(circle,rgba(0,0,0,.9) 0 .7px,transparent 1.2px);background-size:4px 4px}

/* ─── preloader ─── */
.pre{position:fixed;inset:0;z-index:100;background:var(--mag);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  background-image:radial-gradient(circle,rgba(0,0,0,.18) 0 1px,transparent 1.5px);background-size:6px 6px}
.pre__mic{width:64px;height:84px;border-radius:18px;background:var(--mint);border:var(--line) solid var(--ink);position:relative;box-shadow:6px 6px 0 var(--ink)}
.pre__mic i{position:absolute;top:24px;width:12px;height:22px;border-radius:8px;background:var(--ink)}
.pre__mic i:first-child{left:16px}.pre__mic i:last-child{right:16px}
.pre__mic i::after{content:"";position:absolute;left:3px;top:4px;width:5px;height:6px;border-radius:50%;background:#fff}
.pre__word{font-family:var(--ff-disp);font-size:clamp(48px,9vw,110px);color:var(--yel);-webkit-text-stroke:2px var(--ink);text-shadow:6px 6px 0 var(--ink);letter-spacing:.02em}
.pre__word span{color:var(--pink)}
.pre__rail{width:min(320px,70vw);height:12px;border:var(--line) solid var(--ink);background:#fff;border-radius:99px;overflow:hidden}
.pre__rail b{display:block;height:100%;width:0;background:var(--yel)}
.pre__meta{display:flex;justify-content:space-between;width:min(320px,70vw);font-family:var(--ff-mono);font-size:11px;color:var(--ink);letter-spacing:.06em}
.pre__meta em{font-style:normal}

/* ─── cursor ─── */
.cur,.cur-ring{position:fixed;left:0;top:0;z-index:99;pointer-events:none;opacity:0;transition:opacity .3s}
.cur{width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--yel);border:2px solid var(--ink);border-radius:50%}
.cur-ring{width:44px;height:44px;margin:-22px 0 0 -22px;border:2.5px solid var(--yel);border-radius:50%;display:flex;align-items:center;justify-content:center;
  transition:opacity .3s,width .25s,height .25s,margin .25s,background .25s}
.cur-ring span{font-family:var(--ff-mono);font-size:9px;color:var(--ink);letter-spacing:.06em;opacity:0;transition:opacity .2s}
.cur-ring.is-active{width:74px;height:74px;margin:-37px 0 0 -37px;background:var(--yel)}
.cur-ring.is-active span{opacity:1}
@media (hover:none),(pointer:coarse){body{cursor:auto}.cur,.cur-ring{display:none}}

/* ─── HUD ─── */
.hud{position:fixed;inset:0 0 auto 0;z-index:70;display:flex;align-items:center;justify-content:space-between;padding:16px 26px;pointer-events:none;mix-blend-mode:normal}
.hud>*{pointer-events:auto}
.hud__brand{display:flex;align-items:center;gap:10px}
.hud__logo{width:34px;height:34px;border-radius:9px;background:var(--pink);border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--ink);display:grid;place-items:center;font-family:var(--ff-disp);color:var(--yel);font-size:16px}
.hud__name{font-family:var(--ff-mono);font-size:12px;letter-spacing:.06em;text-shadow:2px 2px 0 var(--ink)}
.hud__name em{font-style:normal;opacity:.75;font-size:10px;margin-left:6px}
.hud__mid{position:absolute;left:50%;top:16px;transform:translateX(-50%)}
.hud__pill{font-family:var(--ff-mono);font-size:10px;letter-spacing:.08em;padding:9px 14px;border-radius:99px;background:var(--yel);color:var(--ink);border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap}
.hud__right{display:flex;align-items:center;gap:14px}
.hud__meta{font-family:var(--ff-mono);font-size:10px;letter-spacing:.06em;text-shadow:2px 2px 0 var(--ink)}
.hud__cta{font-family:var(--ff-mono);font-size:10px;letter-spacing:.06em;padding:10px 16px;border-radius:99px;background:var(--mint);color:var(--ink);border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.hud__cta:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.hud__rail{position:absolute;left:0;right:0;bottom:-3px;height:5px;background:rgba(0,0,0,.35)}
.hud__rail i{display:block;height:100%;width:0;background:var(--yel);border-right:var(--line) solid var(--ink)}

/* ─── generic scene / copy ─── */
.sc{position:relative;height:100vh;height:100svh;overflow:hidden;background:var(--navy)}
.face,.pillzoom,.tunnel,.ring,.room,.space,.curtain__half,.trail{will-change:transform}
.tag{display:inline-block;font-family:var(--ff-mono);font-size:10px;letter-spacing:.1em;padding:7px 12px;border-radius:99px;background:var(--yel);color:var(--ink);border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--ink);margin-bottom:14px}
.tag--dark{background:var(--pink);color:#fff}
.sc h2{font-family:var(--ff-disp);font-size:clamp(30px,5.4vw,78px);line-height:.98;letter-spacing:.005em;color:#fff;-webkit-text-stroke:1.5px var(--ink);text-shadow:5px 5px 0 var(--ink)}
.sc p{font-size:clamp(14px,1.15vw,17px);max-width:34ch;margin-top:14px;font-weight:500;text-shadow:1px 1px 0 var(--ink)}
.kicker{font-family:var(--ff-mono);font-size:11px;letter-spacing:.14em;color:var(--yel);margin-bottom:12px}
.lede{font-family:var(--ff-mono)!important;font-size:11px!important;letter-spacing:.12em;opacity:.8}

/* ─── space backdrop (shared) ─── */
.space{position:absolute;inset:0;overflow:hidden;background:
  radial-gradient(120% 70% at 50% 100%,#1B1B6E 0%,#0F0F45 30%,var(--navy) 60%)}
.space--deep{background:radial-gradient(90% 90% at 50% 120%,#3B0F5C 0%,#1A0A3E 35%,var(--navy) 70%)}
.space--void{background:radial-gradient(70% 60% at 30% 40%,#0B0B33 0%,var(--navy) 60%)}
.stars{position:absolute;inset:0}
.stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.85;animation:tw 2.4s ease-in-out infinite alternate}
.stars i.s2{width:2px;height:2px}
.stars i.s3{width:0;height:0;background:none;border-radius:0}
.stars i.s3::before,.stars i.s3::after{content:"";position:absolute;background:#fff;left:-1px;top:-5px;width:2px;height:10px;border-radius:2px}
.stars i.s3::after{transform:rotate(90deg)}
@keyframes tw{from{opacity:.25;transform:scale(.7)}to{opacity:1;transform:scale(1.15)}}
.planet{position:absolute;border-radius:50%}
.planet--a{left:9%;top:34%;width:44px;height:44px;background:radial-gradient(circle at 35% 35%,#B48CFF,#4A2A9E 70%);box-shadow:inset -6px -4px 0 rgba(0,0,0,.35)}
.planet--a::after{content:"";position:absolute;left:-14px;top:18px;width:72px;height:12px;border:3px solid var(--mint);border-radius:50%;transform:rotate(-20deg)}
.nebula{position:absolute;inset:0;background:
  radial-gradient(40% 30% at 20% 30%,rgba(90,60,200,.35),transparent 70%),
  radial-gradient(35% 25% at 80% 20%,rgba(60,120,255,.28),transparent 70%)}
.nebula--b{background:radial-gradient(45% 35% at 70% 30%,rgba(140,40,200,.4),transparent 70%),radial-gradient(45% 45% at 15% 80%,rgba(60,120,255,.35),transparent 70%)}
.ship{position:absolute;right:20%;top:38%;width:70px;height:20px;background:var(--mint);border-radius:50%;border:var(--line) solid var(--ink);transform:rotate(-14deg)}
.ship::before{content:"";position:absolute;left:24px;top:-12px;width:22px;height:16px;border-radius:50% 50% 0 0;background:#fff;border:var(--line) solid var(--ink)}
.clouds i{position:absolute;bottom:30%;width:180px;height:70px;background:#3F63D8;border:var(--line) solid var(--ink);border-radius:60px;box-shadow:inset 0 -14px 0 #2A45B0}
.clouds i:nth-child(1){left:-4%;width:240px}.clouds i:nth-child(2){left:16%;bottom:28%;width:150px;height:56px}
.clouds i:nth-child(3){right:-3%;width:230px}.clouds i:nth-child(4){right:15%;bottom:27%;width:140px;height:52px}
.floorwrap{position:absolute;left:-40%;right:-40%;bottom:-4%;height:52%;perspective:420px;transform-origin:50% 100%}
.floor{position:absolute;inset:0;transform:rotateX(62deg);transform-origin:50% 100%;
  background:repeating-conic-gradient(var(--yel) 0 25%,#0E0E22 0 50%) 0 0/150px 150px;
  outline:var(--line) solid var(--ink)}
.floor::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,transparent 60%,rgba(6,6,28,.7))}
.deco b{position:absolute;display:block}
.deco--l{left:0;bottom:0;width:30%;height:42%}.deco--r{right:0;bottom:0;width:30%;height:42%}
.bal{width:120px;height:140px;border-radius:50%;border:var(--line) solid var(--ink)}
.bal::before{content:"";position:absolute;left:18%;top:14%;width:26%;height:36%;border-radius:50%;background:rgba(255,255,255,.35)}
.bal--g{left:2%;bottom:30%;background:radial-gradient(circle at 35% 30%,#7BFFD8,#20C99A 70%)}
.bal--y{left:52%;bottom:2%;width:90px;height:105px;background:radial-gradient(circle at 35% 30%,#F0FF7A,#B6D400 70%)}
.bal--r{right:22%;bottom:36%;width:110px;height:120px;background:radial-gradient(circle at 35% 30%,#FF8FB8,#D8236A 70%);opacity:.9}
.bal--g2{right:2%;bottom:0;width:100px;height:115px;background:radial-gradient(circle at 35% 30%,#B7FF7A,#5CC420 70%)}
.star{width:60px;height:60px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.star--o{left:34%;bottom:26%;background:var(--org)}
.star--b{left:44%;bottom:12%;width:44px;height:44px;background:var(--sky)}
.star--red{right:6%;bottom:44%;width:80px;height:80px;background:#E8203C}
.lolli{width:70px;height:70px;border-radius:50%;background:repeating-conic-gradient(var(--vio) 0 12%,#3A0A70 0 25%);border:var(--line) solid var(--ink);left:78%;bottom:8%}
.lolli::after{content:"";position:absolute;left:46%;top:100%;width:6px;height:60px;background:#fff;border:var(--line) solid var(--ink)}
.lolli--2{left:auto;right:12%;bottom:12%}
.ball{position:absolute;left:50%;bottom:30%;width:130px;height:130px;margin-left:-65px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8DFFE0,#22C89A 70%);border:var(--line) solid var(--ink);transform-origin:50% 100%}
.ball span{position:absolute;left:34%;top:60%;width:32%;height:16px;border:var(--line) solid var(--ink);border-top:0;border-radius:0 0 30px 30px}
.micchar{position:absolute;width:110px;height:120px;border-radius:24px 24px 30px 30px;background:var(--mint);border:var(--line) solid var(--ink);box-shadow:5px 6px 0 var(--ink)}
.micchar__eye{position:absolute;top:22px;width:22px;height:38px;border-radius:14px;background:var(--ink)}
.micchar__eye:first-child{left:22px}.micchar__eye:nth-child(2){right:22px}
.micchar__eye::after{content:"";position:absolute;left:5px;top:6px;width:9px;height:12px;border-radius:50%;background:#fff}
.micchar__grill{position:absolute;left:14px;right:14px;top:70px;height:34px;background:repeating-linear-gradient(to bottom,var(--ink) 0 3px,transparent 3px 9px);opacity:.9}
.micchar u{position:absolute;left:50%;top:100%;width:8px;height:60px;margin-left:-4px;background:var(--mint);border:var(--line) solid var(--ink)}
#mic1{left:50%;top:-40%;margin-left:-55px}
.s1copy{position:absolute;left:6%;top:18%;max-width:560px}
.s1copy h1{font-family:var(--ff-disp);font-size:clamp(34px,6vw,86px);line-height:.98;color:#fff;-webkit-text-stroke:1.5px var(--ink);text-shadow:6px 6px 0 var(--ink)}
.s1copy h1 em{font-style:normal;color:var(--yel)}
.curtain{position:absolute;inset:0;z-index:5}
.curtain__half{position:absolute;top:0;bottom:0;width:50.5%;background:var(--mag);
  background-image:radial-gradient(circle,rgba(0,0,0,.22) 0 1.2px,transparent 1.8px);background-size:7px 7px}
.curtain__half i{position:absolute;top:0;bottom:0;width:70px}
.curtain__half--l{left:0}.curtain__half--l i{right:-6px;border-radius:0 40px 40px 0;background:linear-gradient(to right,var(--mag) 0,#E5202D 0 55%,var(--ink) 55% 62%,var(--yel) 62% 100%);box-shadow:inset -3px 0 0 var(--ink)}
.curtain__half--r{right:0}.curtain__half--r i{left:-6px;border-radius:40px 0 0 40px;background:linear-gradient(to left,var(--mag) 0,#E5202D 0 55%,var(--ink) 55% 62%,var(--yel) 62% 100%);box-shadow:inset 3px 0 0 var(--ink)}
.curtain__seam{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:var(--ink)}

/* ─── 02 face ─── */
.sc-face{background:var(--skin)}
.face{position:absolute;inset:0;transform-origin:50% 55%}
.face__hair{position:absolute;left:-10%;right:-10%;top:-45%;height:60%;background:#171B4A;border-radius:0 0 50% 50%/0 0 40% 40%;border-bottom:var(--line) solid var(--ink)}
.face__skin{position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 65%,#F9E2D6,var(--skin) 60%)}
.blush{position:absolute;bottom:2%;width:34%;height:44%;border-radius:50%;background:radial-gradient(circle,rgba(240,70,110,.55),rgba(240,70,110,0) 70%)}
.blush--l{left:2%}.blush--r{right:2%}
.lens{position:absolute;top:14%;width:44vw;height:44vw;max-width:76vh;max-height:76vh;border-radius:50%;border:16px solid var(--gold);box-shadow:0 0 0 var(--line) var(--ink),inset 0 0 0 var(--line) var(--ink),inset 20px 24px 40px rgba(255,255,255,.35);background:rgba(255,255,255,.06)}
.lens--l{left:4%}.lens--r{right:4%}
.brow{position:absolute;left:24%;right:22%;top:26%;height:6px;background:var(--ink);border-radius:6px;transform:rotate(-8deg)}
.lens--r .brow{transform:rotate(8deg)}
.eye{position:absolute;left:38%;top:34%;width:20%;height:44%;background:var(--ink);border-radius:40%/28%;overflow:hidden}
.lens--r .eye{left:auto;right:38%}
.lid{position:absolute;left:0;right:0;top:0;height:0;background:var(--skin);border-bottom:var(--line) solid var(--ink)}
.spark{position:absolute;left:50%;top:32%;width:44%;aspect-ratio:1;transform:translate(-50%,-50%);background:#FFF6C8;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.spark--s{top:70%;width:22%}
.bridge{position:absolute;left:50%;top:38%;width:9vw;height:6vw;margin-left:-4.5vw;border:14px solid var(--gold);border-bottom:0;border-radius:60px 60px 0 0;box-shadow:0 0 0 var(--line) var(--ink)}
.micchar--big{left:50%;top:58%;width:16vw;height:18vw;max-width:220px;max-height:250px;margin-left:min(-8vw,-110px);border-radius:32px}
.micchar--big .micchar__eye{width:18%;height:34%;top:16%}
.micchar--big .micchar__eye:first-child{left:20%}.micchar--big .micchar__eye:nth-child(2){right:20%}
.micchar--big .micchar__grill{top:60%;left:14%;right:14%;height:30%;background:repeating-linear-gradient(to bottom,var(--ink) 0 4px,transparent 4px 12px)}
.bolt{position:absolute;width:60px;height:96px;background:var(--yel);border:var(--line) solid var(--ink);clip-path:polygon(60% 0,15% 55%,45% 55%,30% 100%,90% 40%,55% 40%);transform:scale(0)}
.bolt--a{left:23%;top:60%}.bolt--b{right:20%;top:66%;transform:scale(0) rotate(180deg)}
.flash{position:absolute;left:8%;top:12%;width:120px;height:120px;background:#fff;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);opacity:0}
.s2copy{position:absolute;left:6%;bottom:8%;z-index:2}
.shards{position:absolute;inset:0;z-index:6;pointer-events:none}
.shards i{position:absolute;inset:-20% -30%;background:#1E3EA8;transform:translateX(-140%) skewX(-24deg);background-image:radial-gradient(circle,rgba(255,255,255,.16) 0 1.4px,transparent 2px),repeating-linear-gradient(-32deg,transparent 0 46px,rgba(255,255,255,.07) 46px 60px);background-size:8px 8px,auto}
.shards i:nth-child(2){background:#2A56D6;transform:translateX(140%) skewX(-24deg)}
.shards i:nth-child(3){background:#0F2E8F;transform:translateY(-140%) skewY(18deg)}
.shards i:nth-child(4){background:#1E3EA8;transform:translateY(140%) skewY(18deg)}
.shards--out i{transform:none}
.wipe--open .wipe__l,.wipe--open .wipe__r{transform:none}

/* ─── 03 talkshow set ─── */
.sc-set{background:var(--navy2)}
.space--stage{background:radial-gradient(90% 90% at 50% 120%,#3B0F5C 0%,#1A0A3E 35%,var(--navy) 70%);z-index:0}
.set{position:absolute;left:0;top:0;height:100%;width:140vw;z-index:1;will-change:transform}
.set__wall{position:absolute;inset:0;background:
  linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px) 0 0/60px 60px,
  linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px) 0 0/60px 60px,
  linear-gradient(#2A62E8,#1F4CC9)}
.set__floor{position:absolute;left:0;right:0;bottom:0;height:20%;background:linear-gradient(#5CE0F0,#3FB7D8);border-top:var(--line) solid var(--ink)}
.cloudpuff{position:absolute;width:260px;height:110px;border-radius:80px;background:#8EEBFF;border:var(--line) solid var(--ink);box-shadow:inset 0 -18px 0 #4FCBE6}
.cloudpuff--a{left:6%;bottom:8%}.cloudpuff--b{right:22%;bottom:10%;width:200px;height:90px}
.tv{position:absolute;left:24vw;top:16%;width:30vw;max-width:520px;aspect-ratio:1.18;background:#0F2E8F;border:var(--line) solid var(--ink);border-radius:26px;padding:16px;box-shadow:10px 12px 0 var(--ink)}
.tv__screen{position:relative;height:calc(100% - 44px);border-radius:14px;overflow:hidden;border:var(--line) solid var(--ink);background:#25397C}
.tv__screen img{width:100%;height:100%;object-fit:cover;filter:saturate(1.35) contrast(1.1)}
.tv__grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px) 0 0/40px 40px;mix-blend-mode:screen}
.tv__bar{display:flex;gap:10px;padding:14px 8px 0}
.tv__bar i{width:22px;height:16px;border-radius:5px;border:var(--line) solid var(--ink)}
.tv__bar i:nth-child(1){background:var(--pink)}.tv__bar i:nth-child(2){background:var(--mint)}.tv__bar i:nth-child(3){background:var(--yel)}
.statue{position:absolute;left:62vw;top:8%;width:22vw;max-width:360px;height:70%}
.statue__hair{position:absolute;left:-10%;right:-10%;top:0;height:46%;background:#fff;border:var(--line) solid var(--ink);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;box-shadow:inset -20px -14px 0 #D9DBEA}
.statue__face{position:absolute;left:10%;right:10%;top:36%;height:52%;background:#F2F2F8;border:var(--line) solid var(--ink);border-radius:20% 20% 40% 40%/16% 16% 50% 50%;box-shadow:inset -18px 0 0 #D9DBEA}
.statue__face i{position:absolute;top:26%;width:26%;height:5px;background:var(--ink);border-radius:4px}
.statue__face i:first-child{left:16%;transform:rotate(-8deg)}.statue__face i:nth-child(2){right:16%;transform:rotate(8deg)}
.statue__face b{position:absolute;left:38%;top:52%;width:24%;height:10px;border-radius:0 0 12px 12px;background:var(--pink)}
.statue__ribbon{position:absolute;left:36%;top:78%;padding:6px 10px;background:#E8203C;color:var(--yel);font-family:var(--ff-mono);font-size:11px;border:var(--line) solid var(--ink);transform:rotate(-8deg);writing-mode:vertical-rl;letter-spacing:.2em}
.deskleft{position:absolute;left:4vw;top:34%;width:20vw;height:40%}
.notepad{position:absolute;left:0;top:0;width:60%;height:60%;background:#fff;border:var(--line) solid var(--ink);border-radius:8px;transform:rotate(-14deg);box-shadow:6px 8px 0 var(--ink)}
.notepad i{position:absolute;left:14%;right:14%;height:6px;background:var(--ink);border-radius:4px}
.notepad i:nth-child(1){top:24%}.notepad i:nth-child(2){top:44%}.notepad i:nth-child(3){top:64%;right:40%;background:var(--pink)}
.lamp{position:absolute;right:0;top:-10%;width:36px;height:120%;background:#fff;border:var(--line) solid var(--ink);border-radius:8px}
.talkshow{position:absolute;left:66vw;bottom:2%;font-family:var(--ff-disp);font-size:clamp(60px,10vw,150px);line-height:.86;letter-spacing:-.01em;transform:skewX(-6deg) rotate(-3deg)}
.talkshow span{display:block;color:var(--pink);-webkit-text-stroke:2px var(--ink);text-shadow:8px 8px 0 #B21A48,12px 12px 0 var(--ink)}
.talkshow span:last-child{color:var(--yel);margin-left:.6em;text-shadow:8px 8px 0 #C7A600,12px 12px 0 var(--ink)}
.stk{position:absolute;display:grid;place-items:center;font-family:var(--ff-mono);font-size:14px;letter-spacing:.04em;padding:8px 14px;border-radius:14px;border:var(--line) solid var(--ink);box-shadow:4px 4px 0 var(--ink);transform:scale(0);text-align:center;line-height:1.1}
.stk--pun{left:8vw;top:20%;background:var(--pink);color:var(--yel);font-size:20px}
.stk--thumb{left:9vw;top:8%;width:64px;height:64px;border-radius:50%;background:#fff;font-size:26px}
.stk--call{left:56vw;top:66%;background:#fff;color:var(--org);border-radius:99px;font-size:16px;-webkit-text-stroke:.6px var(--ink)}
.stk--heart{left:60vw;top:44%;width:44px;height:44px;border-radius:50%;background:#fff;color:#E8203C;font-size:20px}
.stk--face{left:78vw;top:64%;width:66px;height:66px;border-radius:50%;background:#E8203C;font-size:34px}
.stk--bolt{left:88vw;top:6%;width:70px;height:110px;padding:0;background:var(--yel);border-radius:0;box-shadow:none;clip-path:polygon(60% 0,15% 55%,45% 55%,30% 100%,90% 40%,55% 40%)}
.stk--avatar{left:12vw;top:0;width:90px;height:90px;border-radius:50%;padding:0;overflow:hidden;background:#fff}
.stk--avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.cam{position:absolute;left:112vw;bottom:9%;width:min(320px,26vw);transform:translateX(70vw)}
.cam__rotor{position:absolute;left:50%;top:-56px;width:8px;height:56px;margin-left:-4px;background:#fff;border:var(--line) solid var(--ink)}
.cam__rotor::before{content:"";position:absolute;left:-90px;top:-8px;width:180px;height:14px;background:var(--sky);border:var(--line) solid var(--ink);border-radius:8px;transform-origin:50% 50%;animation:rotor .35s linear infinite}
@keyframes rotor{to{transform:rotateY(360deg)}}
.cam__body{position:relative;height:0;padding-bottom:64%;background:var(--pink);border:var(--line) solid var(--ink);border-radius:26px;box-shadow:8px 10px 0 var(--ink)}
.cam__body::before{content:"";position:absolute;left:0;top:0;bottom:0;width:36%;background:var(--yel);border-right:var(--line) solid var(--ink);border-radius:26px 0 0 26px}
.cam__tag{position:absolute;left:8%;top:22%;font-family:var(--ff-mono);font-size:clamp(14px,1.6vw,22px);color:var(--ink);writing-mode:vertical-rl;letter-spacing:.2em}
.cam__lens{position:absolute;right:12%;top:18%;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,#4B4B5A,#000 65%);border:var(--line) solid var(--ink);box-shadow:inset 0 0 0 8px var(--pink2),inset 0 0 0 11px var(--ink)}
.cam__flash{position:absolute;right:8%;top:-18px;width:34px;height:22px;background:#fff;border:var(--line) solid var(--ink);border-radius:6px}
.s3copy{position:absolute;left:8vw;bottom:5%;max-width:460px;z-index:3;transform:translateY(40px);opacity:0}
.s3copy h2{font-size:clamp(28px,4vw,58px)}

/* ─── 04 pills ─── */
.pencil{position:absolute;right:-4%;top:9%;width:26%;height:26px;background:linear-gradient(90deg,var(--sky) 0 8%,var(--vio) 8% 24%,var(--pink) 24% 100%);border:var(--line) solid var(--ink);border-radius:14px 4px 4px 14px;transform:rotate(-8deg)}
.pencil::before{content:"";position:absolute;left:-40px;top:-2px;border:12px solid transparent;border-right:34px solid var(--yel);border-left:0}
.arrow{position:absolute;left:-2%;bottom:6%;width:22%;height:22px;background:var(--sky);border:var(--line) solid var(--ink);border-radius:12px;transform:rotate(-8deg)}
.arrow::after{content:"";position:absolute;right:-30px;top:-14px;border:24px solid transparent;border-left:34px solid var(--sky);border-right:0}
.pillzoom{position:absolute;inset:0;transform-origin:50% 50%}
.pill{position:absolute;height:min(9vw,84px);width:min(38vw,470px);border-radius:99px;border:var(--line) solid var(--ink);box-shadow:6px 8px 0 var(--ink);
  background-image:radial-gradient(circle,rgba(0,0,0,.18) 0 1px,transparent 1.6px);background-size:6px 6px}
.pill i{position:absolute;left:14%;right:14%;top:50%;height:4px;margin-top:-2px;background:var(--ink);border-radius:4px}
.pill::after{content:"";position:absolute;left:12%;top:16%;width:30%;height:5px;border-radius:5px;background:rgba(255,255,255,.75)}
.pill--g{left:8%;top:-3%;background-color:#3FE0A0}
.pill--o{left:26%;top:8%;background-color:var(--org)}
.pill--p{left:2%;top:26%;background-color:var(--pink)}
.pill--m{left:44%;top:66%;background-color:#B03AD8;width:min(34vw,420px)}
.pill--v{left:52%;top:32%;background-color:#D22C6E;width:min(30vw,380px)}
.badge{position:absolute;left:-26px;top:-16px;width:52px;height:52px;border-radius:50%;background:#B03AD8;border:var(--line) solid var(--ink);display:grid;place-items:center;font-family:var(--ff-mono);font-size:22px;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.badge--v{background:var(--yel)}.badge--b{background:#4A6CFF}.badge--y{background:var(--yel);width:min(6vw,72px);height:min(6vw,72px);left:-3%;top:-18%;font-size:32px}
.tagpill{position:absolute;left:58%;top:22%;padding:8px 18px;border-radius:12px;background:#B03AD8;border:var(--line) solid var(--ink);color:#fff;font-family:var(--ff-mono);font-size:clamp(14px,1.6vw,22px);box-shadow:4px 4px 0 var(--ink)}
.dots{position:absolute;left:78%;top:20%;padding:6px 14px;border-radius:99px;background:var(--pink);border:var(--line) solid var(--ink);color:#fff;font-size:20px;letter-spacing:.1em}
.topics{position:absolute;right:6%;bottom:2%;font-family:var(--ff-mono);font-size:clamp(14px,1.9vw,26px);color:#fff;transform:rotate(-24deg) skewX(-10deg);text-shadow:2px 2px 0 var(--ink);line-height:1.05}
.mascot{position:absolute;left:44%;top:12%;width:66px;height:66px;border-radius:50%;background:var(--yel);border:var(--line) solid var(--ink);box-shadow:0 0 0 8px rgba(255,255,255,.18)}
.mascot i{position:absolute;top:24px;width:14px;height:22px;border-radius:8px;background:var(--ink)}
.mascot i:first-child{left:16px}.mascot i:last-child{right:16px}
.ghost{position:absolute;left:12%;top:70%;width:80px;height:44px;border-radius:24px;background:#fff;border:var(--line) solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.ghost i{position:absolute;top:14px;width:8px;height:14px;background:var(--ink);border-radius:4px}
.ghost i:first-child{left:26px}.ghost i:last-child{left:44px}
.hero-pill{position:absolute;left:50%;top:50%;width:min(52vw,640px);height:min(16vw,200px);margin:min(-8vw,-100px) 0 0 min(-26vw,-320px);border-radius:32px;background:var(--pink);border:var(--line) solid var(--ink);box-shadow:10px 12px 0 var(--ink);display:grid;place-items:center;
  background-image:radial-gradient(circle,rgba(0,0,0,.18) 0 1px,transparent 1.6px);background-size:6px 6px}
.hero-pill::before{content:"";position:absolute;right:6%;top:10%;width:20%;height:8px;border-radius:8px;background:rgba(255,255,255,.85)}
.hero-pill::after{content:"";position:absolute;left:8%;bottom:12%;width:12%;height:6px;border-radius:8px;background:rgba(255,255,255,.7)}
.hero-pill span{font-family:var(--ff-disp);font-size:clamp(40px,7.5vw,110px);color:var(--yel);padding:0 .35em;border:var(--line) solid var(--ink);border-radius:14px;background:var(--ink);line-height:1.1;letter-spacing:.02em}
.s4copy{position:absolute;left:6%;bottom:8%;max-width:520px;z-index:3}

/* ─── 05 tunnel ─── */
.sc-tunnel{background:#000}
.tunnel{position:absolute;inset:-30%;transform-origin:50% 50%;overflow:hidden;background:#F03A6E}
.ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:6%;
  box-shadow:0 0 0 2.4vmin var(--pink),0 0 0 4.4vmin var(--ink),0 0 0 8vmin var(--vio),0 0 0 8.4vmin var(--ink),0 0 0 12vmin var(--org),0 0 0 12.4vmin var(--ink),0 0 0 15vmin #FF7AB0,0 0 0 15.4vmin var(--ink),0 0 0 19vmin var(--vio2),0 0 0 19.4vmin var(--ink)}
.r1{width:22vmin;height:22vmin;background:#000}
.r2{width:60vmin;height:60vmin;background:transparent}
.r3{width:98vmin;height:98vmin}
.r4{width:136vmin;height:136vmin}
.r5{width:174vmin;height:174vmin}
.r6{width:212vmin;height:212vmin}
.r7{width:250vmin;height:250vmin}
.ring--core{position:absolute;left:50%;top:50%;width:22vmin;height:22vmin;transform:translate(-50%,-50%);background:#000;border-radius:6%;z-index:2}
.tunnel::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to bottom right,transparent 49.7%,var(--ink) 49.7% 50.3%,transparent 50.3%),linear-gradient(to bottom left,transparent 49.7%,var(--ink) 49.7% 50.3%,transparent 50.3%)}
.funcanvas{position:absolute;left:50%;top:50%;width:26vmin;height:16vmin;transform:translate(-50%,-50%);z-index:3}
.tbolt{position:absolute;width:12vmin;height:20vmin;background:var(--org);border:var(--line) solid var(--ink);clip-path:polygon(60% 0,15% 55%,45% 55%,30% 100%,90% 40%,55% 40%);z-index:2}
.tbolt--l{left:22%;top:32%;transform:rotate(-70deg)}.tbolt--r{right:23%;top:26%;transform:rotate(-100deg)}
.emoji{position:absolute;font-size:5vmin;z-index:2;width:8vmin;height:8vmin;border-radius:50%;background:var(--yel);border:var(--line) solid var(--ink);display:grid;place-items:center}
.e1{right:24%;top:30%}.e2{left:23%;top:62%}.e3{right:28%;top:63%;background:var(--sky)}
.puff{position:absolute;z-index:2;width:36vmin;height:24vmin;border-radius:50%;background:#FFA0CF;border:var(--line) solid var(--ink);box-shadow:inset -20px -14px 0 #E86AA8;transform:scale(0)}
.puff--a{left:16%;bottom:24%}.puff--b{left:28%;bottom:18%;width:28vmin;height:20vmin}
.skater{position:absolute;left:50%;top:50%;width:26vmin;height:26vmin;margin:-13vmin 0 0 -13vmin;z-index:4;transform:translate(90vw,-30vh) rotate(-30deg)}
.skater__body{position:absolute;left:30%;top:0;width:40%;height:62%;background:var(--vio);border:var(--line) solid var(--ink);border-radius:40% 40% 20% 20%;transform:rotate(-30deg)}
.skater__head{position:absolute;left:12%;top:-34%;width:76%;aspect-ratio:1;border-radius:50%;background:var(--skin);border:var(--line) solid var(--ink);box-shadow:inset 0 -14px 0 #171B4A}
.skater__arm{position:absolute;right:-30%;top:40%;width:60%;height:12%;background:var(--skin);border:var(--line) solid var(--ink);border-radius:8px;transform:rotate(30deg)}
.skater__board{position:absolute;left:0;bottom:6%;width:100%;height:24%;border-radius:50%;background:linear-gradient(90deg,var(--sky),#2A56D6);border:var(--line) solid var(--ink);box-shadow:0 8px 0 var(--ink);transform:rotate(-30deg)}
.skater__board i{position:absolute;left:10%;right:10%;top:30%;height:4px;background:#fff;border-radius:4px}
.bubble{position:absolute;padding:6px 10px;border-radius:10px;background:var(--mint);border:var(--line) solid var(--ink);font-family:var(--ff-mono);font-size:11px;line-height:1.1;color:var(--ink);transform:rotate(-8deg);box-shadow:3px 3px 0 var(--ink)}
.bubble--1{left:-40%;top:-20%}.bubble--2{right:-30%;bottom:-8%;background:#4A6CFF;color:#fff}
.s5copy{position:absolute;left:6%;bottom:8%;max-width:520px;z-index:5;transform:translateY(40px);opacity:0}

/* ─── 06 star trail ─── */
.planet--big{left:8%;bottom:6%;width:min(26vw,320px);aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#4A3AB8,#1B1266 65%);border:var(--line) solid var(--ink);box-shadow:inset -30px -20px 0 rgba(0,0,0,.35)}
.planet--big i{position:absolute;left:-30%;top:46%;width:160%;height:14%;border:var(--line) solid var(--ink);border-radius:50%;background:linear-gradient(var(--sky),#2AB0C8);transform:rotate(-14deg)}
.planet--sun{right:14%;top:56%;width:52px;height:52px;background:radial-gradient(circle at 35% 30%,#FFD36A,#F07A1A 70%);border:var(--line) solid var(--ink)}
.playstk{position:absolute;left:8%;top:22%;width:60px;height:60px;background:var(--pink);border:var(--line) solid var(--ink);border-radius:14px;transform:rotate(-14deg);box-shadow:4px 4px 0 var(--ink)}
.playstk::after{content:"";position:absolute;left:22px;top:18px;border:12px solid transparent;border-left:18px solid #fff;border-right:0}
.trail{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:50% 25%;transform:scale(.7);opacity:0}
.trail__y{fill:var(--yel);stroke:var(--ink);stroke-width:4;vector-effect:non-scaling-stroke}
.trail__p{fill:var(--pink);stroke:var(--ink);stroke-width:4;vector-effect:non-scaling-stroke}
.bigstar{position:absolute;left:50%;top:25%;width:min(30vw,300px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);filter:drop-shadow(0 0 30px rgba(255,255,255,.7));opacity:0}
.bigstar::before{content:"";position:absolute;left:50%;top:50%;width:26%;height:26%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;filter:blur(8px)}
.s6copy{position:absolute;left:6%;top:14%;z-index:2}
.wipe{position:absolute;inset:0;z-index:6;pointer-events:none}
.wipe__l,.wipe__r{position:absolute;top:0;bottom:0;width:52%;background:#E8203C;transform:translateX(-101%)}
.wipe__l{left:0;border-radius:0 40% 40% 0/0 50% 50% 0;box-shadow:inset -60px 0 0 var(--org),inset -64px 0 0 var(--ink)}
.wipe__r{right:0;transform:translateX(101%);border-radius:40% 0 0 40%/50% 0 0 50%;box-shadow:inset 60px 0 0 var(--org),inset 64px 0 0 var(--ink)}

/* ─── 07 blue room ─── */
.sc-room{background:#1F4CC9}
.room{position:absolute;inset:0;overflow:hidden}
.room__ceiling{position:absolute;left:0;right:0;top:0;height:16%;background:#3B79F0;border-bottom:var(--line) solid var(--ink);clip-path:polygon(0 0,100% 0,84% 100%,16% 100%)}
.room__wall{position:absolute;top:0;bottom:16%;width:22%;background:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px) 0 0/40px 40px,#2A62E8}
.room__wall--l{left:0;border-right:var(--line) solid var(--ink)}.room__wall--r{right:0;border-left:var(--line) solid var(--ink)}
.room__floor{position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(#5CE0F0,#2E9CC0);border-top:var(--line) solid var(--ink)}
.window{position:absolute;left:22%;right:22%;top:14%;bottom:18%;background:#040410;border:6px solid #3B79F0;box-shadow:0 0 0 var(--line) var(--ink),inset 0 0 0 var(--line) var(--ink);overflow:hidden}
.ladder{position:absolute;left:50%;top:-4%;bottom:-4%;width:24%;transform:translateX(-50%);border-left:14px solid #3B79F0;border-right:14px solid #3B79F0;box-shadow:inset 3px 0 0 var(--ink),inset -3px 0 0 var(--ink)}
.ladder i{position:absolute;left:0;right:0;height:14px;background:#3B79F0;box-shadow:0 3px 0 var(--ink),0 -3px 0 var(--ink)}
.ladder i:nth-child(1){top:8%}.ladder i:nth-child(2){top:24%}.ladder i:nth-child(3){top:40%}.ladder i:nth-child(4){top:56%}.ladder i:nth-child(5){top:72%}.ladder i:nth-child(6){top:88%}
.shelf{position:absolute;top:22%;width:20%;height:9%;background:#0F2E8F;border:var(--line) solid var(--ink);display:flex;gap:6%;align-items:center;justify-content:center;padding:0 5%}
.shelf--l{left:1%;transform:skewY(6deg)}.shelf--r{right:1%;transform:skewY(-6deg)}
.shelf span{width:22%;aspect-ratio:1;border-radius:50%;border:var(--line) solid var(--ink)}
.shelf span:nth-child(1){background:var(--org)}.shelf span:nth-child(2){background:var(--mint)}.shelf span:nth-child(3){background:var(--pink)}
.signbot{position:absolute;left:50%;top:6%;width:min(18vw,180px);height:44px;margin-left:min(-9vw,-90px);border-radius:22px;background:#3B79F0;border:var(--line) solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.signbot i{position:absolute;top:12px;width:12px;height:18px;background:var(--ink);border-radius:6px}
.signbot i:first-child{left:36%}.signbot i:last-child{right:36%}
.bluecloud{position:absolute;bottom:14%;width:22%;height:14%;border-radius:80px;background:#4A6CFF;border:var(--line) solid var(--ink);box-shadow:inset 0 -18px 0 #2A45B0}
.bluecloud--l{left:-4%}.bluecloud--r{right:-4%}
.ministar{position:absolute;left:36%;top:26%;width:70px;height:70px;background:linear-gradient(135deg,#fff,var(--yel),var(--mint),var(--pink),var(--vio));clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 12px rgba(255,255,255,.8));opacity:0}
.host{position:absolute;left:0;bottom:22%;width:min(22vw,260px);transform:translateX(-120%)}
.host__img{width:100%;aspect-ratio:1;border-radius:40% 40% 46% 46%;overflow:hidden;border:var(--line) solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff}
.host__img img{width:100%;height:100%;object-fit:cover;filter:saturate(1.3)}
.host__mic{position:absolute;left:-6%;bottom:-8%;padding:10px 12px;border-radius:14px;background:var(--pink);color:var(--yel);font-family:var(--ff-mono);font-size:14px;border:var(--line) solid var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(-12deg)}
.host__bub{position:absolute;right:-20%;top:-10%;padding:6px 10px;border-radius:99px;background:#fff;color:var(--pink);font-family:var(--ff-mono);font-size:12px;border:var(--line) solid var(--ink)}
.micchar--fin{right:4%;bottom:20%;left:auto;width:min(14vw,150px);height:min(15vw,164px);transform:translateX(160%)}
.micchar--fin b{position:absolute;right:-30%;top:-20%;padding:6px 10px;border-radius:99px;background:var(--yel);color:var(--ink);font-family:var(--ff-mono);font-size:12px;border:var(--line) solid var(--ink)}
.ribbon{position:absolute;bottom:10%;width:14%;height:20%;border:16px solid var(--org);border-color:var(--org) transparent transparent var(--org);border-radius:50%;box-shadow:0 0 0 var(--line) var(--ink)}
.ribbon--a{left:26%;transform:rotate(30deg)}.ribbon--b{right:26%;border-color:var(--mint) var(--mint) transparent transparent;transform:rotate(-30deg)}
.logo{position:absolute;left:50%;top:44%;width:min(70vw,880px);transform:translate(-50%,-50%);z-index:5;text-align:center}
.logo__mega{position:absolute;left:8%;top:-24%;width:60%;height:150%;background:#E8203C;border:var(--line) solid var(--ink);border-radius:50% 60% 60% 50%/40% 60% 60% 40%;box-shadow:inset -30px -20px 0 #B21A48,10px 12px 0 var(--ink);transform:scale(0);z-index:-1}
.logo__badge{position:absolute;left:50%;top:-38%;transform:translate(-50%,-160%);padding:10px 20px;border-radius:99px;background:var(--yel);color:var(--pink);font-family:var(--ff-mono);font-size:clamp(12px,1.4vw,20px);border:var(--line) solid var(--ink);box-shadow:4px 4px 0 var(--ink);white-space:nowrap}
.logo__word{display:flex;align-items:center;justify-content:center;gap:.1em;line-height:1;transform:rotate(-4deg)}
.logo__fun{font-family:var(--ff-disp);font-size:clamp(56px,11vw,160px);color:#fff;-webkit-text-stroke:3px var(--ink);text-shadow:6px 6px 0 var(--blue3),10px 10px 0 var(--ink);transform:scale(0)}
.logo__cn{font-family:var(--ff-cn);font-weight:900;font-size:clamp(50px,9.6vw,140px);color:var(--yel);-webkit-text-stroke:3px var(--ink);text-shadow:6px 6px 0 var(--pink),10px 10px 0 var(--ink);clip-path:inset(0 100% 0 0);white-space:nowrap}
.logo__sub{margin-top:18px;font-family:var(--ff-mono);font-size:clamp(10px,1.1vw,15px);letter-spacing:.14em;color:#fff;text-shadow:2px 2px 0 var(--ink);opacity:0}
.finale-cta{position:absolute;left:50%;bottom:8%;transform:translate(-50%,30px);z-index:6;display:flex;gap:14px;opacity:0}
.btn{display:inline-block;padding:14px 26px;border-radius:99px;font-family:var(--ff-mono);font-size:12px;letter-spacing:.06em;border:var(--line) solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.btn--y{background:var(--yel);color:var(--ink)}
.btn--ghost{background:#fff;color:var(--ink)}

/* ─── lineup + footer ─── */
.lineup{position:relative;padding:14vh 6vw 10vh;background:var(--mag);
  background-image:radial-gradient(circle,rgba(0,0,0,.18) 0 1.2px,transparent 1.8px);background-size:7px 7px}
.lineup__head{max-width:900px;margin-bottom:6vh}
.lineup__head h2{font-family:var(--ff-disp);font-size:clamp(34px,6vw,84px);line-height:1;-webkit-text-stroke:1.5px var(--ink);text-shadow:6px 6px 0 var(--ink)}
.lineup__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}
.lineup__grid article{background:#fff;border:var(--line) solid var(--ink);border-radius:22px;padding:12px;box-shadow:8px 8px 0 var(--ink);color:var(--ink);transform:rotate(-2deg);transition:transform .25s}
.lineup__grid article:nth-child(even){transform:rotate(2deg)}
.lineup__grid article:hover{transform:rotate(0) translateY(-6px)}
.lineup__grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:var(--line) solid var(--ink);filter:saturate(1.3)}
.lineup__grid h3{font-family:var(--ff-mono);font-size:14px;margin-top:12px}
.lineup__grid p{font-size:13px;opacity:.7;margin-top:2px}
.foot{background:var(--navy);padding:14vh 6vw 6vh;position:relative;overflow:hidden}
.foot__cta{max-width:800px}
.foot h2{font-family:var(--ff-disp);font-size:clamp(50px,11vw,150px);line-height:.9;color:var(--yel);-webkit-text-stroke:2px var(--ink);text-shadow:8px 8px 0 var(--pink),12px 12px 0 var(--ink)}
.foot h2 span{color:#fff}
.foot p{margin:24px 0;font-size:16px;max-width:44ch}
.foot__form{display:flex;gap:10px;flex-wrap:wrap;position:relative}
.foot__form input{flex:1 1 260px;padding:16px 20px;border-radius:99px;border:var(--line) solid var(--ink);background:#fff;color:var(--ink);outline:none;box-shadow:5px 5px 0 var(--ink)}
.foot__form button{padding:16px 26px;border-radius:99px;border:var(--line) solid var(--ink);background:var(--yel);font-family:var(--ff-mono);font-size:12px;cursor:none;box-shadow:5px 5px 0 var(--ink)}
.foot__ok{display:none;font-family:var(--ff-mono);font-size:12px;color:var(--mint);align-self:center}
.foot__form.is-done input,.foot__form.is-done button{display:none}.foot__form.is-done .foot__ok{display:block}
.foot__meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:12vh;font-family:var(--ff-mono);font-size:10px;letter-spacing:.08em;opacity:.7}

/* ─── responsive ─── */
@media (max-width:900px){
  .hud{padding:12px 14px}.hud__mid,.hud__meta{display:none}
  .sc h2{font-size:clamp(28px,8.5vw,54px)}
  .s1copy{top:16%;left:6%}
  .lens{width:60vw;height:60vw;top:20%}.lens--l{left:-14%}.lens--r{right:-14%}
  .bridge{width:18vw;height:10vw;margin-left:-9vw;top:34%}
  .micchar--big{width:26vw;height:30vw;margin-left:-13vw;top:56%}
  .set{width:190vw}
  .tv{left:40vw;width:60vw;top:14%}
  .statue{left:106vw;width:44vw}
  .talkshow{left:110vw;font-size:70px}
  .stk--pun{left:8vw}.stk--face{left:150vw}.stk--bolt{left:170vw}.stk--call{left:96vw}.stk--heart{left:104vw}
  .cam{left:150vw;width:50vw}
  .s3copy{left:6vw;bottom:24%;max-width:82vw}
  .pill{width:64vw;height:15vw}.pill--m,.pill--v{width:56vw}
  .hero-pill{width:84vw;height:28vw;margin:-14vw 0 0 -42vw}
  .topics{font-size:16px}
  .s4copy,.s5copy,.s2copy{bottom:6%;max-width:88vw}
  .skater{width:36vmin;height:36vmin;margin:-18vmin 0 0 -18vmin}
  .logo{width:92vw;top:40%}
  .logo__word{flex-direction:column;gap:0}
  .logo__badge{top:-20%}
  .host{width:34vw}.micchar--fin{width:24vw;height:26vw}
  .finale-cta{flex-direction:column;align-items:center;bottom:5%}
  .foot__meta{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}