@font-face{font-family:"PS2P";src:url(assets/fonts/PressStart2P-Regular.ttf) format("truetype");font-display:swap}
:root{--ind:#2b1b6b;--ind2:#3d2a94;--pink:#ff4fa3;--cream:#fff4fb}
*{box-sizing:border-box}body{margin:0;background:var(--ind);color:var(--cream);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3{font-family:"PS2P",monospace;line-height:1.4;color:var(--pink);text-shadow:3px 3px 0 #000}
a{color:var(--pink)}section{padding:2rem 1rem;max-width:1100px;margin:auto}
.draft{background:var(--pink);color:#000;text-align:center;font-weight:700;padding:.4rem}
.hero{text-align:center}.hero img{width:100%;max-width:360px;max-height:60vh;object-fit:contain;border:4px solid #000;border-radius:16px;box-shadow:6px 6px 0 var(--pink)}
.hero h1{font-size:1.4rem}.tag{font-family:"PS2P";font-size:.8rem;color:#fff}
video{width:100%;max-width:900px;max-height:80vh;display:block;margin:auto;border:4px solid #000;border-radius:12px;box-shadow:6px 6px 0 #000;background:#000}
.cast{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.cast figure{margin:0;background:var(--ind2);border:3px solid #000;border-radius:14px;padding:.6rem;text-align:center;box-shadow:4px 4px 0 var(--pink)}
.cast img{width:100%;height:180px;object-fit:contain}.cast figcaption{font-size:.85rem}
.socials{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.socials a{font-family:"PS2P";font-size:.7rem;padding:.8rem 1rem;border:3px solid #000;border-radius:10px;background:var(--cream);color:var(--ind);text-decoration:none}
.socials a.yt{background:#ff0033;color:#fff;font-size:.9rem;padding:1.1rem 1.4rem}
.credits{font-size:.85rem}footer{text-align:center;padding:2rem 1rem;border-top:4px dashed var(--pink);font-size:.9rem}
@media(min-width:768px){.cast{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:2.2rem}}
.contact{display:grid;gap:1rem;max-width:600px}.contact label{display:grid;gap:.3rem;font-weight:600}
.contact input,.contact textarea{font:inherit;padding:.7rem;border:3px solid #000;border-radius:10px;background:var(--cream)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.launch{position:relative;justify-self:start;font-family:"PS2P",monospace;font-size:1rem;color:#fff;background:var(--pink);border:4px solid #000;border-radius:0;padding:1.1rem 1.6rem;box-shadow:6px 6px 0 #120a3a,inset -4px -4px 0 #c42a78,inset 4px 4px 0 #ff9bcd;cursor:pointer;text-shadow:2px 2px 0 #000;image-rendering:pixelated}
.launch:hover,.launch:focus-visible{animation:wobble .5s ease-in-out infinite}
.launch:active{transform:translate(4px,4px);box-shadow:2px 2px 0 #120a3a}
.flame{position:absolute;left:50%;bottom:-4px;width:24px;height:0;transform:translateX(-50%);background:linear-gradient(#ffe14f,#ff7a1a 60%,transparent);clip-path:polygon(0 0,100% 0,50% 100%);transition:height .2s}
.launch:hover .flame,.launch:focus-visible .flame{height:30px;bottom:-34px;animation:flick .12s infinite alternate}
@keyframes wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg) translateY(-2px)}75%{transform:rotate(3deg) translateY(-2px)}}
@keyframes flick{from{height:22px;opacity:.8}to{height:32px;opacity:1}}
.micro{margin:.4rem 0 0;font-size:.8rem;opacity:.8;font-style:italic}
@media(prefers-reduced-motion:reduce){.launch:hover{animation:none}}
.hero{display:grid;gap:1.5rem}.blurb img{max-width:260px}
.vwrap{width:100%;max-width:400px;margin:auto;aspect-ratio:9/16}
.vplayer{width:100%;height:100%;max-height:none;border:4px solid #000;border-radius:14px;box-shadow:6px 6px 0 var(--pink);background:#000;object-fit:contain}
.roast{font-weight:700;color:#ffd1e8}
.strip{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.strip .ecard{flex:0 0 140px}
.ecard{display:block;text-decoration:none;color:var(--cream);font-size:.85rem;font-weight:600}
.ecard img{width:100%;aspect-ratio:9/16;object-fit:cover;border:3px solid #000;border-radius:10px;box-shadow:4px 4px 0 var(--pink)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chip{font:inherit;font-size:.8rem;padding:.4rem .8rem;border:2px solid #000;border-radius:99px;background:var(--cream);cursor:pointer}.chip.on{background:var(--pink);color:#fff}
.eplayout{display:grid;gap:1.5rem}.pn{display:flex;justify-content:space-between;font-family:"PS2P";font-size:.7rem}
@media(min-width:900px){.hero,.eplayout{grid-template-columns:1fr 400px;align-items:start;text-align:left}.blurb img{max-width:300px}.grid{grid-template-columns:repeat(4,1fr)}}
.cast .mystery{background:repeating-linear-gradient(45deg,var(--ind2),var(--ind2) 10px,#1a0f4a 10px,#1a0f4a 20px);border-style:dashed}
.cast .mystery a{color:inherit;text-decoration:none;display:block}.cast .mystery b{font-family:"PS2P",monospace;font-size:.7rem;color:var(--pink)}
.cast .mystery a:hover b,.cast .mystery a:focus-visible b{text-decoration:underline}

.banner img{display:block;width:100%;max-width:1600px;margin:0 auto;border-bottom:4px solid var(--pink)}
.miniplate{text-align:center;padding:1rem}.miniplate img{max-width:260px;width:70%}
.hero img.plate{border:0;box-shadow:none;border-radius:0;max-width:320px}
.gtitle{font-family:"PS2P",monospace}.gtitle .w{color:#fff}.gtitle .p{color:var(--pink)}
.email a{font-family:"PS2P",monospace;font-size:.75rem;word-break:break-all}
/* rotating hero */
.hrot{position:relative;overflow:hidden;height:620px;background:#2e1a6e url(assets/hero/bg_desktop.jpg) center/cover;border-bottom:4px solid var(--pink)}
.hrot .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s .8s}
.hrot .slide.on{opacity:1;visibility:visible;transition:opacity .8s ease}
.hrot .c{position:absolute;text-align:center;z-index:2}.hrot .plate{display:block;width:100%;filter:drop-shadow(6px 6px 0 #120828)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.htag{display:inline-block;margin:14px 0 0;background:rgba(24,12,64,.8);padding:8px 10px;border-radius:6px;font-family:"PS2P",monospace;color:#ffdc5a;font-size:18px;text-shadow:3px 3px 0 #120828}
.hbtn{display:inline-block;margin-top:22px;font-family:"PS2P",monospace;font-size:14px;color:#fff!important;background:var(--pink);padding:16px 20px;border:4px solid #120828;box-shadow:5px 5px 0 #120828;text-decoration:none;border-radius:6px}
.sB .c{left:8%;top:50%;transform:translateY(-50%);width:520px}.sB .mk{position:absolute;right:10%;bottom:-40px;height:640px}.sB .st{position:absolute;right:30%;bottom:30px;height:300px}
.sA .c{left:50%;top:50%;transform:translate(-50%,-55%);width:560px}.sA .mk{position:absolute;right:9%;top:16%;height:300px;transform:rotate(28deg)}
.sC .c{left:50%;top:40px;transform:translateX(-50%);width:520px}.sC .burst{position:absolute;left:50%;top:180px;width:900px;height:900px;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(255,62,165,.28) 0 10deg,transparent 10deg 20deg);border-radius:50%}
.sC .row{position:absolute;bottom:44px;left:0;right:0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:0 10px}.sC figure{margin:0;width:120px;text-align:center}
.sC .row img{width:104px;height:104px;border-radius:50%;background:#2e1a6e;border:4px solid var(--pink);box-shadow:4px 4px 0 #120828;object-fit:cover}
.sC figcaption{display:inline-block;margin-top:8px;font:700 13px system-ui,sans-serif;background:rgba(24,12,64,.85);padding:3px 6px;border-radius:4px}
.sD .c{left:50%;top:44%;transform:translate(-50%,-50%);width:540px}.sD .st{position:absolute;left:6%;bottom:20px;height:520px;animation:hup 3s ease-in-out infinite alternate}.sD .cab{position:absolute;right:8%;bottom:40px;height:190px;animation:hhov 1.2s ease-in-out infinite alternate}
@keyframes hup{to{transform:translateY(-14px)}}@keyframes hhov{to{transform:translateY(-10px)}}
.hrot .dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5}
.hrot .dot{width:14px;height:14px;border-radius:50%;border:3px solid #120828;background:#fff;opacity:.7;padding:0;cursor:pointer}.hrot .dot.on{background:var(--pink);opacity:1}
.hrot .dot:focus-visible{outline:3px solid #ffdc5a;outline-offset:2px}
@media(max-width:600px){
.hrot{height:640px;background-image:url(assets/hero/bg_mobile.jpg)}.htag{font-size:11px}.hbtn{font-size:11px}
.sB .c{left:50%;top:40px;transform:translateX(-50%);width:86vw}.sB .mk{right:3%;height:300px;bottom:-20px}.sB .st{left:5%;right:auto;height:170px;bottom:30px}
.sA .c{width:84vw;top:46%}.sA .mk{height:170px;right:2%;top:4%}
.sC .c{width:80vw;top:24px}.sC .row{gap:6px 4px;bottom:40px}.sC figure{width:31%}.sC .row img{width:62px;height:62px;border-width:3px}.sC figcaption{font-size:11px;margin-top:4px}
.sD .c{width:84vw;top:34%}.sD .st{height:300px;left:2%}.sD .cab{height:100px;right:2%;bottom:40px}}
@media(prefers-reduced-motion:reduce){.hrot .slide{transition:none}.sD .st,.sD .cab{animation:none}}
@media(prefers-reduced-motion:reduce){.hrot .dots{display:none}}

/* Ep2 Cybercab + Starship sticker: mobile hero only, bottom-left */
.ep2cab{display:none}
@media(max-width:767px){.hrot{position:relative}.ep2cab{display:block;transition:opacity .6s ease;position:absolute;left:10px;bottom:34px;width:120px;height:auto;z-index:4;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}}
.hrot:has(.sD.on) .ep2cab,.hrot.s2 .ep2cab{opacity:0}
.contact button{justify-self:start;cursor:pointer;border:3px solid #000}
.thanks{text-align:center;min-height:70vh;display:grid;place-content:center;gap:1rem}.thanks .plate{max-width:320px;width:80%;margin:auto}.thanks h1{color:var(--pink)}