/* PINMANIA V5.13.3 — cinematic-only visual layer. Never touches gameplay. */
html.pmec-lock,html.pmec-lock body{overflow:hidden!important}
#pmEntryCinematic{position:fixed;inset:0;z-index:28000;display:none;overflow:hidden;background:#040510;color:#fff;font-family:Arial,Helvetica,sans-serif;isolation:isolate}
#pmEntryCinematic.active{display:block}.pmec-stage{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#09142c 0%,#35194b 43%,#080b17 100%);perspective:900px}
.pmec-letterbox{position:absolute;left:0;right:0;height:6.5vh;background:#020307;z-index:30}.pmec-letterbox.top{top:0}.pmec-letterbox.bottom{bottom:0}
.pmec-sky{position:absolute;inset:-15%;background:radial-gradient(ellipse at 72% 22%,rgba(255,75,174,.35),transparent 28%),radial-gradient(ellipse at 24% 25%,rgba(63,205,255,.28),transparent 28%);animation:skyDrift 10s ease-in-out infinite alternate}.pmec-sky i{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:13vw 8vh #fff,31vw 2vh #fff,48vw 10vh #cfe8ff,72vw 5vh #fff,84vw 18vh #fff,57vw 21vh #fff,16vw 25vh #fff;opacity:.7}.pmec-sky i:nth-child(2){left:18%;top:14%;transform:scale(.55)}.pmec-sky i:nth-child(3){left:47%;top:4%;transform:scale(.8)}
.pmec-moon{position:absolute;right:9%;top:11%;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d7d9ff 65%,#8489bb);box-shadow:0 0 70px rgba(164,177,255,.38)}
.pmec-farcity{position:absolute;left:-7%;right:-7%;bottom:22%;height:48%;transform-origin:50% 100%;transition:transform 2.2s cubic-bezier(.16,.8,.22,1),filter .8s ease}.pmec-farcity:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 2%,#111a35 2% 11%,transparent 11% 13%,#1b2545 13% 18%,transparent 18% 21%,#111935 21% 31%,transparent 31% 33%,#182143 33% 41%,transparent 41% 45%,#101933 45% 55%,transparent 55% 58%,#20294d 58% 70%,transparent 70% 73%,#10192f 73% 81%,transparent 81% 84%,#202b4f 84% 94%,transparent 94%);clip-path:polygon(0 100%,0 42%,6% 42%,6% 16%,9% 16%,9% 65%,14% 65%,14% 30%,19% 30%,19% 73%,24% 73%,24% 7%,28% 7%,28% 60%,34% 60%,34% 25%,39% 25%,39% 69%,45% 69%,45% 38%,50% 38%,50% 15%,54% 15%,54% 56%,61% 56%,61% 4%,65% 4%,65% 70%,71% 70%,71% 28%,76% 28%,76% 62%,82% 62%,82% 11%,87% 11%,87% 53%,92% 53%,92% 32%,97% 32%,97% 100%);filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}.pmec-farcity:after{content:"";position:absolute;inset:14% 0 0;background:repeating-linear-gradient(90deg,transparent 0 3.6vw,rgba(96,224,255,.7) 3.6vw calc(3.6vw + 3px),transparent calc(3.6vw + 3px) 7vw),repeating-linear-gradient(180deg,transparent 0 22px,rgba(255,75,171,.35) 22px 24px);opacity:.43;mix-blend-mode:screen}.pmec-farcity.push{transform:scale(1.09) translateY(2%)}
.pmec-neon-sign{position:absolute;z-index:3;font-size:10px;font-weight:900;letter-spacing:.18em;border:1px solid currentColor;padding:5px 7px;border-radius:4px;box-shadow:0 0 16px currentColor;background:rgba(5,8,20,.55)}.pmec-neon-sign.s1{left:7%;top:35%;color:#ff57b6;transform:rotate(-2deg)}.pmec-neon-sign.s2{right:9%;top:42%;color:#45ddff;transform:rotate(2deg)}
.pmec-street{position:absolute;left:-25%;right:-25%;bottom:-4%;height:38%;background:linear-gradient(180deg,#1a1d2b,#080a10 52%);clip-path:polygon(26% 0,74% 0,100% 100%,0 100%);z-index:4}.pmec-street:before{content:"";position:absolute;left:49.6%;top:0;width:.8%;height:100%;background:repeating-linear-gradient(#ffe26e 0 18px,transparent 18px 40px);filter:drop-shadow(0 0 5px #ffe26e)}.pmec-street i{position:absolute;top:0;width:2px;height:100%;background:rgba(255,255,255,.09)}.pmec-street i:nth-child(1){left:34%;transform:rotate(8deg)}.pmec-street i:nth-child(2){right:34%;transform:rotate(-8deg)}
.pmec-policeglow{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(29,118,255,.18),transparent 35%,transparent 65%,rgba(255,38,82,.18));mix-blend-mode:screen}.chase .pmec-policeglow{opacity:1;animation:police .25s steps(2,end) infinite}
.pmec-car{position:absolute;z-index:11;width:112px;height:54px;bottom:12%;left:50%;transform:translateX(-50%) translateY(130px) scale(.75);opacity:0}.pmec-car:before{content:"";position:absolute;left:0;right:0;top:16px;bottom:7px;border-radius:22px 28px 10px 10px;background:linear-gradient(130deg,#ff3b9c,#7f34f4 70%);border:2px solid rgba(255,255,255,.2);box-shadow:0 16px 28px rgba(0,0,0,.45),0 0 30px rgba(255,52,164,.25)}.pmec-car:after{content:"";position:absolute;left:24px;top:3px;width:64px;height:28px;border-radius:22px 22px 6px 6px;background:#14213a;border:2px solid rgba(255,255,255,.24)}.pmec-car span{position:absolute;right:-5px;top:25px;width:20px;height:8px;border-radius:9px;background:#ffe182;box-shadow:0 0 18px #ffe182}.pmec-car i{position:absolute;bottom:0;width:21px;height:21px;border-radius:50%;background:#03050a;border:4px solid #252b3a;z-index:2}.pmec-car i:nth-of-type(1){left:15px}.pmec-car i:nth-of-type(2){right:15px}.pmec-car.drive{opacity:1;animation:heroDrive 2.25s cubic-bezier(.25,.76,.26,1) both}.chase-car{width:92px;filter:saturate(.3) brightness(.72)}.chase-car:before{background:linear-gradient(130deg,#20283b,#070a10)}.chase-car.c1{left:23%;animation-delay:.15s!important}.chase-car.c2{left:78%;animation-delay:.3s!important}.chase-car.drive{opacity:1;animation:chaseDrive 2.25s cubic-bezier(.25,.76,.26,1) both}
.pmec-character{position:absolute;z-index:12;bottom:12%;width:102px;height:235px;opacity:0;filter:drop-shadow(0 18px 25px rgba(0,0,0,.5));transform-origin:bottom center;transition:opacity .6s ease,transform .8s cubic-bezier(.17,.84,.3,1),left .9s ease,right .9s ease,bottom .9s ease}.pmec-character.pinny{left:29%;transform:translateX(-28px) scale(.84) rotate(-4deg)}.pmec-character.sparella{right:28%;transform:translateX(28px) scale(.84) rotate(4deg)}.pmec-character.enter{opacity:1}.pmec-character.pinny.enter{transform:translateX(0) scale(1) rotate(-2deg)}.pmec-character.sparella.enter{transform:translateX(0) scale(1) rotate(2deg)}
.pmec-head{position:absolute;left:15px;top:0;width:72px;height:176px;border:3px solid #161b29;border-radius:50% 50% 35% 35%/26% 26% 65% 65%;background:linear-gradient(90deg,#dceaff,#fff 42%,#dbe8f6);box-shadow:inset -8px 0 rgba(29,52,83,.06)}.pmec-neckbands{position:absolute;left:22px;top:48px;width:58px;height:9px;border-radius:9px;background:#f04286;box-shadow:0 12px 0 #fa5b9d;z-index:3}.pmec-eye{position:absolute;top:82px;width:11px;height:16px;border-radius:50%;background:#111625}.pmec-eye.l{left:21px}.pmec-eye.r{right:21px}.pmec-eye:after{content:"";position:absolute;left:2px;top:2px;width:3px;height:5px;border-radius:50%;background:#fff}.pmec-brow{position:absolute;top:74px;width:14px;height:3px;background:#111625;border-radius:4px}.pmec-brow.l{left:18px;transform:rotate(-5deg)}.pmec-brow.r{right:18px;transform:rotate(5deg)}.pmec-mouth{position:absolute;left:27px;top:113px;width:18px;height:10px;border-bottom:4px solid #121726;border-radius:0 0 20px 20px}.pmec-jacket{position:absolute;left:19px;right:18px;top:127px;height:63px;border-radius:16px 16px 25px 25px;background:linear-gradient(145deg,#263953,#121b2a);z-index:4}.sparella .pmec-jacket{background:linear-gradient(145deg,#ff4da6,#7e43ee)}.pmec-hair{position:absolute;left:6px;right:6px;top:-4px;height:92px;border-radius:52% 52% 26% 26%;background:linear-gradient(145deg,#1b132a,#6f2f8d);z-index:-1}.pmec-character .arm,.pmec-character .leg{position:absolute;border:3px solid #151a28;background:#eef5fb;border-radius:99px;transform-origin:50% 5%}.pmec-character .arm{top:132px;width:16px;height:60px}.pmec-character .arm.l{left:6px;transform:rotate(17deg)}.pmec-character .arm.r{right:6px;transform:rotate(-17deg)}.pmec-character .leg{top:181px;width:17px;height:54px}.pmec-character .leg.l{left:27px}.pmec-character .leg.r{right:27px}.pmec-character.look .pmec-brow.l{transform:rotate(13deg)}.pmec-character.look .pmec-brow.r{transform:rotate(-13deg)}.pmec-character.run .arm.l{animation:limb .28s ease-in-out infinite alternate}.pmec-character.run .arm.r{animation:limb .28s ease-in-out infinite alternate-reverse}.pmec-character.run .leg.l{animation:leg .25s ease-in-out infinite alternate}.pmec-character.run .leg.r{animation:leg .25s ease-in-out infinite alternate-reverse}.pmec-character.run .pmec-head{animation:bob .25s ease-in-out infinite alternate}
.pmec-crowncase{position:absolute;left:50%;bottom:22%;z-index:14;width:64px;height:42px;border-radius:8px;background:linear-gradient(145deg,#d8b95b,#805f16);border:3px solid #2d240d;box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 24px rgba(255,220,101,.25);display:grid;place-items:center;opacity:0;transform:translate(-50%,20px) scale(.8);transition:.55s ease}.pmec-crowncase b{font-size:23px;color:#fff0a0}.pmec-crowncase.show{opacity:1;transform:translate(-50%,0) scale(1)}.pmec-crowncase.snatched{opacity:0;transform:translate(180px,-80px) rotate(25deg) scale(.75)}
.pmec-blackball{position:absolute;z-index:13;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 31% 25%,#5a657b,#080a10 60%);border:3px solid #151b29;box-shadow:0 15px 30px rgba(0,0,0,.6);opacity:0}.pmec-blackball i{position:absolute;top:18px;width:8px;height:8px;border-radius:50%;background:#ff345b;box-shadow:0 0 10px #ff345b}.pmec-blackball i:first-child{left:17px}.pmec-blackball i:last-child{right:17px}.pmec-blackball.b1{left:-5%;bottom:19%}.pmec-blackball.b2{right:-5%;bottom:25%}.pmec-blackball.attack{opacity:1}.pmec-blackball.b1.attack{animation:ballAttackL 1.4s cubic-bezier(.15,.7,.22,1) both}.pmec-blackball.b2.attack{animation:ballAttackR 1.4s cubic-bezier(.15,.7,.22,1) both}
.pmec-dragon-gate{position:absolute;z-index:10;left:50%;bottom:11%;width:min(58vw,480px);height:min(54vw,360px);opacity:0;transform:translateX(-50%) scale(.76);transition:.8s cubic-bezier(.17,.84,.3,1)}.pmec-dragon-gate span{position:absolute;bottom:0;width:13%;height:90%;background:linear-gradient(#8e172d,#3b0e1d);border:3px solid #251016;box-shadow:inset 0 0 0 6px #c69a42}.pmec-dragon-gate span:first-child{left:10%}.pmec-dragon-gate span:nth-child(2){right:10%}.pmec-dragon-gate:before,.pmec-dragon-gate:after{content:"";position:absolute;left:2%;right:2%;height:14%;background:linear-gradient(#d6af56,#8b5b21);border:3px solid #37240e;clip-path:polygon(0 35%,7% 0,50% 18%,93% 0,100% 35%,93% 100%,50% 83%,7% 100%)}.pmec-dragon-gate:before{top:4%}.pmec-dragon-gate:after{top:25%;left:8%;right:8%}.pmec-dragon-gate b{position:absolute;left:50%;top:37%;transform:translateX(-50%);font-size:clamp(42px,9vw,82px);color:#ffdf75;text-shadow:0 0 20px rgba(255,63,127,.7)}.pmec-dragon-gate.show{opacity:1;transform:translateX(-50%) scale(1)}
.pmec-pinwing{position:absolute;z-index:16;left:50%;top:24%;width:120px;height:80px;opacity:0;transform:translate(-50%,80px) scale(.55)}.pmec-pinwing:before{content:"";position:absolute;left:44px;top:16px;width:32px;height:54px;border-radius:18px;background:linear-gradient(#eef9ff,#7a8fad);border:3px solid #1a2234;box-shadow:0 0 32px rgba(51,220,255,.45)}.pmec-pinwing i{position:absolute;top:26px;width:52px;height:28px;background:linear-gradient(90deg,#ff49ab,#6f63ff,#44dfff);clip-path:polygon(0 38%,78% 0,100% 50%,78% 100%)}.pmec-pinwing i:first-child{left:0}.pmec-pinwing i:nth-child(2){right:0;transform:scaleX(-1)}.pmec-pinwing b{position:absolute;left:47px;top:62px;width:26px;height:54px;background:linear-gradient(#74eaff,#338cff,transparent);clip-path:polygon(20% 0,80% 0,100% 100%,50% 70%,0 100%);filter:blur(1px)}.pmec-pinwing.launch{opacity:1;animation:wingLaunch 2.1s cubic-bezier(.18,.75,.22,1) forwards}
.pmec-caption{position:absolute;z-index:24;left:max(22px,7vw);bottom:max(11vh,82px);max-width:min(690px,85vw);opacity:0;transform:translateY(24px) scale(.98);transition:.45s ease}.pmec-caption.show{opacity:1;transform:none}.pmec-caption small{display:block;font-size:10px;font-weight:900;letter-spacing:.34em;color:#ff75bd;margin-bottom:10px;text-shadow:0 3px 12px #000}.pmec-caption h2{margin:0;font-size:clamp(37px,8vw,88px);line-height:.84;letter-spacing:-.055em;text-shadow:0 13px 34px rgba(0,0,0,.72)}
.pmec-final{position:absolute;inset:0;z-index:25;display:grid;place-content:center;text-align:center;opacity:0;transform:scale(.82);transition:.72s cubic-bezier(.17,.84,.3,1);pointer-events:none}.pmec-final.show{opacity:1;transform:scale(1)}.pmec-logo-mark{font-size:42px;color:#ffd45e;text-shadow:0 0 24px rgba(255,212,94,.5);margin-bottom:2px}.pmec-final b{font-size:clamp(58px,13vw,132px);line-height:.76;letter-spacing:-.075em;text-shadow:0 20px 55px rgba(0,0,0,.75)}.pmec-final span{font-size:11px;font-weight:900;letter-spacing:.44em;color:#ff6fb9;margin-top:18px}.pmec-final small{margin-top:11px;font-size:8px;font-weight:900;letter-spacing:.25em;color:rgba(255,255,255,.62)}
.pmec-shotflash{position:absolute;inset:0;z-index:27;pointer-events:none;background:#fff;opacity:0}.pmec-shotflash.go{animation:flash .34s ease-out}
.pmec-skip{position:absolute;z-index:31;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));border:1px solid rgba(255,255,255,.2);background:rgba(4,6,15,.55);color:#fff;border-radius:999px;padding:10px 14px;font-size:9px;font-weight:900;letter-spacing:.14em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.pmec-progress{position:absolute;z-index:32;left:8%;right:8%;bottom:calc(3vh + env(safe-area-inset-bottom));height:2px;background:rgba(255,255,255,.12);overflow:hidden}.pmec-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff57b5,#7c55ff,#42dcff)}.pmec-progress i.run{animation:progress 12.35s linear forwards}
#pmEntryCinematic.gate-scene .pmec-farcity{filter:hue-rotate(325deg) brightness(.68);transform:scale(1.14)}#pmEntryCinematic.gate-scene .pmec-character{opacity:.16}#pmEntryCinematic.sky-scene .pmec-farcity{transform:scale(.9) translateY(9%);filter:saturate(1.35) brightness(.95)}#pmEntryCinematic.sky-scene .pmec-character.pinny{left:48%;bottom:22%;transform:translateX(-50%) scale(.75)}#pmEntryCinematic.sky-scene .pmec-character.sparella{right:11%;bottom:14%;transform:scale(.66)}#pmEntryCinematic.finale .pmec-stage{background:radial-gradient(circle at 50% 45%,#42285f,#0a0b16 50%,#020307)}#pmEntryCinematic.finale .pmec-farcity,#pmEntryCinematic.finale .pmec-character,#pmEntryCinematic.finale .pmec-street,#pmEntryCinematic.finale .pmec-neon-sign,#pmEntryCinematic.finale .pmec-moon,#pmEntryCinematic.finale .pmec-pinwing{opacity:.12;transition:.45s ease}#pmEntryCinematic.handoff{animation:handoff .78s ease forwards}
@keyframes skyDrift{to{transform:scale(1.05) translate3d(-1.5%,1%,0)}}@keyframes police{50%{filter:hue-rotate(170deg);opacity:.55}}@keyframes heroDrive{0%{transform:translateX(-50%) translateY(130px) scale(.65)}26%{transform:translateX(-50%) translateY(0) scale(1)}70%{transform:translateX(-50%) translateY(-8px) scale(1.12) rotate(-3deg)}100%{transform:translateX(82vw) translateY(-90px) scale(.82) rotate(-8deg)}}@keyframes chaseDrive{0%{transform:translateX(-50%) translateY(160px) scale(.55)}33%{transform:translateX(-50%) translateY(24px) scale(.8)}100%{transform:translateX(65vw) translateY(-65px) scale(.72)}}@keyframes limb{from{transform:rotate(-27deg)}to{transform:rotate(28deg)}}@keyframes leg{from{transform:rotate(-14deg)}to{transform:rotate(16deg)}}@keyframes bob{to{transform:translateY(-5px) rotate(.8deg)}}@keyframes ballAttackL{0%{transform:translate(-100px,30px) scale(.6)}100%{transform:translate(27vw,-20px) scale(1.15) rotate(220deg)}}@keyframes ballAttackR{0%{transform:translate(100px,20px) scale(.6)}100%{transform:translate(-27vw,-8px) scale(1.08) rotate(-220deg)}}@keyframes wingLaunch{0%{transform:translate(-50%,90px) scale(.5) rotate(-6deg)}40%{transform:translate(-50%,10px) scale(1.05) rotate(3deg)}100%{transform:translate(-50%,-30vh) scale(.72) rotate(-4deg);opacity:.2}}@keyframes flash{0%{opacity:0}20%{opacity:.78}100%{opacity:0}}@keyframes progress{to{width:100%}}@keyframes handoff{0%{opacity:1}100%{opacity:0;transform:scale(1.025);visibility:hidden}}
@media(max-width:760px){.pmec-moon{width:58px;height:58px;right:7%;top:12%}.pmec-character{width:78px;height:185px;bottom:15%}.pmec-head{left:8px;width:62px;height:142px}.pmec-neckbands{left:14px;top:39px;width:50px;height:7px;box-shadow:0 9px 0 #fa5b9d}.pmec-eye{top:66px}.pmec-eye.l{left:18px}.pmec-eye.r{right:18px}.pmec-brow{top:59px}.pmec-brow.l{left:15px}.pmec-brow.r{right:15px}.pmec-mouth{left:23px;top:91px}.pmec-jacket{left:11px;right:10px;top:104px;height:49px}.pmec-hair{left:0;right:0;height:76px}.pmec-character .arm{top:108px;height:47px}.pmec-character .leg{top:146px;height:39px}.pmec-character .leg.l{left:20px}.pmec-character .leg.r{right:20px}.pmec-character.pinny{left:20%}.pmec-character.sparella{right:19%}.pmec-caption{left:18px;bottom:13vh}.pmec-caption h2{font-size:clamp(36px,11vw,62px)}.pmec-caption small{font-size:8px}.pmec-car{width:90px}.pmec-dragon-gate{width:78vw;height:58vw}.pmec-final span{font-size:8px}.pmec-neon-sign{font-size:7px}.pmec-skip{font-size:8px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){#pmEntryCinematic *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}