/* === 53 RUNZ V1.4.1 FULLSCREEN / PWA SYSTEM === */
html,body,#root,.runz-mobile-app{background:#050506!important;}

/* Restore a visible fullscreen button beside Pause. */
.runz-mobile-app .runz-console-actions{position:relative!important;z-index:90!important;display:flex!important;align-items:center!important;gap:5px!important;}
.runz-mobile-app .runz-console-actions button{
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:11px!important;border:1px solid rgba(220,199,255,.34)!important;
  color:#fff7ff!important;background:linear-gradient(180deg,rgba(38,29,48,.94),rgba(13,11,18,.94))!important;
  box-shadow:0 6px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important;
  font:900 .76rem/1 "Baloo 2","Fredoka",Arial,sans-serif!important;
  opacity:.94!important;visibility:visible!important;
}
.runz-mobile-app .runz-console-actions button:last-child{
  display:inline-flex!important;visibility:visible!important;opacity:1!important;
  border-color:rgba(202,158,255,.68)!important;
  background:linear-gradient(180deg,rgba(114,69,159,.98),rgba(61,35,88,.98))!important;
  box-shadow:0 6px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.18),0 0 17px rgba(185,108,255,.22)!important;
}
.runz-mobile-app .runz-console-actions button:active{transform:scale(.9)!important;}

/* Native fullscreen and standalone/PWA both own the whole viewport. */
:fullscreen,:fullscreen .runz-mobile-app,:fullscreen .runz-console,
:-webkit-full-screen,:-webkit-full-screen .runz-mobile-app,:-webkit-full-screen .runz-console{
  width:100vw!important;height:100dvh!important;min-height:100dvh!important;background:#050506!important;margin:0!important;overflow:hidden!important;
}
html.runz-immersive-fallback,html.runz-immersive-fallback body,html.runz-immersive-fallback #root,
html.runz-immersive-fallback .runz-mobile-app,html.runz-immersive-fallback .runz-console{
  width:100vw!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;overflow:hidden!important;background:#050506!important;
}
@supports (-webkit-touch-callout:none){
  html.runz-immersive-fallback,html.runz-immersive-fallback body,html.runz-immersive-fallback #root,
  html.runz-immersive-fallback .runz-mobile-app,html.runz-immersive-fallback .runz-console{height:-webkit-fill-available!important;min-height:-webkit-fill-available!important;}
}

/* iPhone instruction shown only when Safari itself blocks real element fullscreen. */
.runz-fullscreen-guide{position:fixed;inset:0;z-index:5000;display:none;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:rgba(4,3,7,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);}
.runz-fullscreen-guide.active{display:grid;}
.runz-fullscreen-card{position:relative;width:min(90vw,520px);padding:1.05rem 1.15rem 1rem;border-radius:25px;border:1px solid rgba(210,173,255,.52);background:linear-gradient(160deg,rgba(37,24,49,.98),rgba(10,8,14,.98));box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 42px rgba(159,79,255,.22),inset 0 1px 0 rgba(255,255,255,.1);font-family:"Baloo 2","Fredoka",Arial,sans-serif;color:#f8efff;text-align:center;}
.runz-fullscreen-card:before{content:"53";display:block;margin:-.2rem auto .25rem;font-size:2.7rem;line-height:.8;font-weight:900;color:#ead8ff;text-shadow:0 0 22px rgba(186,109,255,.65);}
.runz-fullscreen-card strong{display:block;font-size:1.25rem;letter-spacing:.02em;color:#fff;}
.runz-fullscreen-card p{margin:.55rem auto .8rem;max-width:420px;font:700 .72rem/1.45 "Baloo 2","Fredoka",Arial,sans-serif;color:#cbb9d8;}
.runz-fullscreen-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:.2rem 0 .85rem;}
.runz-fullscreen-steps span{padding:.52rem .3rem;border-radius:13px;background:rgba(255,255,255,.055);border:1px solid rgba(219,191,255,.14);font-size:.62rem;font-weight:800;color:#ecdeff;}
.runz-fullscreen-card button{border:1px solid rgba(215,180,255,.55);border-radius:999px;background:linear-gradient(180deg,#aa74ef,#7040a9);color:#fff;padding:.55rem 1rem;font:900 .72rem/1 "Baloo 2","Fredoka",Arial,sans-serif;box-shadow:0 8px 20px rgba(0,0,0,.28);}
@media (orientation:landscape) and (max-height:650px){
  .runz-mobile-app .runz-console-top{padding-right:.35rem!important;}
  .runz-fullscreen-card{width:min(72vw,520px);padding:.72rem .9rem;}
  .runz-fullscreen-card:before{font-size:2rem;}
  .runz-fullscreen-card strong{font-size:1rem;}
  .runz-fullscreen-card p{margin:.35rem auto .55rem;font-size:.6rem;}
  .runz-fullscreen-steps span{padding:.38rem .2rem;font-size:.52rem;}
}