.shorts-hero-slide{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 74% 18%,#89e83b2b,transparent 28%),radial-gradient(circle at 42% 110%,#253a18 0,transparent 47%),linear-gradient(145deg,#071008,#15100b 62%,#050805);color:#f5f8ef}
.shorts-hero-slide:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 63px,#ffffff05 63px 64px),linear-gradient(transparent 67%,#000a);pointer-events:none}.shorts-hero-sky i{position:absolute;width:3px;height:3px;border-radius:50%;background:#dcffb1;box-shadow:0 0 12px #a5ff40;animation:shortsStar 2.4s infinite}.shorts-hero-sky i:nth-child(1){left:48%;top:15%}.shorts-hero-sky i:nth-child(2){left:83%;top:10%;animation-delay:.8s}.shorts-hero-sky i:nth-child(3){left:66%;top:34%;animation-delay:1.6s}
.shorts-hero-copy{position:absolute;z-index:4;left:5%;top:7%;width:36%;max-width:490px}.shorts-hero-kicker{display:flex;align-items:center;gap:8px;color:#b9ff69;font:900 10px/1 Arial,sans-serif;letter-spacing:.2em}.shorts-hero-kicker i{width:8px;height:8px;border-radius:50%;background:#ff3434;box-shadow:0 0 12px #ff3434;animation:shortsLive 1.2s steps(2,end) infinite}.shorts-hero-copy h2{margin:14px 0 10px;font-size:clamp(30px,4vw,60px);line-height:.91;letter-spacing:-.055em}.shorts-hero-copy h2 em{color:#baff63;font-style:normal;text-shadow:0 0 24px #8cff0042}.shorts-hero-copy>p{max-width:390px;margin:0;color:#b3bea9;font-size:13px;line-height:1.55}.shorts-hero-count{display:flex;align-items:center;gap:12px;margin:16px 0}.shorts-hero-count strong{min-width:72px;color:#fff;font:900 clamp(32px,4vw,56px)/.8 monospace;text-shadow:0 0 20px #9cff3f70}.shorts-hero-count span{padding-left:11px;border-left:2px solid #9cff3f;color:#9bad91;font:800 8px/1.25 monospace;letter-spacing:.16em}
.shorts-youtube-cta{position:absolute;z-index:8;left:61%;top:62%;display:flex;align-items:center;gap:11px;width:max-content;max-width:330px;padding:10px 15px 10px 10px;border:1px solid #b9ff696e;border-radius:15px;background:linear-gradient(135deg,#16230f,#090c08 58%,#251009);color:#fff;text-decoration:none;box-shadow:0 12px 30px #000b,0 0 0 1px #000 inset,0 0 24px #8cff1926;transform:translateX(-50%);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;isolation:isolate}.shorts-youtube-cta:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 20%,#d9ff8a2e 43%,transparent 62%);transform:translateX(-120%);transition:transform .55s ease}.shorts-youtube-flag{position:relative;display:grid;place-items:center;width:44px;height:34px;flex:0 0 44px;border-radius:10px;background:#e52620;box-shadow:0 0 18px #ff2e2552;overflow:hidden}.shorts-youtube-flag i{position:absolute;inset:-12px;background:repeating-linear-gradient(135deg,transparent 0 8px,#ffffff22 8px 10px);animation:youtubeFlag 4s linear infinite}.shorts-youtube-flag b{position:relative;color:#fff;font-size:16px;text-shadow:0 2px 4px #0008}.shorts-youtube-copy{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.shorts-youtube-copy small{color:#a6bc97;font:800 7px/1 monospace;letter-spacing:.18em}.shorts-youtube-copy strong{color:#f7fff0;font:900 11px/1.1 Arial,sans-serif;letter-spacing:.035em}.shorts-youtube-arrow{color:#baff63;font-size:18px;transition:transform .25s ease}.shorts-youtube-cta:hover,.shorts-youtube-cta:focus-visible{border-color:#baff63;box-shadow:0 16px 36px #000d,0 0 30px #9cff3b55;transform:translateX(-50%) translateY(-5px) rotate(-1deg);outline:none}.shorts-youtube-cta:hover:before,.shorts-youtube-cta:focus-visible:before{transform:translateX(110%)}.shorts-youtube-cta:hover .shorts-youtube-flag,.shorts-youtube-cta:focus-visible .shorts-youtube-flag{animation:youtubeJolly .55s ease}.shorts-youtube-cta:hover .shorts-youtube-arrow,.shorts-youtube-cta:focus-visible .shorts-youtube-arrow{transform:translate(3px,-3px)}
.shorts-hero-clips{position:absolute;z-index:3;left:42%;right:3%;top:8%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start}.shorts-hero-clip{position:relative;min-width:0;aspect-ratio:9/12;padding:0;overflow:hidden;border:1px solid #ffffff2b;border-radius:14px;background:#080b08;color:#fff;cursor:pointer;box-shadow:0 18px 34px #0008;animation:shortsClipIn .55s var(--clip-delay) both;transition:.2s}.shorts-hero-clip:nth-child(2){margin-top:7%}.shorts-hero-clip:nth-child(3){margin-top:14%}.shorts-hero-clip:hover,.shorts-hero-clip:focus-visible{z-index:5;transform:translateY(-7px) rotate(0);border-color:#b8ff68;box-shadow:0 24px 48px #000a,0 0 24px #9cff3130;outline:none}.shorts-hero-clip img{width:100%;height:72%;display:block;object-fit:cover;filter:saturate(.9) brightness(.76);transition:.35s}.shorts-hero-clip:hover img{filter:saturate(1.12) brightness(1);transform:scale(1.04)}.shorts-hero-clip:after{content:"";position:absolute;inset:45% 0 28%;background:linear-gradient(transparent,#080b08)}.shorts-hero-play{position:absolute;z-index:2;left:50%;top:39%;display:grid;place-items:center;width:42px;height:42px;padding-left:3px;border-radius:50%;transform:translate(-50%,-50%);background:#a9f344e8;color:#102008;box-shadow:0 0 22px #9cff2760}.shorts-hero-clip strong{position:absolute;z-index:2;left:10px;right:10px;bottom:11%;font-size:10px;line-height:1.25;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shorts-hero-clip small{position:absolute;z-index:2;left:10px;bottom:4%;color:#9cff58;font:8px monospace}.shorts-hero-loading,.shorts-hero-fallback{grid-column:1/-1;padding:28px;border:1px dashed #ffffff30;border-radius:14px;color:#bdc8b6;text-align:center;text-decoration:none}
.shorts-hero-crowd{position:absolute;z-index:5;left:0;right:0;bottom:-8%;pointer-events:none}.shorts-hero-crowd img{display:block;width:100%;height:auto;filter:drop-shadow(0 -8px 22px #0009);animation:shortsCrowd 3.6s ease-in-out infinite}.shorts-hero-crowd .glint{position:absolute;width:22px;height:7px;border-radius:50%;background:linear-gradient(90deg,#35e9ff,#fff 48%,#ff365b);filter:blur(1px);opacity:0;box-shadow:0 0 13px #fff;animation:glassesFlicker 2.8s infinite}.glint-1{left:9%;bottom:45%;animation-delay:.2s}.glint-2{left:24%;bottom:24%;animation-delay:1.1s}.glint-3{right:22%;bottom:22%;animation-delay:1.7s}.glint-4{right:10%;bottom:40%;animation-delay:2.3s}
@keyframes shortsLive{50%{opacity:.35}}@keyframes shortsStar{50%{opacity:.25;transform:scale(.55)}}@keyframes shortsClipIn{from{opacity:0;transform:translateY(15px) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes shortsCrowd{50%{transform:translateY(-3px)}}@keyframes glassesFlicker{0%,78%,100%{opacity:0}80%{opacity:.95;transform:scaleX(.65)}84%{opacity:.2}88%{opacity:.9;transform:scaleX(1.2)}92%{opacity:0}}@keyframes youtubeFlag{to{transform:translateX(25px)}}@keyframes youtubeJolly{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.08)}60%{transform:rotate(6deg) scale(1.12)}}
@media(max-width:900px){.shorts-hero-copy{left:4%;top:5%;width:43%}.shorts-hero-clips{left:46%;right:2%;gap:7px}.shorts-hero-copy>p{display:none}.shorts-hero-copy h2{font-size:clamp(27px,5vw,44px)}.shorts-youtube-cta{left:58%;top:61%;padding:8px 12px 8px 8px}.shorts-hero-crowd{bottom:-3%}}
@media(max-width:600px){.shorts-hero-copy{left:5%;right:5%;top:5%;width:auto;max-width:none}.shorts-hero-copy h2{font-size:32px}.shorts-hero-count{margin:10px 0}.shorts-hero-count strong{font-size:34px}.shorts-youtube-cta{left:50%;top:45%;width:90%;max-width:290px;justify-content:center;padding:9px 13px}.shorts-youtube-copy strong{font-size:10px}.shorts-hero-clips{left:5%;right:5%;top:56%;gap:6px}.shorts-hero-clip{aspect-ratio:1/1}.shorts-hero-clip:nth-child(n){margin-top:0}.shorts-hero-clip img{height:76%}.shorts-hero-clip strong{display:none}.shorts-hero-clip small{bottom:6%}.shorts-hero-crowd{bottom:0}.shorts-hero-crowd img{width:142%;max-width:none;margin-left:-21%}}
@media(prefers-reduced-motion:reduce){.shorts-hero-slide *{animation:none!important;transition:none!important}.shorts-hero-crowd .glint{display:none}}

/* Anchor the channel call-to-action to the slide, not the copy column. */
.shorts-hero-slide>.shorts-youtube-cta{left:50%;top:auto;bottom:22%;transform:translateX(-50%)}
.shorts-hero-slide>.shorts-youtube-cta:hover,.shorts-hero-slide>.shorts-youtube-cta:focus-visible{transform:translateX(-50%) translateY(-5px) rotate(-1deg)}
@media(max-width:900px){.shorts-hero-slide>.shorts-youtube-cta{left:50%;top:auto;bottom:23%}}
@media(max-width:600px){.shorts-hero-slide>.shorts-youtube-cta{left:50%;top:auto;bottom:24%;width:82%;max-width:290px}}

@media(max-width:600px){
  .shorts-hero-slide>.shorts-youtube-cta{bottom:28%;width:auto;max-width:220px;gap:7px;padding:5px 8px 5px 6px;border-radius:11px}
  .shorts-hero-slide>.shorts-youtube-cta .shorts-youtube-flag{width:30px;height:24px;flex-basis:30px;border-radius:7px}
  .shorts-hero-slide>.shorts-youtube-cta .shorts-youtube-flag b{font-size:11px}
  .shorts-hero-slide>.shorts-youtube-cta .shorts-youtube-copy small{display:none}
  .shorts-hero-slide>.shorts-youtube-cta .shorts-youtube-copy strong{font-size:8px;letter-spacing:.025em}
  .shorts-hero-slide>.shorts-youtube-cta .shorts-youtube-arrow{font-size:12px}
  .shorts-hero-play{width:47px;height:47px;padding:0;border:2px solid #c8ff7a;background:#10180d url('/droidpirate-mascot-logo-512.png') center/88% auto no-repeat;color:transparent;box-shadow:0 0 0 5px #0a100bbf,0 0 20px #9cff4380;animation:mobileDroidPlay 1.25s ease-in-out infinite}
  .shorts-hero-play:after{content:"▶";display:grid;place-items:center;position:absolute;right:-5px;bottom:-4px;width:20px;height:20px;padding-left:2px;border:2px solid #081006;border-radius:50%;background:#aaff49;color:#102008;font:900 9px/1 Arial,sans-serif;box-shadow:0 0 10px #9cff35}
}
@keyframes mobileDroidPlay{0%,100%{transform:translate(-50%,-50%) translateY(0) scale(1)}50%{transform:translate(-50%,-50%) translateY(-4px) scale(1.07);box-shadow:0 0 0 7px #8fff2422,0 0 25px #9cff43a0}}
.shorts-mobile-launch{display:none}
@media(max-width:600px){
  .shorts-mobile-launch{position:absolute;z-index:8;left:5%;top:43%;display:flex;align-items:center;gap:7px;min-height:38px;padding:6px 12px 6px 7px;border:1px solid #baff66;border-radius:999px;background:linear-gradient(135deg,#b3ff52,#7bdb22);color:#0b1607;box-shadow:0 8px 22px #0009,0 0 18px #93ff3548;font:900 10px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
  .shorts-mobile-launch span{display:grid;place-items:center;width:25px;height:25px;padding-left:2px;border-radius:50%;background:#101b0d;color:#baff66;font-size:10px;box-shadow:inset 0 0 0 1px #ffffff21}
  .shorts-mobile-launch:active{transform:scale(.95)}
  .shorts-mobile-launch:focus-visible{outline:2px solid #fff;outline-offset:3px}
  .shorts-mobile-launch:disabled{opacity:.45;filter:grayscale(1)}
}