/* PINMANIA V5.14 — First 10 Minutes polish layer. Presentation only. */
:root{--pm514-pink:#ff4eb8;--pm514-cyan:#4fd8ff;--pm514-gold:#ffd66b;--pm514-ink:#070a11}
.pm514-stepbar{display:flex;gap:8px;align-items:center;margin:10px 0 16px;flex-wrap:wrap}.pm514-stepbar span{font:800 10px/1 Arial,sans-serif;letter-spacing:.12em;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);opacity:.58}.pm514-stepbar span.active{opacity:1;color:#061019;background:linear-gradient(135deg,var(--pm514-cyan),#b9f5ff);box-shadow:0 0 26px rgba(79,216,255,.28)}
.pm514-creatorHeroCard{margin:0 0 14px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(255,78,184,.12),rgba(79,216,255,.08));border:1px solid rgba(255,255,255,.11);display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.pm514-creatorHeroCard b{font-size:13px;letter-spacing:.06em}.pm514-creatorHeroCard small{grid-column:1/-1;opacity:.68;line-height:1.35}.pm514-savePulse{display:inline-flex;align-items:center;gap:6px;font-weight:900;color:#91f6c7}.pm514-savePulse:before{content:"";width:7px;height:7px;border-radius:50%;background:#6ef0ae;box-shadow:0 0 0 0 rgba(110,240,174,.45);animation:pm514Pulse 1.8s infinite}@keyframes pm514Pulse{70%{box-shadow:0 0 0 8px rgba(110,240,174,0)}100%{box-shadow:0 0 0 0 rgba(110,240,174,0)}}
#creator.pm514-enhanced .studioPreview{overflow:hidden;position:relative}#creator.pm514-enhanced .studioPreview:after{content:"PIN CITY SIGNATURE STUDIO";position:absolute;left:16px;bottom:16px;font:900 9px/1 Arial;letter-spacing:.16em;color:#fff;opacity:.58;padding:8px 10px;border-radius:999px;background:rgba(5,8,16,.55);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);pointer-events:none}#creator.pm514-enhanced .studioControls{scroll-behavior:smooth}
#pm28Identity.pm514-enhanced .pm28-card{position:relative;overflow:hidden}#pm28Identity.pm514-enhanced .pm28-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-140px;top:-150px;background:radial-gradient(circle,rgba(255,78,184,.34),transparent 70%);pointer-events:none}#pm28Identity.pm514-enhanced .pm28-start{box-shadow:0 18px 45px rgba(255,78,184,.2)}
/* Upgrade the existing prologue from text panel to animated cartoon tableau. */
#pm28Cutscene.pm514-cine{background:radial-gradient(circle at 70% 30%,#1a2749 0,#0b1020 42%,#05070c 100%);overflow:hidden}#pm28Cutscene.pm514-cine .pm28-cinemaBackdrop{background:none!important;opacity:1!important}#pm28Cutscene.pm514-cine .pm514-prologueArt{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pm514-skyline{position:absolute;left:-4%;right:-4%;bottom:24%;height:43%;background:linear-gradient(90deg,transparent 0 3%,#151d34 3% 9%,transparent 9% 11%,#202c4b 11% 20%,transparent 20% 22%,#10182c 22% 31%,transparent 31% 33%,#2b2853 33% 42%,transparent 42% 44%,#13243b 44% 56%,transparent 56% 58%,#27234e 58% 68%,transparent 68% 70%,#16233b 70% 82%,transparent 82% 85%,#242d4a 85% 96%,transparent 96%);filter:drop-shadow(0 0 22px rgba(91,104,255,.18));transform:translateY(7%);transition:transform .8s ease,filter .8s ease}.pm514-road{position:absolute;left:-12%;right:-12%;bottom:-8%;height:37%;background:linear-gradient(180deg,#131622,#090b11);transform:perspective(500px) rotateX(64deg);transform-origin:50% 100%;border-top:2px solid rgba(255,255,255,.08)}.pm514-road:after{content:"";position:absolute;left:50%;top:3%;width:5px;height:100%;background:repeating-linear-gradient(180deg,rgba(255,218,98,.95) 0 22px,transparent 22px 50px);box-shadow:0 0 15px rgba(255,214,107,.3)}.pm514-case{position:absolute;left:50%;bottom:23%;width:74px;height:45px;border-radius:8px;transform:translateX(-50%) translateY(100px) rotate(-4deg);opacity:0;background:linear-gradient(145deg,#272d3d,#111722);border:2px solid #d7b152;box-shadow:0 0 30px rgba(255,214,107,.25);transition:.6s cubic-bezier(.2,.9,.2,1)}.pm514-case:after{content:"♛";position:absolute;inset:0;display:grid;place-items:center;color:#ffd66b;font-size:22px}.pm514-blackball{position:absolute;width:88px;height:88px;border-radius:50%;bottom:22%;background:radial-gradient(circle at 32% 28%,#51586d 0 7%,#151922 34%,#040506 72%);box-shadow:0 10px 32px #000, inset 0 0 0 3px rgba(255,255,255,.05);opacity:0;transition:.55s cubic-bezier(.2,.9,.2,1)}.pm514-blackball:before,.pm514-blackball:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#050607;top:24px;box-shadow:inset 0 0 6px #000}.pm514-blackball:before{left:27px}.pm514-blackball:after{left:48px}.pm514-blackball.one{left:16%;transform:translateX(-100px)}.pm514-blackball.two{right:13%;transform:translateX(100px) scale(.86)}.pm514-car{position:absolute;left:50%;bottom:19%;width:150px;height:58px;border-radius:25px 34px 13px 13px;background:linear-gradient(180deg,#fa4fbc,#8d1f70);box-shadow:0 16px 30px rgba(0,0,0,.55),0 0 24px rgba(255,78,184,.18);transform:translateX(-50%) translateX(-160vw) skewX(-4deg);transition:transform .75s cubic-bezier(.22,.88,.3,1)}.pm514-car:before{content:"";position:absolute;width:70px;height:27px;left:38px;top:-18px;border-radius:28px 28px 5px 5px;background:#19273c;border:4px solid #d83b9b}.pm514-car:after{content:"";position:absolute;left:24px;right:24px;bottom:-11px;height:21px;background:radial-gradient(circle at 12px 10px,#111 0 9px,transparent 10px),radial-gradient(circle at calc(100% - 12px) 10px,#111 0 9px,transparent 10px)}.pm514-lightning{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(148,209,255,.45),transparent 30%);opacity:0;transition:opacity .15s}.pm514-cityGlow{position:absolute;inset:0;background:linear-gradient(100deg,transparent 0 28%,rgba(66,200,255,.08) 45%,rgba(255,67,177,.12) 72%,transparent);mix-blend-mode:screen;animation:pm514Glow 5s linear infinite}@keyframes pm514Glow{0%{transform:translateX(-10%)}50%{transform:translateX(10%)}100%{transform:translateX(-10%)}}
#pm28Cutscene.pm514-cine[data-scene="0"] .pm514-skyline{transform:translateY(0) scale(1.07)}#pm28Cutscene.pm514-cine[data-scene="1"] .pm514-case{opacity:1;transform:translateX(-50%) translateY(0) rotate(-4deg)}#pm28Cutscene.pm514-cine[data-scene="2"] .pm514-lightning{opacity:1}#pm28Cutscene.pm514-cine[data-scene="2"] .pm514-skyline{filter:brightness(.45) saturate(.6)}#pm28Cutscene.pm514-cine[data-scene="3"] .pm514-blackball{opacity:1;transform:translateX(0)}#pm28Cutscene.pm514-cine[data-scene="3"] .pm514-case{opacity:.2;transform:translateX(-50%) translate(120px,-40px) rotate(18deg)}#pm28Cutscene.pm514-cine[data-scene="4"] .pm514-car{transform:translateX(-50%) translateX(0) skewX(-4deg)}
#pm28Cutscene.pm514-cine .pm28-sceneText{z-index:6;max-width:min(88vw,760px);text-shadow:0 4px 18px #000}#pm28Cutscene.pm514-cine #pm28SceneTitle{letter-spacing:.12em}#pm28Cutscene.pm514-cine #pm28SceneNext{z-index:7;box-shadow:0 14px 34px rgba(79,216,255,.2)}
/* World-entry title and non-blocking onboarding. */
.pm514-worldcard{position:fixed;left:50%;top:17%;transform:translate(-50%,-15px);z-index:88;opacity:0;pointer-events:none;text-align:center;color:#fff;text-shadow:0 4px 16px #000;transition:.45s ease}.pm514-worldcard.show{opacity:1;transform:translate(-50%,0)}.pm514-worldcard small{display:block;font:900 10px/1 Arial;letter-spacing:.24em;color:#8cecff;margin-bottom:8px}.pm514-worldcard b{font:1000 clamp(24px,7vw,48px)/.95 Arial;letter-spacing:.04em}.pm514-worldcard span{display:block;margin-top:8px;font:800 11px/1.3 Arial;opacity:.72}.pm514-hints{position:fixed;left:50%;bottom:max(98px,calc(env(safe-area-inset-bottom) + 84px));transform:translateX(-50%);z-index:87;display:flex;gap:8px;max-width:92vw;pointer-events:none;opacity:0;transition:.35s}.pm514-hints.show{opacity:1}.pm514-hints i{font-style:normal;color:#fff;background:rgba(6,10,18,.68);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 11px;font:800 9px/1 Arial;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.28)}
@media(max-width:760px){.pm514-hints{gap:5px}.pm514-hints i{padding:7px 9px;font-size:8px}.pm514-blackball{width:72px;height:72px}.pm514-car{width:126px}.pm514-stepbar{margin-top:6px}.pm514-creatorHeroCard{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.pm514-cityGlow,.pm514-savePulse:before{animation:none!important}.pm514-skyline,.pm514-case,.pm514-blackball,.pm514-car,.pm514-worldcard,.pm514-hints{transition:none!important}}