/* Paradise Flight page styles. Navy + gold, no white backgrounds. */
.g-stage[data-game="paradise"]{position:relative;padding:.5rem;background:#0B2545}
.pf-wrap{position:relative;width:100%;height:clamp(320px,72dvh,720px);border-radius:14px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,#010a22,#0B2545)}
.pf-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;cursor:pointer}
.pf-canvas:focus-visible{box-shadow:inset 0 0 0 3px #FFD54F}
.g-play.is-full .pf-wrap{height:var(--maxh,calc(100dvh - 120px))}
.pf-hud{position:absolute;inset:0;pointer-events:none;z-index:1;font-family:Arial,Helvetica,sans-serif;color:#fff}
.pf-pause{pointer-events:auto;position:absolute;left:10px;top:10px;width:52px;height:52px;border-radius:14px;border:2px solid #F5B800;background:rgba(2,12,38,.72);cursor:pointer;line-height:1;padding:0}
.pf-bars{display:block;width:18px;height:20px;margin:auto;border-left:6px solid #FFD54F;border-right:6px solid #FFD54F;box-sizing:border-box}
.pf-pause:focus-visible{outline:3px solid #FFD54F;outline-offset:2px}
.pf-score{position:absolute;left:50%;top:8px;transform:translateX(-50%);text-align:center;font-weight:800;font-size:clamp(2rem,6vw,3rem);text-shadow:0 3px 0 #8a6500,0 0 14px rgba(255,199,44,.55);color:#FFD54F;line-height:1.05}
.pf-score small{display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:1.05rem;color:#FFF3B0;text-shadow:0 2px 3px #000}
.pf-cico{display:inline-block;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF3B0,#FFC72C 55%,#B8860B);border:1px solid #8a6500}
.pf-wrap:not([data-mode="play"]):not([data-mode="dying"]) .pf-score{opacity:0}
.pf-tip{position:absolute;left:50%;bottom:16%;transform:translate(-50%,10px);margin:0;max-width:88%;padding:.55rem 1rem;border-radius:999px;background:rgba(2,12,38,.82);border:2px solid #F5B800;color:#FFF3B0;font:700 clamp(1rem,3.6vw,1.3rem)/1.25 Arial,sans-serif;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:1}
.pf-tip.show{opacity:1;transform:translate(-50%,0)}
.pf-count{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);margin:0;z-index:2;font:900 clamp(5rem,22vmin,10rem)/1 Arial,sans-serif;color:#FFD54F;text-shadow:0 6px 0 #8a6500,0 0 30px rgba(255,199,44,.7);pointer-events:none}
.pf-count[hidden]{display:none}
.pf-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:min(92%,440px);max-height:94%;overflow:auto;box-sizing:border-box;padding:1.1rem 1.2rem;border-radius:20px;text-align:center;color:#FFF3B0;
  background:linear-gradient(180deg,rgba(11,37,69,.93),rgba(2,12,38,.95));border:3px solid #F5B800;box-shadow:0 10px 40px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,213,79,.25)}
.pf-panel[hidden]{display:none}
.pf-panel p{margin:.3rem 0}
.pf-title{font:800 clamp(1.7rem,6vw,2.4rem)/1.1 Georgia,'Times New Roman',serif;color:#FFD54F;text-shadow:0 3px 0 #8a6500;letter-spacing:.02em}
.pf-sub{font-size:1.25rem;font-weight:700}
.pf-keys,.pf-note{font-size:1rem;color:#dfe7ff}
.pf-panel .btn{margin-top:.6rem}
.pf-end{top:auto;bottom:3%;transform:translateX(-50%);padding:.6rem .9rem}
.pf-lbl{font-weight:700;color:#FFD54F;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase}
.pf-final{font:800 clamp(2.4rem,9vw,3.4rem)/1 Arial,sans-serif;color:#FFD54F;text-shadow:0 3px 0 #8a6500,0 0 18px rgba(255,199,44,.6)}
.pf-why{font-weight:700}.pf-stat{color:#dfe7ff;font-size:.98rem}
.pf-endbtns{display:flex;flex-direction:column;align-items:stretch;gap:.45rem}
.pf-endbtns .btn{margin:0!important;min-height:50px;width:100%}
@media (min-width:600px){.pf-endbtns{flex-direction:row;flex-wrap:wrap}.pf-endbtns .btn{width:auto;flex:1}}
.pf-ctrls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.pf-ctrls .btn{margin-top:0}
.pf-ctrls span{font-weight:700}
.pf-mode{min-height:48px;min-width:110px}
.pf-panel .btn.pf-mode[aria-pressed="true"],.g-play .pf-panel .btn.alt.pf-mode[aria-pressed="true"]{background:linear-gradient(180deg,#FFE58A,#F5B800)!important;color:#0B2545!important;border-color:#0B2545!important;box-shadow:0 0 0 3px #F5B800}
@media (orientation:landscape) and (max-height:500px){
  .pf-wrap{height:clamp(260px,82dvh,520px)}
  .pf-panel{padding:.5rem .8rem}.pf-title{font-size:1.4rem}.pf-sub{font-size:1.05rem}.pf-keys{display:none}.pf-mode{min-height:40px;min-width:92px}.pf-menu{top:52%;padding:.4rem .8rem}.pf-menu .pf-title{font-size:1.25rem}.pf-menu .pf-sub{font-size:1rem}.pf-menu #pf-start{min-height:46px;padding:.3rem 1.2rem;font-size:1.15rem}.pf-ctrls{margin-top:.4rem}.pf-panel .btn{margin-top:.3rem}.pf-note{display:none}
  .pf-final{font-size:2rem}.pf-endbtns{flex-direction:row}.pf-endbtns .btn{width:auto;flex:1;min-height:44px;white-space:nowrap;font-size:1rem;padding:.3rem .6rem}.pf-end .pf-why{font-size:.95rem}.pf-end .pf-lbl{display:none}.pf-end .pf-stat{display:none}
  .pf-pause{width:46px;height:46px}
}
@media (prefers-reduced-motion:reduce){.pf-tip{transition:none}}
