/* Z: demo layer styles (splash, presenter, transitions). Owner: Z. Uses brand.css tokens + .jf-btn. */
#jf-splash{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;
 background:#3FC1FF repeating-linear-gradient(-45deg,#3FC1FF 0 36px,#5ACDFF 36px 72px);font-family:Fredoka,system-ui,sans-serif;color:#45251E;text-align:center;padding:24px;box-sizing:border-box}
#jf-splash .logo{background:#D2232A;border-radius:26px;box-shadow:0 6px 0 #A50F1E;padding:14px 28px 10px;max-width:92vw}
#jf-splash .logo b{display:block;color:#fff;font-weight:800;font-size:clamp(34px,9vw,72px);letter-spacing:.02em;-webkit-text-stroke:2px #45251E;paint-order:stroke fill;line-height:1.05}
#jf-splash .logo i{display:inline-block;font-style:normal;background:#FFC21A;border-radius:99px;padding:2px 22px;margin-top:6px;font-weight:800;font-size:clamp(18px,4.5vw,32px)}
#jf-splash .cups{height:clamp(90px,22vh,190px);display:flex;align-items:flex-end;gap:2vw}
#jf-splash .cups img{height:100%;width:auto;object-fit:contain}
#jf-splash .cups img:nth-child(odd){height:78%}
#jf-splash .bar{width:min(320px,76vw);height:18px;border-radius:9px;background:#fff;border:3px solid #45251E;overflow:hidden}
#jf-splash .bar span{display:block;height:100%;width:0;background:#E5007E;transition:width .15s}
#jf-splash .pct{font-weight:700;font-size:18px;min-height:24px}
#jf-splash .jf-btn{min-width:220px;min-height:56px;font-size:24px;visibility:hidden}
#jf-splash.ready .jf-btn{visibility:visible}
#jf-splash.out{opacity:0;transition:opacity .35s}
.jf-rm #jf-splash.out{transition:none}
#jf-pbadge{position:fixed;left:50%;transform:translateX(-50%);top:max(6px,env(safe-area-inset-top));z-index:4;display:none;min-height:44px;padding:0 12px;border-radius:22px;border:3px solid #fff;
 background:#45251E;color:#fff;font:700 16px Fredoka,system-ui,sans-serif;box-shadow:0 3px 0 rgba(0,0,0,.25);cursor:pointer}
.jf-presenter #jf-pbadge{display:block}
.jf-ingame #jf-pbadge{display:none!important}
#jf-pdlg{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:rgba(0,87,184,.6);font-family:Fredoka,system-ui,sans-serif}
#jf-pdlg.on{display:flex}
#jf-pdlg .card{background:#FFF8EC;border-radius:22px;border:4px solid #FFC21A;padding:22px;width:min(440px,92vw);box-sizing:border-box;color:#45251E;text-align:center}
#jf-pdlg h2{margin:0 0 6px;font-size:26px}#jf-pdlg p{margin:0 0 16px;font-size:17px;line-height:1.35}
#jf-pdlg .row{display:flex;flex-direction:column;gap:10px}#jf-pdlg .jf-btn{min-height:52px;width:100%;font-size:19px}