/* PINMANIA V14 — Publisher Slice presentation layer */
#pm14SliceHud{position:fixed;left:50%;top:max(14px,env(safe-area-inset-top));transform:translateX(-50%);z-index:2200;width:min(620px,calc(100vw - 28px));pointer-events:none;font-family:Inter,Arial,sans-serif;display:none}
#pm14SliceHud .pm14Card{background:linear-gradient(135deg,rgba(8,12,25,.94),rgba(22,15,40,.90));border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:12px 14px;box-shadow:0 18px 70px rgba(0,0,0,.45);backdrop-filter:blur(18px)}
#pm14SliceHud .pm14Kicker{font-size:9px;letter-spacing:.22em;font-weight:1000;color:#ff73be;text-transform:uppercase}
#pm14SliceHud .pm14Title{margin-top:3px;font-size:15px;letter-spacing:.025em;font-weight:1000;color:#fff}
#pm14SliceHud .pm14Objective{margin-top:4px;font-size:11px;line-height:1.35;color:rgba(255,255,255,.74)}
#pm14SliceHud .pm14Rail{height:3px;margin-top:9px;border-radius:99px;background:rgba(255,255,255,.10);overflow:hidden}
#pm14SliceHud .pm14Rail i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff4fa6,#9657ff,#50dcff);box-shadow:0 0 16px rgba(111,172,255,.6);transition:width .35s ease}
#pm14Cinema{position:fixed;inset:0;z-index:3300;display:none;pointer-events:none;background:transparent;font-family:Inter,Arial,sans-serif}
#pm14Cinema::before,#pm14Cinema::after{content:"";position:absolute;left:0;right:0;height:9vh;background:#020206;z-index:2}
#pm14Cinema::before{top:0}#pm14Cinema::after{bottom:0}
#pm14Cinema .pm14Film{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 25%,rgba(0,0,0,.32) 100%);mix-blend-mode:multiply}
#pm14Cinema .pm14Chapter{position:absolute;left:50%;bottom:12vh;transform:translateX(-50%);z-index:4;text-align:center;opacity:0;transition:opacity .4s ease;white-space:nowrap}
#pm14Cinema .pm14Chapter small{display:block;font-size:9px;letter-spacing:.35em;font-weight:1000;color:#ff74bd;text-transform:uppercase;text-shadow:0 2px 15px #000}
#pm14Cinema .pm14Chapter b{display:block;margin-top:6px;font-size:clamp(22px,5vw,46px);letter-spacing:.04em;color:#fff;text-shadow:0 5px 30px #000}
#pm14Cinema .pm14Brand{position:absolute;right:18px;top:calc(9vh + 12px);z-index:4;color:rgba(255,255,255,.64);font-size:8px;font-weight:1000;letter-spacing:.22em}
#pm14SliceToast{position:fixed;left:50%;bottom:max(130px,calc(env(safe-area-inset-bottom) + 120px));transform:translate(-50%,14px);z-index:2300;pointer-events:none;opacity:0;transition:.25s ease;padding:9px 13px;border-radius:999px;background:rgba(6,9,18,.86);border:1px solid rgba(255,255,255,.15);color:#fff;font:900 10px/1 Inter,Arial,sans-serif;letter-spacing:.08em;white-space:nowrap;backdrop-filter:blur(14px)}
#pm14SliceToast.show{opacity:1;transform:translate(-50%,0)}
body.pm14-cinematic #hud,body.pm14-cinematic #controls,body.pm14-cinematic #minimap,body.pm14-cinematic #pm31MapOverlay,body.pm14-cinematic #pm14SliceHud{opacity:0!important;pointer-events:none!important}
@media(max-width:600px){#pm14SliceHud{top:max(8px,env(safe-area-inset-top));width:calc(100vw - 20px)}#pm14SliceHud .pm14Card{padding:10px 12px;border-radius:15px}#pm14SliceHud .pm14Title{font-size:13px}#pm14SliceHud .pm14Objective{font-size:10px}}