/*
 * Furia Crystal Run 3.11.46
 * GAMEPLAY CSS
 * Canvas, HUD, HP, power status, fullscreen, overlay rundy i boczny ranking podczas gry.
 */
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-menu-head,.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-ingame-tabs,.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-top-account-chip{
  display:none
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel{
  display:block;
  overflow:auto;
  padding:18px
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel .ff-menu-section{
  position:static;
  display:none
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel .ff-menu-section.is-active{
  display:block
}
.ff-game-wrap{
  position:relative;
  min-height:620px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(5,13,31,.94),rgba(2,7,19,.98));
  border-radius:28px
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-wrap{
  height:calc(100dvh - 32px);
  min-height:0
}
.ff-canvas{
  display:block;
  width:100%;
  height:100%;
  min-height:620px;
  background:#020713;
  outline:0
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-canvas{
  min-height:0;
  height:100%
}
.ff-stage-topline{
  position:absolute;
  left:16px;
  top:16px;
  z-index:5;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  pointer-events:none
}
.ff-stage-topline .ff-chip{
  background:rgba(3,10,25,.64)
}
.ff-hud{
  position:absolute;
  z-index:6;
  left:16px;
  right:16px;
  top:68px;
  display:grid;
  grid-template-columns:repeat(6,minmax(90px,1fr));
  gap:10px;
  pointer-events:none
}
.ff-hud div{
  min-height:54px;
  padding:9px 12px;
  border-radius:14px;
  border:1px solid rgba(88,221,255,.20);
  background:rgba(3,10,25,.70)
}
.ff-hud span{
  display:block;
  color:#8fa1bd;
  font-family:var(--ff-head);
  font-size:.62rem;
  letter-spacing:.12em;
  text-transform:uppercase
}
.ff-hud strong{
  display:block;
  color:#fff;
  font-family:var(--ff-head);
  font-size:1.02rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.ff-bottom-hp{
  position:absolute;
  z-index:7;
  left:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(3,10,25,.72);
  border:1px solid rgba(255,95,145,.25)
}
.ff-bottom-hp-label{
  font-family:var(--ff-head);
  font-size:.68rem;
  text-transform:uppercase;
  color:#ffbdd2
}
.ff-heart-row{
  display:flex;
  gap:6px
}
.ff-heart{
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  font-size:18px;
  line-height:1
}
.ff-heart.is-full{
  color:var(--ff-pink);
  text-shadow:0 0 16px rgba(255,95,145,.55)
}
.ff-heart.is-empty{
  color:rgba(255,255,255,.22)
}
.ff-power-status{
  position:absolute;
  z-index:7;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  min-width:260px;
  max-width:min(420px,calc(100% - 40px));
  padding:10px 14px;
  border-radius:18px;
  border:1px solid rgba(88,221,255,.24);
  background:rgba(3,10,25,.76);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-rows:auto 5px;
  gap:6px 10px;
  align-items:center
}
.ff-power-status>span{
  font-size:1.2rem
}
.ff-power-status strong{
  font-family:var(--ff-head);
  font-size:.78rem;
  text-transform:uppercase;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.ff-power-status i{
  grid-column:1/-1;
  height:5px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  overflow:hidden
}
.ff-power-status i b{
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--ff-cyan),var(--ff-gold));
  border-radius:inherit
}
.ff-power-status em{
  font-style:normal;
  color:#b7c6df;
  font-family:var(--ff-head);
  font-size:.72rem
}
.ff-combat-ui{
  position:absolute;
  z-index:8;
  right:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:10px
}
.ff-ammo-badge{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,210,38,.12);
  border:1px solid rgba(255,210,38,.34);
  color:var(--ff-gold);
  font-family:var(--ff-head);
  font-size:.76rem
}
.ff-attack-btn{
  min-height:48px
}
.ff-version-badge{
  position:absolute;
  right:16px;
  bottom:82px;
  z-index:5;
  color:#70819d;
  font-family:var(--ff-head);
  font-size:.62rem
}
.ff-game-menu-btn{
  position:absolute;
  z-index:9;
  left:50%;
  top:16px;
  transform:translateX(-50%);
  min-height:42px;
  border:1px solid rgba(88,221,255,.24);
  border-radius:999px;
  background:rgba(3,10,25,.72);
  color:#dce8ff;
  padding:0 18px;
  font-family:var(--ff-head);
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:8px
}
.ff-overlay{
  position:absolute;
  inset:0;
  z-index:20;
  display:none;
  place-items:center;
  text-align:center;
  padding:24px;
  background:radial-gradient(circle at 50% 45%,rgba(88,221,255,.18),rgba(2,7,19,.86) 68%)
}
.ff-overlay.is-visible{
  display:grid
}
.ff-overlay-shell{
  width:min(760px,100%);
  padding:28px 30px 32px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(8,18,43,.78),rgba(3,8,23,.94));
  box-shadow:0 30px 90px rgba(0,0,0,.45)
}
.ff-overlay-topline{
  display:inline-flex;
  margin:0 auto 14px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,210,38,.36);
  background:rgba(255,210,38,.08);
  color:var(--ff-gold);
  font-family:var(--ff-head);
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.08em
}
.ff-overlay .ff-game-logo{
  width:min(430px,86%);
  margin:0 auto 22px
}
.ff-overlay h2{
  margin:0 0 12px;
  font-family:var(--ff-head);
  font-size:clamp(2.2rem,4vw,4.4rem);
  line-height:1;
  text-transform:uppercase;
  color:#fff
}
.ff-overlay p{
  max-width:650px;
  margin:0 auto 20px;
  color:#c2d0e8;
  font-size:1.06rem
}
.ff-overlay-badges{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:20px
}
.ff-overlay-badges span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  border:1px solid rgba(88,221,255,.18);
  background:rgba(88,221,255,.07);
  padding:9px 13px;
  color:#dce8ff;
  font-family:var(--ff-head);
  font-size:.72rem;
  text-transform:uppercase
}
.ff-countdown{
  font-family:var(--ff-head);
  font-size:clamp(5rem,11vw,9rem);
  line-height:1;
  color:var(--ff-gold);
  text-shadow:0 0 35px rgba(255,210,38,.45)
}
.ff-run-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:16px 0
}
.ff-run-summary div{
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08)
}
.ff-run-summary span{
  display:block;
  color:#95a6c1;
  font-family:var(--ff-head);
  font-size:.62rem;
  text-transform:uppercase
}
.ff-run-summary strong{
  display:block;
  margin-top:4px;
  font-family:var(--ff-head);
  color:#fff
}
.ff-run-insight{
  margin:10px auto;
  color:#cbd8ef
}
.ff-overlay-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap
}
.ff-overlay-footnote{
  margin-top:14px;
  color:#91a2bd
}
.ff-tutorial-box{
  margin:16px auto;
  max-width:620px;
  text-align:left
}
.ff-tutorial-box>strong{
  display:block;
  margin-bottom:10px;
  color:var(--ff-gold);
  font-family:var(--ff-head);
  text-transform:uppercase
}
.ff-tutorial-steps{
  display:grid;
  gap:8px
}
.ff-tutorial-steps span{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:10px;
  padding:10px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
  color:#cbd8ef
}
.ff-tutorial-steps b{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:var(--ff-gold);
  color:#061020
}
.ff-tutorial-close{
  margin-top:12px
}
.ff-game-wrap:fullscreen{
  width:100vw;
  height:100vh;
  border-radius:0
}
.ff-game-wrap:fullscreen .ff-canvas{
  width:100vw;
  height:100vh
}
.ff-arcade:fullscreen{
  width:100vw;
  height:100vh
}
.ff-arcade.is-gameplay-mode:fullscreen{
  padding:16px;
  background:#020713
}
@media(max-width:1180px){
  .ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode{
    grid-template-columns:1fr;
    overflow:auto
  }
  .ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-wrap{
    height:70vh;
    min-height:520px
  }
  .ff-hud{
    grid-template-columns:repeat(3,minmax(0,1fr));
    top:60px
  }
  .ff-board{
    min-height:320px
  }
}
@media(max-width:760px){
  .ff-hud{
    left:10px;
    right:10px;
    top:58px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px
  }
  .ff-hud div{
    min-height:46px;
    padding:7px 9px
  }
  .ff-stage-topline{
    display:none
  }
  .ff-bottom-hp{
    left:10px;
    bottom:10px
  }
  .ff-combat-ui{
    right:10px;
    bottom:10px
  }
  .ff-power-status{
    bottom:70px
  }
  .ff-run-summary{
    grid-template-columns:1fr
  }
  .ff-overlay-shell{
    padding:22px 16px
  }
  .ff-overlay h2{
    font-size:2rem
  }
}

/* 3.11.46 gameplay overlay and HUD polish. */
.ff-menu-clean .ff-arcade.is-gameplay-mode{
  padding:12px;
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-wrap{
  height:calc(100dvh - 24px);
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-arcade-close{
  top:14px;
  right:22px;
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-arcade-fullscreen-toggle{
  top:78px;
  right:22px;
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline{
  left:14px;
  top:14px;
  right:112px;
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
  left:14px;
  right:112px;
  top:72px;
  grid-template-columns:repeat(6,minmax(86px,1fr));
  gap:8px;
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud div{
  min-height:50px;
  padding:8px 10px;
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp{
  left:22px;
  bottom:22px;
}
.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-version-badge{
  right:22px;
  bottom:66px;
  opacity:.58;
  font-size:.56rem;
}
.ff-menu-clean .ff-overlay{
  background:radial-gradient(circle at 50% 42%,rgba(88,221,255,.14),rgba(2,7,19,.90) 66%);
}
.ff-menu-clean .ff-overlay-shell{
  width:min(720px,100%);
  max-height:calc(100dvh - 52px);
  overflow:auto;
  padding:22px 26px 24px;
  border-radius:28px;
}
.ff-menu-clean .ff-overlay-topline{
  margin-bottom:12px;
  padding:7px 13px;
  font-size:.64rem;
}
.ff-menu-clean .ff-overlay .ff-game-logo{
  width:min(340px,78%);
  margin-bottom:16px;
}
.ff-menu-clean .ff-overlay h2{
  margin-bottom:10px;
  font-size:clamp(2.2rem,3.4vw,3.7rem);
}
.ff-menu-clean .ff-overlay p{
  margin-bottom:14px;
  font-size:.96rem;
}
.ff-menu-clean .ff-overlay-badges{
  margin-bottom:16px;
}
.ff-menu-clean .ff-overlay-badges span{
  padding:7px 11px;
  font-size:.66rem;
}
.ff-menu-clean .ff-countdown{
  font-size:clamp(4rem,8vw,6.6rem);
}
@media(max-width:1180px){
  .ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    right:14px;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline{
    right:14px;
  }
}


/* ------------------------------------------------------------------
   3.11.46 REAL GAMEPLAY HUD RESTORE
   Targets actual HUD classes from PHP: ff-stage-topline, ff-bottom-hp,
   ff-power-status, ff-combat-ui, ff-game-menu-btn and ff-version-badge.
   ------------------------------------------------------------------ */

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-wrap{
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-combat-ui,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-menu-btn,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-version-badge{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Hidden attribute was still blocking some HUD nodes. Override it only in gameplay mode. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline[hidden],
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp[hidden],
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status[hidden],
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-combat-ui[hidden]{
  display: flex;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-menu-btn[hidden]{
  display: inline-flex;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-version-badge[hidden]{
  display: block;
}

/* Actual top toolbar / chips. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline{
  position: fixed;
  top: clamp(14px, 2vh, 24px);
  left: clamp(16px, 2vw, 34px);
  right: clamp(96px, 8vw, 150px);
  z-index: 52;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  pointer-events: none;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline .ff-chip{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(88,221,255,.22);
  background: rgba(3,10,25,.62);
  color: #dce8ff;
  font-family: var(--ff-head);
  font-size: .68rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: 0 10px 24px rgba(0,0,0,.16);
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline .ff-chip-gold{
  border-color: rgba(255,210,38,.36);
  color: var(--ff-gold);
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline .ff-chip-green{
  border-color: rgba(104,255,135,.30);
  color: #9dffb5;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline .ff-chip-pink{
  border-color: rgba(194,133,255,.30);
  color: #d9b8ff;
}

/* Pause / menu button in top center. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-menu-btn{
  position: fixed;
  left: 50%;
  top: clamp(14px, 2vh, 24px);
  transform: translateX(-50%);
  z-index: 55;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(88,221,255,.24);
  background: rgba(3,10,25,.72);
  color: #dce8ff;
  font-family: var(--ff-head);
  font-size: .82rem;
  text-transform: uppercase;
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
}

/* Keep stat HUD under toolbar. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
  position: fixed;
  z-index: 50;
  top: clamp(78px, 9vh, 92px);
  left: clamp(16px, 2vw, 34px);
  right: clamp(96px, 8vw, 150px);
  display: grid;
  grid-template-columns: repeat(6, minmax(100px, 1fr));
  gap: 10px;
  pointer-events: none;
}

/* Bottom life / HP HUD. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp{
  position: fixed;
  z-index: 55;
  left: clamp(18px, 2vw, 36px);
  bottom: clamp(16px, 2.2vh, 30px);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 15px;
  border-radius: 999px;
  border: 1px solid rgba(255,95,145,.28);
  background: rgba(3,10,25,.72);
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-heart-row{
  display: flex;
  gap: 7px;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-heart{
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
}

/* Power status bottom center. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status{
  position: fixed;
  z-index: 55;
  left: 50%;
  bottom: clamp(16px, 2.2vh, 30px);
  transform: translateX(-50%);
}

/* Combat / weapon HUD bottom right. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-combat-ui{
  position: fixed;
  z-index: 55;
  right: clamp(96px, 8vw, 150px);
  bottom: clamp(16px, 2.2vh, 30px);
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Version badge should stay visible but not replace bottom HUD. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-version-badge{
  position: fixed;
  right: clamp(18px, 2vw, 36px);
  bottom: clamp(16px, 2.2vh, 30px);
  z-index: 54;
  display: block;
}

/* Hide only menu UI during gameplay, never game HUD. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-menu-section,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-ingame-tabs-primary,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-menu-head,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-top-account-chip{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 1200px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    grid-template-columns: repeat(3, minmax(100px, 1fr));
  }

  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline{
    right: 90px;
  }

  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-menu-btn{
    top: auto;
    bottom: 74px;
  }
}


/* ------------------------------------------------------------------
   3.11.46 GAME OVER OVERLAY POLISH
   HUD returned in 3.11.46, but the game-over overlay was under the HUD
   and showed a native white scrollbar. This makes overlay topmost and compact.
   ------------------------------------------------------------------ */

/* Overlay must sit above restored gameplay HUD. */
.ff-menu-clean .ff-overlay,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay,
.ff-page.ff-menu-clean .ff-arcade .ff-overlay.is-visible{
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  place-items: center;
  padding: clamp(14px, 2vh, 24px);
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(88,221,255,.13), rgba(2,7,19,.90) 58%, rgba(2,7,19,.96) 100%);
}

.ff-menu-clean .ff-overlay.is-visible,
.ff-page.ff-menu-clean .ff-arcade .ff-overlay.is-visible{
  display: grid;
}

/* Compact modal that fits 864px-high screens without the ugly native scrollbar. */
.ff-menu-clean .ff-overlay-shell,
.ff-page.ff-menu-clean .ff-arcade .ff-overlay-shell{
  width: min(760px, calc(100vw - 220px));
  max-width: 760px;
  max-height: calc(100dvh - 76px);
  overflow: hidden;
  padding: clamp(18px, 2.2vh, 26px) clamp(20px, 2.4vw, 30px);
  border-radius: 26px;
  border: 1px solid rgba(108,198,255,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(8,18,43,.82), rgba(3,8,23,.94));
  box-shadow:
    0 28px 80px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* If browser still creates scrollbars, make them thin and themed instead of white. */
.ff-menu-clean .ff-overlay-shell{
  scrollbar-width: thin;
  scrollbar-color: rgba(88,221,255,.34) rgba(3,8,23,.22);
}

.ff-menu-clean .ff-overlay-shell::-webkit-scrollbar{
  width: 6px;
}

.ff-menu-clean .ff-overlay-shell::-webkit-scrollbar-track{
  background: rgba(3,8,23,.22);
  border-radius: 999px;
}

.ff-menu-clean .ff-overlay-shell::-webkit-scrollbar-thumb{
  background: rgba(88,221,255,.34);
  border-radius: 999px;
}

.ff-menu-clean .ff-overlay-topline{
  margin-bottom: 10px;
  padding: 6px 12px;
  font-size: .60rem;
  letter-spacing: .07em;
}

.ff-menu-clean .ff-overlay .ff-game-logo{
  width: min(300px, 62%);
  margin: 0 auto 16px;
}

.ff-menu-clean .ff-overlay h2{
  margin: 0 0 8px;
  font-size: clamp(2.25rem, 4.4vw, 4.2rem);
  line-height: .94;
}

.ff-menu-clean .ff-overlay p{
  max-width: 620px;
  margin: 0 auto 14px;
  font-size: clamp(.82rem, .92vw, 1rem);
  line-height: 1.35;
}

.ff-menu-clean .ff-overlay-badges{
  gap: 8px;
  margin-bottom: 12px;
}

.ff-menu-clean .ff-overlay-badges span{
  min-height: 28px;
  padding: 6px 11px;
  font-size: .58rem;
}

/* Run summary should be a compact information grid. */
.ff-menu-clean .ff-run-summary{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.ff-menu-clean .ff-run-summary div{
  min-height: 58px;
  padding: 9px 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.075);
}

.ff-menu-clean .ff-run-summary span{
  font-size: .54rem;
  line-height: 1.1;
}

.ff-menu-clean .ff-run-summary strong{
  margin-top: 4px;
  font-size: clamp(.92rem, 1vw, 1.12rem);
}

.ff-menu-clean .ff-run-insight{
  margin: 8px auto;
  font-size: .88rem;
  line-height: 1.25;
}

.ff-menu-clean .ff-overlay-actions{
  gap: 8px;
  margin-top: 10px;
}

.ff-menu-clean .ff-overlay-actions .ff-btn{
  min-height: 40px;
  padding: 0 14px;
  border-radius: 14px;
  font-size: .68rem;
}

.ff-menu-clean .ff-overlay-footnote{
  margin-top: 10px;
  font-size: .78rem;
}

/* When overlay is visible, HUD stays technically available but visually behind it. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-visible ~ .ff-game-menu-btn,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-visible ~ .ff-version-badge{
  opacity: 0;
  pointer-events: none;
}

/* The visible overlay should not create page scrollbars. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-visible){
  overflow: hidden;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-wrap:has(.ff-overlay.is-visible){
  overflow: hidden;
}

/* Short desktop screens need even tighter game-over modal. */
@media (max-height: 820px){
  .ff-menu-clean .ff-overlay-shell,
  .ff-page.ff-menu-clean .ff-arcade .ff-overlay-shell{
    max-height: calc(100dvh - 50px);
    padding: 16px 20px;
  }

  .ff-menu-clean .ff-overlay .ff-game-logo{
    width: min(260px, 56%);
    margin-bottom: 12px;
  }

  .ff-menu-clean .ff-overlay h2{
    font-size: clamp(2rem, 4vw, 3.55rem);
  }

  .ff-menu-clean .ff-overlay-badges{
    margin-bottom: 10px;
  }

  .ff-menu-clean .ff-run-summary div{
    min-height: 52px;
    padding: 8px 9px;
  }

  .ff-menu-clean .ff-overlay-actions .ff-btn{
    min-height: 36px;
  }

  .ff-menu-clean .ff-overlay-footnote{
    display: none;
  }
}

@media (max-width: 1100px){
  .ff-menu-clean .ff-overlay-shell,
  .ff-page.ff-menu-clean .ff-arcade .ff-overlay-shell{
    width: min(720px, calc(100vw - 34px));
  }

  .ff-menu-clean .ff-run-summary{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ------------------------------------------------------------------
   3.11.58 GAMEPLAY VIEWPORT FIX
   The in-page leaderboard panel was still rendered after the canvas in
   gameplay mode on wide screens. Gameplay should be a single fullscreen
   stage; ranking remains available from the menu/ranking screens.
   ------------------------------------------------------------------ */
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode{
  position: fixed;
  inset: 0;
  z-index: 99998;
  display: block;
  width: 100vw;
  height: 100dvh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #020713;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-player-panel,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-board,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode #leaderboard{
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-game-wrap{
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  min-height: 0;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  background: #020713;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-canvas{
  width: 100vw;
  height: 100dvh;
  min-height: 0;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-arcade-fullscreen-toggle{
  position: fixed;
}


/* ------------------------------------------------------------------
   3.11.60 Floating volume control
   Dodatkowy kontroler głośności działa w menu i podczas rozgrywki.
   ------------------------------------------------------------------ */
.ff-menu-clean .ff-volume-control{
  position:absolute;
  z-index:72;
  right:22px;
  top:142px;
  font-family:var(--ff-head);
}

.ff-menu-clean .ff-volume-toggle{
  width:58px;
  height:58px;
  border-radius:18px;
  border:1px solid rgba(88,221,255,.38);
  background:linear-gradient(180deg,rgba(5,18,44,.92),rgba(2,8,22,.84));
  color:var(--ff-cyan);
  display:grid;
  place-items:center;
  grid-template-rows:1fr auto;
  gap:2px;
  cursor:pointer;
  box-shadow:0 18px 38px rgba(0,0,0,.28), inset 0 0 18px rgba(88,221,255,.08);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.ff-menu-clean .ff-volume-toggle:hover,
.ff-menu-clean .ff-volume-control.is-open .ff-volume-toggle{
  transform:translateY(-1px);
  border-color:rgba(255,210,38,.62);
  color:var(--ff-gold);
  box-shadow:0 20px 42px rgba(0,0,0,.32), 0 0 24px rgba(255,210,38,.18), inset 0 0 20px rgba(88,221,255,.10);
}

.ff-menu-clean .ff-volume-toggle.is-muted{
  color:#8fa1bd;
  border-color:rgba(143,161,189,.26);
  opacity:.78;
}

.ff-menu-clean .ff-volume-toggle .ff-ui-ico{
  width:20px;
  height:20px;
}

.ff-menu-clean .ff-volume-toggle em{
  font-style:normal;
  font-size:.55rem;
  letter-spacing:.06em;
  line-height:1;
}

.ff-menu-clean .ff-volume-panel{
  position:absolute;
  top:0;
  right:70px;
  width:268px;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(88,221,255,.30);
  background:linear-gradient(180deg,rgba(4,15,38,.96),rgba(2,8,22,.94));
  box-shadow:0 24px 56px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(16px);
}

.ff-menu-clean .ff-volume-panel::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at 20% 0%,rgba(88,221,255,.22),transparent 45%), radial-gradient(circle at 92% 12%,rgba(255,210,38,.15),transparent 42%);
  opacity:.9;
}

.ff-menu-clean .ff-volume-panel > *{
  position:relative;
  z-index:1;
}

.ff-menu-clean .ff-volume-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
  color:#dce8ff;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.7rem;
}

.ff-menu-clean .ff-volume-panel-head strong{
  color:var(--ff-gold);
  font-size:.86rem;
}


.ff-menu-clean .ff-volume-panel-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 10px;
  align-items:center;
  margin:10px 0 12px;
  color:#dce8ff;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.ff-menu-clean .ff-volume-panel-row strong{
  color:var(--ff-gold);
  font-size:.82rem;
}
.ff-menu-clean .ff-volume-panel-row input{
  grid-column:1 / -1;
}

.ff-menu-clean .ff-volume-panel-range,
.ff-menu-clean .ff-volume-panel input[type="range"]{
  width:100%;
  accent-color:var(--ff-cyan);
  cursor:pointer;
}

.ff-menu-clean .ff-volume-mute{
  margin-top:12px;
  width:100%;
  min-height:42px;
  border-radius:14px;
  border:1px solid rgba(88,221,255,.22);
  background:rgba(3,10,25,.62);
  color:#dce8ff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 12px;
  font-family:var(--ff-head);
  text-transform:uppercase;
  cursor:pointer;
}

.ff-menu-clean .ff-volume-mute b{
  color:var(--ff-gold);
  font-weight:800;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-control{
  position:fixed;
  top:142px;
  right:22px;
  z-index:56;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-panel{
  right:72px;
}

@media(max-width:900px){
  .ff-menu-clean .ff-volume-control,
  .ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-control{
    top:auto;
    right:16px;
    bottom:92px;
  }
  .ff-menu-clean .ff-volume-panel,
  .ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-panel{
    top:auto;
    bottom:0;
    right:64px;
    width:min(260px,calc(100vw - 96px));
  }
}


/* ------------------------------------------------------------------
   3.11.61 Right controls alignment hotfix
   Przywraca jeden profesjonalny pionowy układ: X / fullscreen / audio.
   ------------------------------------------------------------------ */
.ff-menu-clean .ff-volume-control{
  position: fixed;
  z-index: 100004;
  right: calc(var(--ff-safe-x) - 4px);
  top: calc(var(--ff-safe-y) + 130px);
  font-family: var(--ff-head);
}

.ff-menu-clean .ff-volume-toggle{
  width: 54px;
  height: 54px;
  min-width: 54px;
  min-height: 54px;
  box-sizing: border-box;
  border-radius: 18px;
  padding: 7px 0 6px;
  gap: 1px;
}

.ff-menu-clean .ff-volume-toggle .ff-ui-ico{
  width: 19px;
  height: 19px;
}

.ff-menu-clean .ff-volume-toggle em{
  font-size: .50rem;
  line-height: 1;
  letter-spacing: .05em;
}

.ff-menu-clean .ff-volume-panel{
  top: 0;
  right: 64px;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-control{
  position: fixed;
  top: 142px;
  right: 22px;
  z-index: 100004;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-panel{
  right: 64px;
}

@media(max-width:900px){
  .ff-menu-clean .ff-volume-control,
  .ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-control{
    top: calc(var(--ff-safe-y) + 130px);
    right: calc(var(--ff-safe-x) - 4px);
    bottom: auto;
  }

  .ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-control{
    top: 142px;
    right: 22px;
  }

  .ff-menu-clean .ff-volume-panel,
  .ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-panel{
    top: 0;
    bottom: auto;
    right: 64px;
    width: min(260px, calc(100vw - 96px));
  }
}

/* ------------------------------------------------------------------
   3.11.64 BLACK SCREEN GAMEPLAY FIX
   Real gameplay layer is forced above menu/chrome during a run.
   ------------------------------------------------------------------ */
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode{
  display:block ;
  position:fixed ;
  inset:0 ;
  width:100vw ;
  height:100dvh ;
  min-width:100vw ;
  min-height:100dvh ;
  margin:0 ;
  padding:0 ;
  overflow:hidden ;
  background:#020713 ;
  z-index:99998 ;
  grid-template-columns:1fr ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-board,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-side-panel,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-menu-head,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-ingame-tabs,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-ingame-tabs-primary,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-top-account-chip,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-menu-section{
  display:none ;
  visibility:hidden ;
  opacity:0 ;
  pointer-events:none ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-wrap,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode [data-ff-game-wrap]{
  display:block ;
  position:fixed ;
  inset:0 ;
  width:100vw ;
  height:100dvh ;
  min-width:100vw ;
  min-height:100dvh ;
  max-width:none ;
  max-height:none ;
  margin:0 ;
  padding:0 ;
  border:0 ;
  border-radius:0 ;
  overflow:hidden ;
  visibility:visible ;
  opacity:1 ;
  background:#020713 ;
  z-index:99999 ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-canvas,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode [data-ff-canvas]{
  display:block ;
  position:absolute ;
  inset:0 ;
  width:100% ;
  height:100% ;
  min-width:100% ;
  min-height:100% ;
  max-width:none ;
  max-height:none ;
  visibility:visible ;
  opacity:1 ;
  z-index:1 ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-combat-ui,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-menu-btn,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-version-badge{
  visibility:visible ;
  opacity:1 ;
  pointer-events:auto ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline{
  display:flex ;
  position:fixed ;
  top:14px ;
  left:16px ;
  right:96px ;
  z-index:100005 ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
  display:grid ;
  position:fixed ;
  top:64px ;
  left:16px ;
  right:96px ;
  z-index:100006 ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp{
  display:flex ;
  position:fixed ;
  left:18px ;
  bottom:18px ;
  z-index:100006 ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-combat-ui{
  position:fixed ;
  z-index:100006 ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay:not(.is-visible){
  display:none ;
  visibility:hidden ;
  opacity:0 ;
  pointer-events:none ;
}

@media (max-width:900px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    grid-template-columns:repeat(3,minmax(0,1fr)) ;
    top:56px ;
    right:84px ;
    gap:6px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline{
    display:none ;
  }
}


/* ------------------------------------------------------------------
   3.11.66 definitive gameplay visibility fix
   The game canvas lives inside .ff-player-panel in this build, so the
   panel must remain visible during gameplay while only menu children hide.
   ------------------------------------------------------------------ */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-player-panel{
  display:block ;
  position:fixed ;
  inset:0 ;
  width:100vw ;
  height:100dvh ;
  min-width:100vw ;
  min-height:100dvh ;
  max-width:none ;
  max-height:none ;
  margin:0 ;
  padding:0 ;
  overflow:hidden ;
  border:0 ;
  border-radius:0 ;
  visibility:visible ;
  opacity:1 ;
  pointer-events:auto ;
  background:#020713 ;
  z-index:99999 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel > .ff-menu-head,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel > .ff-ingame-tabs,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel > .ff-top-account-chip,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel > .ff-menu-section,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel > #leaderboard,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel > .ff-hidden-nick-sync{
  display:none ;
  visibility:hidden ;
  opacity:0 ;
  pointer-events:none ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel > .ff-game-wrap,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-wrap,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode [data-ff-game-wrap]{
  display:block ;
  position:fixed ;
  inset:0 ;
  width:100vw ;
  height:100dvh ;
  min-width:100vw ;
  min-height:100dvh ;
  max-width:none ;
  max-height:none ;
  margin:0 ;
  padding:0 ;
  overflow:hidden ;
  border:0 ;
  border-radius:0 ;
  visibility:visible ;
  opacity:1 ;
  pointer-events:auto ;
  background:#020713 ;
  z-index:100000 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-canvas,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode [data-ff-canvas]{
  display:block ;
  position:absolute ;
  inset:0 ;
  width:100vw ;
  height:100dvh ;
  min-width:100vw ;
  min-height:100dvh ;
  max-width:none ;
  max-height:none ;
  visibility:visible ;
  opacity:1 ;
  background:#06152f url('../img/ff-bg-crystal-ruins.webp') center/cover no-repeat ;
  z-index:1 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-combat-ui,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-menu-btn,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-version-badge{
  visibility:visible ;
  opacity:1 ;
  pointer-events:auto ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline{display:flex ;position:fixed ;z-index:100010 ;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{display:grid ;position:fixed ;z-index:100011 ;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp{display:flex ;position:fixed ;z-index:100011 ;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-combat-ui{position:fixed ;z-index:100011 ;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-volume-control{z-index:100030 ;}


/* ------------------------------------------------------------------
   3.11.71 Audio mini status
   Boczne audio pokazuje dwie osobne wartości: muzyka i efekty.
   ------------------------------------------------------------------ */
.ff-menu-clean .ff-volume-toggle{
  grid-template-rows: 20px auto;
  padding: 6px 0 5px;
}
.ff-menu-clean .ff-volume-toggle .ff-volume-mini{
  display:grid;
  gap:1px;
  justify-items:center;
  align-content:center;
  font-style:normal;
  line-height:1;
}
.ff-menu-clean .ff-volume-toggle .ff-volume-mini b{
  display:block;
  font-size:.43rem;
  font-weight:900;
  letter-spacing:.045em;
  color:currentColor;
  white-space:nowrap;
}
.ff-menu-clean .ff-volume-toggle .ff-volume-mini b:first-child{
  color:var(--ff-cyan);
}
.ff-menu-clean .ff-volume-toggle .ff-volume-mini b:last-child{
  color:var(--ff-gold);
}
.ff-menu-clean .ff-volume-toggle.is-muted .ff-volume-mini b{
  color:#8fa1bd;
}
.ff-menu-clean .ff-volume-panel-head strong[data-ff-volume-summary]{
  font-size:.72rem;
  white-space:nowrap;
}


/* ------------------------------------------------------------------
   3.11.72 Right-side action buttons alignment
   Wspólny pionowy tor dla X / fullscreen / audio w menu i w grze.
   ------------------------------------------------------------------ */
.ff-menu-clean{
  --ff-side-rail-size: 58px;
  --ff-side-rail-gap: 12px;
  --ff-side-rail-right: calc(var(--ff-safe-x) - 4px);
  --ff-side-rail-top: calc(var(--ff-safe-y) + 2px);
}

.ff-page.ff-menu-clean .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade > [data-ff-close-arcade],
.ff-page.ff-menu-clean .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade > [data-ff-fullscreen],
.ff-page.ff-menu-clean .ff-volume-control{
  position: fixed;
  right: var(--ff-side-rail-right);
  width: var(--ff-side-rail-size);
  height: var(--ff-side-rail-size);
  min-width: var(--ff-side-rail-size);
  min-height: var(--ff-side-rail-size);
  max-width: var(--ff-side-rail-size);
  max-height: var(--ff-side-rail-size);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  transform: none;
}

.ff-page.ff-menu-clean .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade > [data-ff-close-arcade]{
  top: var(--ff-side-rail-top);
}

.ff-page.ff-menu-clean .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade > [data-ff-fullscreen]{
  top: calc(var(--ff-side-rail-top) + var(--ff-side-rail-size) + var(--ff-side-rail-gap));
}

.ff-page.ff-menu-clean .ff-volume-control,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-control{
  top: calc(var(--ff-side-rail-top) + var(--ff-side-rail-size) + var(--ff-side-rail-gap) + var(--ff-side-rail-size) + var(--ff-side-rail-gap));
  right: var(--ff-side-rail-right);
}

.ff-page.ff-menu-clean .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade > [data-ff-close-arcade],
.ff-page.ff-menu-clean .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade > [data-ff-fullscreen],
.ff-page.ff-menu-clean .ff-volume-toggle{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  box-sizing: border-box;
}

.ff-page.ff-menu-clean .ff-volume-toggle{
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 7px 0 6px;
  flex-direction: column;
  gap: 3px;
  line-height: 1;
  text-align: center;
}

.ff-page.ff-menu-clean .ff-arcade-close .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade > [data-ff-close-arcade] .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade-fullscreen-toggle .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade > [data-ff-fullscreen] .ff-ui-ico,
.ff-page.ff-menu-clean .ff-volume-toggle .ff-ui-ico{
  display: block;
  flex: 0 0 auto;
  margin: 0 auto;
  transform: none;
  position: static;
}

.ff-page.ff-menu-clean .ff-volume-toggle .ff-ui-ico{
  width: 20px;
  height: 20px;
}

.ff-page.ff-menu-clean .ff-volume-toggle .ff-volume-mini,
.ff-page.ff-menu-clean .ff-volume-toggle em{
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
  line-height: 1;
  transform: none;
}

.ff-page.ff-menu-clean .ff-volume-toggle:hover,
.ff-page.ff-menu-clean .ff-volume-control.is-open .ff-volume-toggle{
  transform: none;
}

.ff-page.ff-menu-clean .ff-volume-panel,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-panel{
  top: 0;
  right: calc(var(--ff-side-rail-size) + 12px);
}

@media (max-width: 900px){
  .ff-menu-clean{
    --ff-side-rail-size: 54px;
    --ff-side-rail-gap: 10px;
    --ff-side-rail-right: 16px;
    --ff-side-rail-top: 12px;
  }
}


/* ------------------------------------------------------------------
   3.11.73 Game over overlay above gameplay HUD
   Final result screen must be the active UI after death. The gameplay HUD
   stays useful while flying, but is hidden under the round-end modal.
   ------------------------------------------------------------------ */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-stage-topline,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-hud,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-bottom-hp,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-power-status,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-combat-ui,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-game-menu-btn,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-version-badge{
  display:none ;
  visibility:hidden ;
  opacity:0 ;
  pointer-events:none ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-overlay.is-visible,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-visible.is-round-end{
  display:grid ;
  position:fixed ;
  inset:0 ;
  z-index:100080 ;
  visibility:visible ;
  opacity:1 ;
  pointer-events:auto ;
  background:
    radial-gradient(circle at 50% 42%, rgba(88,221,255,.16), rgba(2,7,19,.88) 52%, rgba(2,7,19,.96) 100%) ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-overlay-shell{
  position:relative ;
  z-index:100081 ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-volume-control{
  z-index:100090 ;
}


/* ------------------------------------------------------------------
   3.11.79 Gameplay HUD cleanup
   Power labels are handled by the center power HUD. The HP pill stays
   compact and readable without sharing the same bottom-left area.
   ------------------------------------------------------------------ */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp{
  min-width: 178px ;
  width: auto ;
  max-width: 260px ;
  background: rgba(3,10,25,.88) ;
  backdrop-filter: blur(10px) saturate(130%) ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp-label{
  flex: 0 0 auto ;
  white-space: nowrap ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-heart-row{
  flex: 0 0 auto ;
  min-width: 86px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status{
  min-width: 280px ;
  background: rgba(3,10,25,.88) ;
  backdrop-filter: blur(10px) saturate(130%) ;
}

/* 3.12.32 — ARK Survival Overhaul: Dino Threat HUD */
.ff-ark-threat{
  position:absolute;
  z-index:8;
  right:18px;
  bottom:82px;
  width:min(330px,calc(100% - 36px));
  padding:11px 13px 12px;
  border-radius:18px;
  border:1px solid rgba(125,255,186,.30);
  background:linear-gradient(135deg,rgba(2,12,22,.78),rgba(15,36,28,.72));
  box-shadow:0 16px 46px rgba(0,0,0,.34),0 0 34px rgba(91,255,180,.12);
  pointer-events:none;
  backdrop-filter:blur(12px);
}
.ff-ark-threat[hidden]{display:none}
.ff-ark-threat-head,
.ff-ark-threat-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ff-ark-threat-head span,
.ff-ark-threat-foot em,
.ff-ark-threat-foot small{
  font-family:var(--ff-head);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-style:normal;
}
.ff-ark-threat-head span{font-size:.66rem;color:#9fffd2}
.ff-ark-threat-head strong{font-family:var(--ff-head);font-size:.88rem;color:#fff;text-align:right;white-space:nowrap}
.ff-ark-threat-meter{
  display:block;
  height:8px;
  margin:8px 0;
  border-radius:999px;
  background:rgba(255,255,255,.11);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}
.ff-ark-threat-meter b{
  display:block;
  height:100%;
  width:0%;
  border-radius:inherit;
  background:linear-gradient(90deg,#58ddff,#7dffba);
  box-shadow:0 0 16px rgba(125,255,186,.45);
  transition:width .22s ease, background .22s ease;
}
.ff-ark-threat-foot em{font-size:.68rem;color:#bfffe0}
.ff-ark-threat-foot small{font-size:.62rem;color:#ffd36b;text-align:right}
.ff-ark-threat-critical .ff-ark-threat{
  border-color:rgba(255,120,72,.55);
  box-shadow:0 16px 48px rgba(0,0,0,.42),0 0 42px rgba(255,95,72,.22);
}

.ff-ark-event-banner{
  position:fixed;
  z-index:56;
  left:50%;
  bottom:clamp(92px,10vh,132px);
  transform:translateX(-50%);
  width:min(560px,calc(100% - 220px));
  padding:10px 18px 12px;
  border-radius:18px;
  border:1px solid rgba(88,221,255,.30);
  background:linear-gradient(135deg,rgba(3,10,25,.84),rgba(11,28,40,.74));
  box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 28px rgba(88,221,255,.10);
  backdrop-filter:blur(12px);
  pointer-events:none;
  text-align:center;
}
.ff-ark-event-banner[hidden]{display:none}
.ff-ark-event-banner span,
.ff-ark-event-banner strong,
.ff-ark-event-banner small{
  display:block;
  font-family:var(--ff-head);
  text-transform:uppercase;
  font-style:normal;
}
.ff-ark-event-banner span{font-size:.64rem;letter-spacing:.14em;color:#9fffd2}
.ff-ark-event-banner strong{margin-top:2px;font-size:.98rem;letter-spacing:.06em;color:#fff}
.ff-ark-event-banner small{margin-top:4px;font-size:.68rem;letter-spacing:.08em;color:#d3f6ff}
@media (max-width:780px){
  .ff-ark-threat{
    right:12px;
    left:12px;
    bottom:74px;
    width:auto;
    padding:9px 11px;
  }
  .ff-ark-threat-head strong{font-size:.78rem}
  .ff-ark-event-banner{
    width:min(520px,calc(100% - 24px));
    bottom:88px;
    padding:9px 14px 11px;
  }
  .ff-ark-event-banner strong{font-size:.90rem}
  .ff-ark-event-banner small{font-size:.64rem}
}


/* 3.12.67 — gameplay cleanup: remove top decorative HUD chips and fix Menu/Pauza click layer. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline{
  display:none ;
  visibility:hidden ;
  opacity:0 ;
  pointer-events:none ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-menu-btn{
  z-index:100060 ;
  pointer-events:auto ;
  cursor:pointer ;
}


/* 3.12.68 — richer gameplay HUD layout and color hierarchy */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
  position:fixed;
  z-index:50;
  top:clamp(18px,2.6vh,28px);
  left:clamp(16px,2vw,34px);
  right:clamp(92px,7.5vw,148px);
  display:grid;
  grid-template-columns:minmax(290px,1.2fr) minmax(250px,1fr) minmax(250px,1fr);
  align-items:start;
  gap:14px;
  pointer-events:none;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section{
  display:grid;
  gap:10px;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-left{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-center{
  grid-template-columns:minmax(0,1fr);
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-right{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card{
  position:relative;
  min-height:56px;
  padding:10px 14px 11px;
  border-radius:18px;
  border:1px solid rgba(88,221,255,.18);
  background:linear-gradient(180deg,rgba(4,12,29,.82),rgba(5,16,35,.74));
  box-shadow:0 16px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(12px) saturate(130%);
  overflow:hidden;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:18px 0 0 18px;
  background:var(--hud-accent,#58ddff);
  box-shadow:0 0 18px color-mix(in srgb,var(--hud-accent,#58ddff) 50%, transparent);
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card::after{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right,color-mix(in srgb,var(--hud-accent,#58ddff) 18%, transparent),transparent 42%);
  pointer-events:none;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card span,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card strong{
  position:relative;
  z-index:1;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card span{
  display:block;
  font-family:var(--ff-head);
  font-size:.62rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--hud-accent,#58ddff) 56%, #eef7ff);
  opacity:.96;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card strong{
  display:block;
  margin-top:3px;
  color:#ffffff;
  font-family:var(--ff-head);
  font-size:1.02rem;
  letter-spacing:.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 1px 12px rgba(0,0,0,.22);
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-score{--hud-accent:#58ddff;min-height:60px;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-score strong{font-size:1.36rem;color:#f3fbff;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-boost{--hud-accent:#7dffba;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-boost strong{color:#d8fff0;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-crystals{--hud-accent:#7aa8ff;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-crystals strong{color:#e7efff;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map{--hud-accent:#7fe7ff;min-height:60px;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map strong{font-size:1.14rem;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-power{--hud-accent:#ffb15e;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-power strong{color:#ffe7ca;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-record{--hud-accent:#ffd36b;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-record strong{color:#fff2c8;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp{
  border-color:rgba(255,95,145,.34);
  background:linear-gradient(180deg,rgba(22,8,19,.90),rgba(9,12,27,.88));
  box-shadow:0 16px 30px rgba(0,0,0,.24),0 0 20px rgba(255,95,145,.10);
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp-label{color:#ffc2d5;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status{
  border:1px solid rgba(88,221,255,.24);
  background:linear-gradient(180deg,rgba(7,11,29,.90),rgba(2,14,33,.86));
  box-shadow:0 16px 30px rgba(0,0,0,.24),0 0 20px rgba(88,221,255,.10);
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-ark-threat{
  border-color:rgba(125,255,186,.36);
  background:linear-gradient(135deg,rgba(2,12,22,.86),rgba(11,32,26,.80));
}
@media (max-width: 1280px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
    grid-template-areas:
      'left center'
      'right right';
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-left{grid-area:left;}
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-center{grid-area:center;}
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-right{grid-area:right;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 980px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    top:clamp(16px,2vh,22px);
    left:12px;
    right:82px;
    grid-template-columns:1fr;
    grid-template-areas:'left' 'center' 'right';
    gap:10px;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-left{grid-template-columns:repeat(3,minmax(0,1fr));}
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-right{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 640px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    right:12px;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-left,
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-right{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map{grid-column:1 / -1;}
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card strong{font-size:.96rem;}
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-score strong{font-size:1.20rem;}
}


/* 3.12.69 — compact grouped HUD polish after screenshot review */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
  top:clamp(62px,7.4vh,76px) ;
  left:clamp(16px,1.7vw,28px) ;
  right:clamp(92px,7.2vw,140px) ;
  grid-template-columns:minmax(360px,.98fr) minmax(285px,.72fr) minmax(300px,.82fr) ;
  gap:16px ;
  align-items:start ;
  pointer-events:none ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud > .ff-hud-section{
  min-height:0 ;
  padding:0 ;
  border:0 ;
  background:transparent ;
  box-shadow:none ;
  border-radius:0 ;
  overflow:visible ;
  backdrop-filter:none ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-left{
  grid-template-columns:.86fr .72fr .78fr ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-right{
  grid-template-columns:.86fr .74fr ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card{
  min-height:48px ;
  padding:8px 12px 9px 15px ;
  border-radius:16px ;
  background:linear-gradient(180deg,rgba(4,12,28,.78),rgba(3,13,30,.68)) ;
  box-shadow:0 12px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.045) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card::before{
  width:3px ;
  opacity:.95 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card span{
  font-size:.58rem ;
  letter-spacing:.12em ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card strong{
  margin-top:2px ;
  font-size:.98rem ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-score,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map{
  min-height:52px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-score strong{
  font-size:1.28rem ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map strong{
  font-size:1.10rem ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-score{
  background:linear-gradient(180deg,rgba(3,18,36,.86),rgba(1,10,26,.70)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-boost{
  background:linear-gradient(180deg,rgba(6,28,27,.82),rgba(2,14,25,.68)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-crystals{
  background:linear-gradient(180deg,rgba(7,16,42,.82),rgba(3,12,31,.68)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-power{
  background:linear-gradient(180deg,rgba(35,18,18,.82),rgba(8,10,25,.68)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-record{
  background:linear-gradient(180deg,rgba(35,28,10,.82),rgba(8,12,25,.68)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-ark-threat{
  box-shadow:0 14px 28px rgba(0,0,0,.22),0 0 18px rgba(88,221,255,.08) ;
}
@media (max-width:1280px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr) ;
    grid-template-areas:'left center' 'right right' ;
    top:clamp(58px,7vh,72px) ;
  }
}
@media (max-width:980px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    top:58px ;
    left:12px ;
    right:82px ;
    grid-template-columns:1fr ;
    grid-template-areas:'left' 'center' 'right' ;
    gap:8px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card{min-height:44px ;}
}

/* 3.12.70 — trend-inspired compact contextual HUD
   Design direction: minimal/contextual HUD, clear hierarchy, color-coded status, map-themed glass cockpit.
*/
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
  top:clamp(54px,6.2vh,66px) ;
  left:clamp(16px,1.6vw,28px) ;
  right:clamp(92px,7vw,138px) ;
  grid-template-columns:minmax(330px,.95fr) minmax(275px,.70fr) minmax(275px,.74fr) ;
  gap:14px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section{
  align-items:start ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-left{
  grid-template-columns:.84fr .62fr .70fr ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-right{
  grid-template-columns:.82fr .70fr ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card{
  --hud-accent-map:#58ddff;
  min-height:42px ;
  padding:7px 11px 8px 36px ;
  border-radius:999px ;
  border-color:color-mix(in srgb,var(--hud-accent,#58ddff) 34%, rgba(255,255,255,.09)) ;
  background:
    linear-gradient(180deg,rgba(8,18,35,.74),rgba(2,9,24,.62)),
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--hud-accent,#58ddff) 22%, transparent),transparent 46%) ;
  box-shadow:
    0 10px 22px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 16px color-mix(in srgb,var(--hud-accent,#58ddff) 10%, transparent) ;
  backdrop-filter:blur(14px) saturate(150%) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card::before{
  width:22px ;
  height:22px ;
  top:50% ;
  left:9px ;
  inset:auto auto auto 9px ;
  transform:translateY(-50%) ;
  display:grid ;
  place-items:center ;
  border-radius:50% ;
  background:color-mix(in srgb,var(--hud-accent,#58ddff) 22%, rgba(4,12,28,.80)) ;
  border:1px solid color-mix(in srgb,var(--hud-accent,#58ddff) 45%, rgba(255,255,255,.12)) ;
  box-shadow:0 0 14px color-mix(in srgb,var(--hud-accent,#58ddff) 32%, transparent) ;
  color:#ffffff ;
  font-family:var(--ff-head) ;
  font-size:.70rem ;
  line-height:1 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card::after{
  content:'' ;
  position:absolute ;
  left:36px ;
  right:14px ;
  bottom:5px ;
  height:1px ;
  border-radius:999px ;
  background:linear-gradient(90deg,var(--hud-accent,#58ddff),transparent) ;
  opacity:.50 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-score::before{content:'◎' ;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-boost::before{content:'×' ;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-crystals::before{content:'◆' ;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map::before{content:'⌖' ;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-power::before{content:'✦' ;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-record::before{content:'★' ;}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card span{
  font-size:.52rem ;
  letter-spacing:.14em ;
  opacity:.92 ;
  color:color-mix(in srgb,var(--hud-accent,#58ddff) 62%, #eff8ff) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card strong{
  margin-top:1px ;
  font-size:.90rem ;
  line-height:1.05 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-score,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map{
  min-height:46px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-score strong{
  font-size:1.12rem ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map strong{
  font-size:1.00rem ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-score{--hud-accent:#58ddff;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-boost{--hud-accent:#7dffba;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-crystals{--hud-accent:#7aa8ff;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map{--hud-accent:#7fe7ff;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-power{--hud-accent:#ffb15e;}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-record{--hud-accent:#ffd36b;}

/* Map-themed cockpit glow: the HUD uses the active map to tint accents without changing layout. */
.ff-page.ff-menu-clean .ff-game-wrap[data-ff-map-theme="ark"]{
  --hud-theme:#7dffba;
  --hud-theme-2:#ffd36b;
}
.ff-page.ff-menu-clean .ff-game-wrap[data-ff-map-theme="minecraft"]{
  --hud-theme:#c786ff;
  --hud-theme-2:#ffb15e;
}
.ff-page.ff-menu-clean .ff-game-wrap[data-ff-map-theme="crystal"]{
  --hud-theme:#58ddff;
  --hud-theme-2:#7aa8ff;
}
.ff-page.ff-menu-clean .ff-game-wrap[data-ff-map-theme="ark"] .ff-hud-card-map,
.ff-page.ff-menu-clean .ff-game-wrap[data-ff-map-theme="ark"] .ff-hud-card-score{
  --hud-accent:var(--hud-theme);
}
.ff-page.ff-menu-clean .ff-game-wrap[data-ff-map-theme="minecraft"] .ff-hud-card-map,
.ff-page.ff-menu-clean .ff-game-wrap[data-ff-map-theme="minecraft"] .ff-hud-card-score{
  --hud-accent:var(--hud-theme);
}
.ff-page.ff-menu-clean .ff-game-wrap[data-ff-map-theme="crystal"] .ff-hud-card-map,
.ff-page.ff-menu-clean .ff-game-wrap[data-ff-map-theme="crystal"] .ff-hud-card-score{
  --hud-accent:var(--hud-theme);
}

/* Important gameplay elements keep stronger visual priority than low-priority top stats. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-ark-threat,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-ark-event-banner{
  border-width:1px ;
  box-shadow:
    0 14px 32px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 20px color-mix(in srgb,var(--hud-theme,#58ddff) 10%, transparent) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp{
  transform:translateY(-2px);
  border-color:rgba(255,95,145,.42) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status{
  min-width:260px ;
  border-radius:18px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status>span{
  filter:drop-shadow(0 0 9px rgba(88,221,255,.45));
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-ark-threat{
  width:min(310px,calc(100% - 36px)) ;
  right:clamp(14px,1.4vw,24px) ;
  bottom:clamp(78px,9vh,110px) ;
}

/* Keep the playfield clean on smaller screens. */
@media (max-width:1280px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    top:56px ;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.80fr) ;
    gap:10px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-left{
    grid-template-columns:repeat(3,minmax(0,1fr)) ;
  }
}
@media (max-width:980px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    top:56px ;
    left:10px ;
    right:80px ;
    gap:8px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card{
    min-height:38px ;
    padding:6px 9px 7px 32px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card::before{
    width:19px ;
    height:19px ;
    left:8px ;
    font-size:.62rem ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card strong{
    font-size:.82rem ;
  }
}


/* 3.12.71 — trend HUD v2: compact cockpit clusters instead of six separate long pills */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
  top:clamp(54px,6.0vh,64px) ;
  left:clamp(18px,2vw,32px) ;
  right:clamp(88px,7vw,136px) ;
  grid-template-columns:minmax(300px,.82fr) minmax(235px,.54fr) minmax(290px,.70fr) ;
  align-items:start ;
  gap:12px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section{
  min-height:44px ;
  padding:5px ;
  border-radius:999px ;
  border:1px solid rgba(88,221,255,.20) ;
  background:linear-gradient(180deg,rgba(5,13,29,.64),rgba(2,8,22,.52)) ;
  box-shadow:0 12px 26px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.055) ;
  backdrop-filter:blur(13px) saturate(145%) ;
  overflow:hidden ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-left,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-right{
  display:flex ;
  grid-template-columns:none ;
  align-items:center ;
  gap:0 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-center{
  display:block ;
  grid-template-columns:none ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card{
  flex:1 1 0 ;
  min-width:0 ;
  min-height:34px ;
  padding:5px 10px 5px 30px ;
  border:0 ;
  border-radius:999px ;
  background:transparent ;
  box-shadow:none ;
  backdrop-filter:none ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card + .ff-hud-card{
  border-left:1px solid rgba(255,255,255,.075) ;
  border-radius:0 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card::before{
  width:18px ;
  height:18px ;
  left:8px ;
  top:50% ;
  font-size:.58rem ;
  opacity:.96 ;
  background:color-mix(in srgb,var(--hud-accent,#58ddff) 24%, rgba(4,12,28,.74)) ;
  border-color:color-mix(in srgb,var(--hud-accent,#58ddff) 45%, rgba(255,255,255,.10)) ;
  box-shadow:0 0 12px color-mix(in srgb,var(--hud-accent,#58ddff) 24%, transparent) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card::after{
  display:none ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card span{
  font-size:.48rem ;
  line-height:1 ;
  letter-spacing:.13em ;
  opacity:.88 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card strong{
  margin-top:2px ;
  font-size:.82rem ;
  line-height:1 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-score strong{
  font-size:.98rem ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map{
  width:100% ;
  max-width:none ;
  min-height:34px ;
  padding-left:32px ;
  background:linear-gradient(90deg,rgba(88,221,255,.10),rgba(255,255,255,.02)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map strong{
  font-size:.92rem ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map::before{
  left:9px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-power,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-record{
  min-width:0 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status{
  bottom:clamp(18px,2.2vh,28px) ;
  min-width:240px ;
  border-radius:999px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp{
  bottom:clamp(18px,2.2vh,28px) ;
  min-width:164px ;
  padding:9px 13px ;
  border-radius:999px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-hud,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-bottom-hp,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-power-status,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-ark-threat,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-combat-ui{
  opacity:.08 ;
  filter:blur(1px) ;
}
@media (max-width:1180px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    grid-template-columns:minmax(280px,1fr) minmax(220px,.7fr) ;
    grid-template-areas:'left center' 'right right' ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-left{grid-area:left ;}
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-center{grid-area:center ;}
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-right{grid-area:right ;max-width:430px ;}
}
@media (max-width:780px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    top:54px ;
    left:10px ;
    right:76px ;
    grid-template-columns:1fr ;
    grid-template-areas:'left' 'center' 'right' ;
    gap:8px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section,
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card{
    min-height:32px ;
  }
}

/* 3.12.72 — readable hybrid HUD: compact, but no longer too tiny/flat */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
  top:clamp(58px,6.8vh,72px) ;
  left:clamp(18px,2vw,34px) ;
  right:clamp(92px,7.5vw,148px) ;
  display:grid ;
  grid-template-columns:minmax(360px,.95fr) minmax(300px,.78fr) minmax(330px,.82fr) ;
  gap:14px ;
  align-items:start ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud > .ff-hud-section{
  min-height:54px ;
  padding:6px ;
  border-radius:22px ;
  border:1px solid rgba(106,226,255,.20) ;
  background:linear-gradient(180deg,rgba(4,12,28,.74),rgba(2,8,22,.60)) ;
  box-shadow:0 16px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.055) ;
  backdrop-filter:blur(12px) saturate(135%) ;
  overflow:hidden ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-left,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-right{
  display:grid ;
  align-items:stretch ;
  gap:7px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-left{
  grid-template-columns:repeat(3,minmax(0,1fr)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-right{
  grid-template-columns:repeat(2,minmax(0,1fr)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-center{
  display:grid ;
  grid-template-columns:1fr ;
  gap:7px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card{
  min-height:46px ;
  padding:8px 12px 8px 34px ;
  border-radius:17px ;
  border:1px solid color-mix(in srgb,var(--hud-accent,#58ddff) 28%, rgba(255,255,255,.08)) ;
  background:
    radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--hud-accent,#58ddff) 17%, transparent),transparent 44%),
    linear-gradient(180deg,rgba(10,24,44,.66),rgba(4,12,29,.66)) ;
  box-shadow:0 10px 22px rgba(0,0,0,.17), inset 0 1px 0 rgba(255,255,255,.045) ;
  backdrop-filter:none ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card + .ff-hud-card{
  border-left:1px solid color-mix(in srgb,var(--hud-accent,#58ddff) 28%, rgba(255,255,255,.08)) ;
  border-radius:17px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card::before{
  width:21px ;
  height:21px ;
  left:8px ;
  top:50% ;
  font-size:.64rem ;
  transform:translateY(-50%) ;
  background:color-mix(in srgb,var(--hud-accent,#58ddff) 30%, rgba(4,12,28,.78)) ;
  border:1px solid color-mix(in srgb,var(--hud-accent,#58ddff) 55%, rgba(255,255,255,.12)) ;
  box-shadow:0 0 15px color-mix(in srgb,var(--hud-accent,#58ddff) 34%, transparent) ;
  opacity:1 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card::after{
  display:block ;
  opacity:.28 ;
  background:linear-gradient(90deg,var(--hud-accent,#58ddff),transparent 72%) ;
  height:2px ;
  inset:auto 12px 6px 34px ;
  border-radius:99px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card span{
  font-size:.58rem ;
  line-height:1.05 ;
  letter-spacing:.13em ;
  opacity:1 ;
  color:color-mix(in srgb,var(--hud-accent,#58ddff) 66%, #ffffff) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card strong{
  margin-top:3px ;
  font-size:.96rem ;
  line-height:1.05 ;
  color:#fff ;
  text-shadow:0 2px 12px rgba(0,0,0,.34) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-score strong{
  font-size:1.08rem ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map{
  min-height:46px ;
  padding-left:38px ;
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--hud-accent,#58ddff) 20%, transparent),transparent 44%),
    linear-gradient(90deg,rgba(88,221,255,.12),rgba(5,13,29,.66)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map strong{
  font-size:1.08rem ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card-map::before{
  left:10px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status{
  min-width:260px ;
  height:auto ;
  padding:11px 18px ;
  background:linear-gradient(180deg,rgba(4,13,29,.88),rgba(2,9,23,.86)) ;
  border:1px solid rgba(88,221,255,.30) ;
  box-shadow:0 16px 30px rgba(0,0,0,.24),0 0 20px rgba(88,221,255,.10) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp{
  padding:10px 15px ;
  min-width:176px ;
  background:linear-gradient(180deg,rgba(22,8,19,.88),rgba(5,10,25,.86)) ;
  border-color:rgba(255,95,145,.35) ;
}
@media (max-width:1280px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    grid-template-columns:minmax(330px,1fr) minmax(280px,.82fr) ;
    grid-template-areas:'left center' 'right right' ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-left{grid-area:left ;}
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-center{grid-area:center ;}
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-section-right{grid-area:right ;max-width:420px ;}
}
@media (max-width:780px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud{
    top:58px ;
    left:10px ;
    right:78px ;
    grid-template-columns:1fr ;
    grid-template-areas:'left' 'center' 'right' ;
    gap:8px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud-card{
    min-height:42px ;
    padding-top:7px ;
    padding-bottom:7px ;
  }
}

/* v3.12.73 — larger bottom HP pill for better readability */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp{
  min-width:230px ;
  padding:13px 18px ;
  gap:14px ;
  border-radius:20px ;
  box-shadow:0 18px 38px rgba(0,0,0,.28), 0 0 20px rgba(255,95,145,.10) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp-label{
  font-size:.8rem ;
  letter-spacing:.08em ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-heart-row{
  gap:9px ;
  min-width:102px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-heart{
  width:28px ;
  height:28px ;
  font-size:22px ;
}
@media (max-width:780px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp{
    min-width:210px ;
    padding:12px 16px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-heart{
    width:26px ;
    height:26px ;
    font-size:21px ;
  }
}

/* v3.12.74 — gameplay start + end overlay aligned with new HUD styling */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay{
  background:
    radial-gradient(circle at 50% 26%, rgba(97,219,255,.18), transparent 30%),
    radial-gradient(circle at 50% 58%, rgba(255,208,71,.08), transparent 34%),
    linear-gradient(180deg, rgba(2,7,19,.78), rgba(2,7,19,.92) 100%) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-shell{
  width:min(820px, calc(100vw - 120px)) ;
  max-width:820px ;
  border-radius:30px ;
  padding:clamp(22px,2.6vh,32px) clamp(24px,2.8vw,34px) ;
  display:grid ;
  gap:12px ;
  border:1px solid rgba(105,217,255,.22) ;
  background:
    radial-gradient(circle at 90% 0%, rgba(97,219,255,.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 24%),
    linear-gradient(180deg, rgba(7,17,41,.88), rgba(3,9,24,.94)) ;
  box-shadow:0 36px 90px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.05) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-topline{
  justify-self:center ;
  display:inline-flex ;
  align-items:center ;
  min-height:32px ;
  padding:7px 16px ;
  border-radius:999px ;
  border:1px solid rgba(255,209,76,.28) ;
  background:rgba(255,209,76,.08) ;
  color:#ffd85e ;
  letter-spacing:.08em ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay .ff-game-logo{
  width:min(260px,48vw) ;
  margin:0 auto 4px ;
  filter:drop-shadow(0 14px 34px rgba(0,0,0,.34));
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay h2{
  margin:0 ;
  font-size:clamp(2.5rem,4.2vw,4.4rem) ;
  line-height:.92 ;
  color:#ffffff ;
  text-shadow:0 16px 34px rgba(0,0,0,.34) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay p,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-footnote,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-insight{
  color:rgba(228,239,255,.84) ;
  line-height:1.5 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-badges{
  display:flex ;
  flex-wrap:wrap ;
  justify-content:center ;
  gap:10px ;
  margin:2px auto 2px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-badges span{
  min-height:34px ;
  padding:8px 14px ;
  border-radius:999px ;
  border:1px solid rgba(105,217,255,.18) ;
  background:linear-gradient(180deg, rgba(10,23,45,.72), rgba(4,11,27,.62)) ;
  color:#dff7ff ;
  box-shadow:0 12px 24px rgba(0,0,0,.16) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-tutorial-box{
  border:1px solid rgba(105,217,255,.14) ;
  border-radius:22px ;
  background:linear-gradient(180deg, rgba(8,19,43,.72), rgba(4,11,27,.62)) ;
  box-shadow:0 14px 30px rgba(0,0,0,.16) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary{
  gap:10px ;
  margin:6px 0 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary div{
  min-height:74px ;
  padding:12px 14px ;
  border-radius:18px ;
  border:1px solid rgba(105,217,255,.14) ;
  background:linear-gradient(180deg, rgba(8,19,43,.74), rgba(4,11,27,.62)) ;
  box-shadow:0 12px 24px rgba(0,0,0,.16) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary span{
  color:rgba(114,225,255,.80) ;
  letter-spacing:.10em ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary strong{
  color:#ffffff ;
  font-size:clamp(1rem,1.18vw,1.24rem) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-actions{
  display:grid ;
  grid-template-columns:repeat(4, minmax(0,1fr)) ;
  gap:10px ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-actions .ff-btn{
  min-height:46px ;
  border-radius:16px ;
  font-size:.72rem ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-actions .ff-btn-primary{
  border:1px solid rgba(255,210,79,.42) ;
  background:linear-gradient(180deg,#ffd84d,#f2b91f) ;
  color:#091226 ;
  box-shadow:0 18px 32px rgba(247,195,34,.22), inset 0 1px 0 rgba(255,255,255,.26) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-actions .ff-btn-ghost{
  border:1px solid rgba(105,217,255,.22) ;
  background:linear-gradient(180deg, rgba(10,23,45,.72), rgba(4,11,27,.62)) ;
  color:#dff7ff ;
  box-shadow:0 12px 24px rgba(0,0,0,.16) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-countdown{
  width:104px ;
  height:104px ;
  border-radius:50% ;
  border:1px solid rgba(255,210,79,.30) ;
  background:radial-gradient(circle at 30% 30%, rgba(255,210,79,.16), rgba(9,20,42,.88)) ;
  box-shadow:0 20px 38px rgba(0,0,0,.24), 0 0 34px rgba(97,219,255,.16) ;
}
@media (max-width:980px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-shell{
    width:min(92vw, 760px) ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-actions{
    grid-template-columns:repeat(2, minmax(0,1fr)) ;
  }
}
@media (max-width:640px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-shell{
    width:min(94vw, 94vw) ;
    padding:20px 16px ;
    border-radius:24px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary{
    grid-template-columns:1fr ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-actions{
    grid-template-columns:1fr ;
  }
}

/* v3.12.84 — start/end overlays tightened so full action row stays visible */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay{
  align-items:center ;
  padding:clamp(10px,1.6vh,18px) ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-shell{
  width:min(800px, calc(100vw - 64px)) ;
  max-width:800px ;
  max-height:min(calc(100dvh - 28px), 920px) ;
  overflow:auto ;
  padding:clamp(18px,2.1vh,26px) clamp(20px,2.2vw,28px) ;
  gap:10px ;
  scrollbar-width:thin;
  scrollbar-color:rgba(105,217,255,.34) rgba(4,11,27,.16);
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-shell::-webkit-scrollbar{
  width:8px;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-shell::-webkit-scrollbar-track{
  background:rgba(4,11,27,.16);
  border-radius:999px;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-shell::-webkit-scrollbar-thumb{
  background:rgba(105,217,255,.34);
  border-radius:999px;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-topline{
  max-width:min(100%, 640px) ;
  margin:0 auto ;
  padding:7px 14px ;
  font-size:.64rem ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay .ff-game-logo{
  width:min(220px, 36vw) ;
  margin:0 auto 2px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay h2{
  max-width:12ch ;
  margin:0 auto ;
  font-size:clamp(2rem,3.45vw,3.75rem) ;
  line-height:.94 ;
  text-wrap:balance;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay p,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-footnote,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-insight{
  max-width:60ch ;
  margin-left:auto ;
  margin-right:auto ;
  font-size:clamp(.84rem,.94vw,.98rem) ;
  line-height:1.42 ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-badges{
  gap:8px ;
  margin:0 auto 2px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-badges span{
  min-height:32px ;
  padding:7px 12px ;
  font-size:.60rem ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-countdown{
  width:92px ;
  height:92px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary{
  gap:8px ;
  margin:2px 0 ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary div{
  min-height:64px ;
  padding:10px 12px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary span{
  font-size:.60rem ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary strong{
  font-size:clamp(.98rem,1.06vw,1.18rem) ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-actions{
  margin-top:2px ;
  grid-template-columns:repeat(4, minmax(0,1fr)) ;
  gap:8px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-actions .ff-btn{
  min-height:42px ;
  padding:0 10px ;
  font-size:.67rem ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-footnote{
  margin-top:2px ;
  font-size:.74rem ;
}

@media (max-height:900px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-shell{
    max-height:calc(100dvh - 20px) ;
    padding:16px 18px ;
    gap:8px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay .ff-game-logo{
    width:min(196px, 32vw) ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay h2{
    font-size:clamp(1.86rem,3.15vw,3.28rem) ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-badges span{
    min-height:30px ;
    padding:6px 11px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary div{
    min-height:58px ;
    padding:8px 10px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-actions .ff-btn{
    min-height:38px ;
    font-size:.62rem ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-footnote{
    display:none ;
  }
}

@media (max-height:760px), (max-width:980px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-shell{
    width:min(94vw, 760px) ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary{
    grid-template-columns:repeat(2, minmax(0,1fr)) ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-actions{
    grid-template-columns:repeat(2, minmax(0,1fr)) ;
  }
}

@media (max-width:640px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-shell{
    width:min(96vw, 96vw) ;
    padding:16px 14px ;
    border-radius:22px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-topline{
    font-size:.58rem ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay .ff-game-logo{
    width:min(180px, 52vw) ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary,
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-actions{
    grid-template-columns:1fr ;
  }
}


/* v3.12.85 — overlay actions visibility + true compact start/end layout */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay-actions[style*="display: none"],
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay:has(.ff-countdown:not([hidden])) .ff-overlay-actions{
  display:none ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-actions,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-run-summary,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-run-insight,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-footnote{
  display:none ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-shell{
  width:min(720px, calc(100vw - 86px)) ;
  max-width:720px ;
  min-height:0 ;
  padding:clamp(18px,2.2vh,26px) clamp(22px,2.4vw,30px) ;
  gap:12px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-game-logo{
  width:min(210px, 34vw) ;
  margin-bottom:0 ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown h2{
  max-width:none ;
  font-size:clamp(2.4rem,4.1vw,4.4rem) ;
  white-space:nowrap;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-countdown{
  display:grid ;
  place-items:center ;
  justify-self:center ;
  margin:4px auto 0 ;
  width:88px ;
  height:88px ;
  font-size:clamp(2.9rem,4.8vw,4.4rem) ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell{
  width:min(760px, calc(100vw - 80px)) ;
  max-width:760px ;
  max-height:calc(100dvh - 24px) ;
  padding:clamp(16px,1.8vh,22px) clamp(18px,2.1vw,26px) ;
  gap:8px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-game-logo{
  width:min(190px, 30vw) ;
  margin:0 auto ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end h2{
  max-width:none ;
  font-size:clamp(2.1rem,3.45vw,3.65rem) ;
  white-space:nowrap;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-badges{
  margin:0 auto 2px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary{
  display:grid ;
  grid-template-columns:repeat(3, minmax(0,1fr)) ;
  gap:8px ;
  margin:2px 0 ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary div{
  min-height:54px ;
  padding:8px 10px ;
  border-radius:15px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-insight{
  margin:4px auto ;
  font-size:.82rem ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-actions{
  display:grid ;
  grid-template-columns:repeat(4,minmax(0,1fr)) ;
  gap:8px ;
  margin-top:4px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-actions .ff-btn{
  min-height:38px ;
  padding:0 9px ;
  font-size:.62rem ;
}

@media (max-height:780px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-topline,
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-topline{
    display:none ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell{
    width:min(720px, calc(100vw - 54px)) ;
    padding:14px 18px ;
    gap:7px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-game-logo{
    width:min(164px, 27vw) ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end h2{
    font-size:clamp(1.86rem,3.05vw,3.05rem) ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end p{
    margin-bottom:2px ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-badges{
    display:none ;
  }
}

@media (max-width:820px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-shell,
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell{
    width:min(94vw, 94vw) ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown h2,
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end h2{
    white-space:normal;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary,
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) ;
  }
}


/* v3.12.86 — clean countdown/game-over overlay focus */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-visible) .ff-hud,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-visible) .ff-bottom-hp,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-visible) .ff-bottom-hp-wrap,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-visible) .ff-power-status,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-visible) .ff-ark-threat,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-visible) .ff-combat-ui,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-visible) .ff-stage-topline,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-visible) .ff-version-badge{
  opacity:0 ;
  visibility:hidden ;
  pointer-events:none ;
  transition:opacity .16s ease, visibility .16s ease ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown{
  place-items:center ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-shell{
  width:min(620px, calc(100vw - 72px)) ;
  max-width:620px ;
  max-height:calc(100dvh - 42px) ;
  overflow:hidden ;
  padding:clamp(18px,2.2vh,24px) clamp(22px,2.4vw,30px) ;
  gap:10px ;
  border-radius:28px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-topline{
  display:none ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-game-logo{
  width:min(178px, 30vw) ;
  margin:0 auto 4px ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown h2{
  max-width:none ;
  font-size:clamp(1.95rem,3.1vw,3.15rem) ;
  line-height:.96 ;
  white-space:nowrap ;
  letter-spacing:.02em ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown p{
  max-width:48ch ;
  margin:0 auto 4px ;
  font-size:.9rem ;
  opacity:.88 ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-badges{
  display:none ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-countdown{
  display:grid ;
  place-items:center ;
  justify-self:center ;
  width:auto ;
  min-width:104px ;
  height:86px ;
  margin:8px auto 0 ;
  padding:0 24px ;
  border-radius:24px ;
  font-size:clamp(2.4rem,4.0vw,3.65rem) ;
  line-height:1 ;
  color:#ffd83f ;
  background:linear-gradient(180deg,rgba(255,216,63,.16),rgba(255,216,63,.055)) ;
  border:1px solid rgba(255,216,63,.34) ;
  box-shadow:0 18px 42px rgba(0,0,0,.24),0 0 34px rgba(255,216,63,.10) ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell{
  width:min(720px, calc(100vw - 72px)) ;
  max-width:720px ;
  overflow:auto ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-topline{
  display:none ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-game-logo{
  width:min(174px, 28vw) ;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end h2{
  font-size:clamp(1.95rem,3.05vw,3.25rem) ;
}

@media (max-width:820px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-shell,
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell{
    width:min(94vw, 94vw) ;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown h2,
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end h2{
    white-space:normal ;
  }
}


/* v3.12.87 — richer color treatment for start/end overlays */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-shell,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell{
  position:relative ;
  isolation:isolate ;
  border-color:rgba(109,225,255,.28) ;
  background:
    radial-gradient(circle at 18% 16%, rgba(77,226,255,.16), transparent 28%),
    radial-gradient(circle at 84% 14%, rgba(255,205,77,.12), transparent 26%),
    radial-gradient(circle at 50% 100%, rgba(145,104,255,.13), transparent 34%),
    linear-gradient(180deg, rgba(14,33,74,.95), rgba(4,12,31,.96)) ;
  box-shadow:
    0 36px 90px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 46px rgba(77,226,255,.08) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-shell::before,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell::before,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-shell::after,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell::after{
  content:"" ;
  position:absolute ;
  inset:auto ;
  pointer-events:none ;
  z-index:-1 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-shell::before,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell::before{
  top:0 ;
  left:8% ;
  right:8% ;
  height:1px ;
  background:linear-gradient(90deg, rgba(0,0,0,0), rgba(103,227,255,.72), rgba(255,210,84,.72), rgba(0,0,0,0)) ;
  opacity:.95 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-shell::after,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell::after{
  top:14px ;
  right:18px ;
  width:140px ;
  height:140px ;
  border-radius:50% ;
  background:radial-gradient(circle, rgba(74,231,255,.18) 0%, rgba(74,231,255,0) 68%) ;
  filter:blur(2px) ;
  opacity:.9 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown h2,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end h2{
  text-shadow:0 18px 34px rgba(0,0,0,.30), 0 0 24px rgba(90,214,255,.08) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown p,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end p,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-footnote{
  color:rgba(225,238,255,.92) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-countdown{
  color:#ffdd57 ;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,240,170,.32), transparent 28%),
    linear-gradient(145deg, rgba(255,208,70,.30), rgba(255,184,33,.10) 42%, rgba(29,57,103,.72) 100%) ;
  border:1px solid rgba(255,213,88,.48) ;
  box-shadow:
    0 20px 40px rgba(0,0,0,.28),
    0 0 38px rgba(255,210,79,.14),
    inset 0 1px 0 rgba(255,255,255,.20) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-badges span,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-badges span{
  border-color:rgba(109,225,255,.28) ;
  background:
    linear-gradient(180deg, rgba(18,42,82,.85), rgba(7,18,40,.78)) ;
  box-shadow:0 14px 26px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary div{
  position:relative ;
  overflow:hidden ;
  border-color:rgba(113,228,255,.18) ;
  background:linear-gradient(180deg, rgba(11,27,57,.86), rgba(6,15,35,.88)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary div::before{
  content:"" ;
  position:absolute ;
  inset:0 auto 0 0 ;
  width:4px ;
  border-radius:18px 0 0 18px ;
  background:linear-gradient(180deg, rgba(109,225,255,.95), rgba(109,225,255,.15)) ;
  opacity:.95 ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary div:nth-child(2)::before,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary div:nth-child(5)::before{
  background:linear-gradient(180deg, rgba(255,209,84,.96), rgba(255,209,84,.16)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary div:nth-child(3)::before,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary div:nth-child(6)::before{
  background:linear-gradient(180deg, rgba(203,126,255,.96), rgba(203,126,255,.16)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary div:nth-child(4)::before{
  background:linear-gradient(180deg, rgba(125,255,185,.96), rgba(125,255,185,.16)) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary span{
  color:rgba(172,226,255,.92) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary strong{
  color:#ffffff ;
  text-shadow:0 6px 16px rgba(0,0,0,.24) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-actions .ff-btn-primary{
  background:linear-gradient(180deg, #ffe36f, #ffc632) ;
  border-color:rgba(255,217,88,.58) ;
  box-shadow:0 18px 34px rgba(255,198,50,.24), inset 0 1px 0 rgba(255,255,255,.32) ;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-actions .ff-btn-ghost,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-start-countdown .ff-overlay-actions .ff-btn-ghost{
  border-color:rgba(109,225,255,.26) ;
  background:
    linear-gradient(180deg, rgba(17,40,78,.82), rgba(7,18,40,.78)) ;
  box-shadow:0 14px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04) ;
}


/* Conan threat panel v3.13.89 */
.ff-conan-threat{
  --ff-conan-threat-accent:#ffb15e;
  --ff-conan-threat-accent-soft:#ffedcf;
  --ff-conan-threat-bg-a:rgba(20,10,6,.82);
  --ff-conan-threat-bg-b:rgba(39,24,16,.76);
  position:absolute;
  z-index:8;
  right:18px;
  bottom:82px;
  width:min(330px,calc(100% - 36px));
  padding:11px 13px 12px;
  border-radius:18px;
  border:1px solid color-mix(in srgb, var(--ff-conan-threat-accent) 42%, transparent);
  background:linear-gradient(135deg,var(--ff-conan-threat-bg-a),var(--ff-conan-threat-bg-b));
  box-shadow:0 16px 46px rgba(0,0,0,.34),0 0 34px color-mix(in srgb, var(--ff-conan-threat-accent) 22%, transparent);
  pointer-events:none;
  backdrop-filter:blur(12px);
}
.ff-conan-threat[hidden]{display:none}
.ff-conan-threat-head,
.ff-conan-threat-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ff-conan-threat-head span,
.ff-conan-threat-foot em,
.ff-conan-threat-foot small{
  font-family:var(--ff-head);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-style:normal;
}
.ff-conan-threat-head span{font-size:.66rem;color:var(--ff-conan-threat-accent-soft)}
.ff-conan-threat-head strong{font-family:var(--ff-head);font-size:.88rem;color:#fff;text-align:right;white-space:nowrap}
.ff-conan-threat-meter{
  display:block;
  height:8px;
  margin:8px 0;
  border-radius:999px;
  background:rgba(255,255,255,.11);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}
.ff-conan-threat-meter b{
  display:block;
  height:100%;
  width:0%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--ff-conan-threat-accent),var(--ff-conan-threat-accent-soft));
  box-shadow:0 0 16px color-mix(in srgb, var(--ff-conan-threat-accent) 46%, transparent);
  transition:width .22s ease, background .22s ease;
}
.ff-conan-threat-foot em{font-size:.68rem;color:var(--ff-conan-threat-accent-soft)}
.ff-conan-threat-foot small{font-size:.62rem;color:color-mix(in srgb, var(--ff-conan-threat-accent) 72%, #ffe8c6);text-align:right}
.ff-conan-threat-critical .ff-conan-threat{
  border-color:rgba(255,116,72,.58);
  box-shadow:0 16px 48px rgba(0,0,0,.42),0 0 42px rgba(255,116,72,.24);
}
.ff-conan-threat[data-biome="desert"]{background-image:linear-gradient(135deg,var(--ff-conan-threat-bg-a),var(--ff-conan-threat-bg-b));}
.ff-conan-threat[data-biome="jungle"]{background-image:linear-gradient(135deg,var(--ff-conan-threat-bg-a),var(--ff-conan-threat-bg-b));}
.ff-conan-threat[data-biome="frozen"]{background-image:linear-gradient(135deg,var(--ff-conan-threat-bg-a),var(--ff-conan-threat-bg-b));}
.ff-conan-threat[data-biome="volcano"]{background-image:linear-gradient(135deg,var(--ff-conan-threat-bg-a),var(--ff-conan-threat-bg-b));}
@media (max-width:780px){
  .ff-conan-threat{
    right:12px;
    left:12px;
    bottom:78px;
    width:auto;
    padding:10px 12px 11px;
    border-radius:16px;
  }
  .ff-conan-threat-head strong{font-size:.78rem}
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-conan-threat,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-visible) .ff-conan-threat{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}


/* v3.13.89 map-locked shop + map daily missions */
.ff-skins-grid [data-ff-skin].is-map-locked,
.ff-shop-card.is-map-locked{
  border-color:rgba(255,181,94,.32);
  filter:saturate(.82) brightness(.88);
}
.ff-shop-card.is-map-locked::after{
  content:'MAPA';
  position:absolute;
  right:12px;
  top:12px;
  z-index:2;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,181,94,.35);
  background:rgba(23,13,8,.82);
  color:#ffd9a8;
  font:800 .62rem var(--ff-head);
  letter-spacing:.12em;
}
.ff-shop-map-lock{
  display:inline-flex;
  width:max-content;
  margin-top:4px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(255,181,94,.12);
  color:#ffd9a8;
  border:1px solid rgba(255,181,94,.24);
  font-size:.68rem;
}
.ff-mission[data-ff-mission-map="minecraft"]{--ff-mission-accent:#ffb15e}
.ff-mission[data-ff-mission-map="ark"]{--ff-mission-accent:#7dffba}
.ff-mission[data-ff-mission-map="conan"]{--ff-mission-accent:#ff8a4a}
.ff-mission[data-ff-mission-map="crystal"]{--ff-mission-accent:#58ddff}
.ff-mission[data-ff-mission-map] i b{background:linear-gradient(90deg,var(--ff-mission-accent,#58ddff),#fff0b6)}


/* v3.13.89 — UI size setting affects gameplay HUD and overlays */
.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-hud{
  top:62px;
  gap:8px;
  grid-template-columns:repeat(6,minmax(82px,1fr));
}

.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-hud{
  top:76px;
  gap:12px;
  grid-template-columns:repeat(6,minmax(104px,1fr));
}

.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-hud div{
  min-height:48px;
  padding:8px 10px;
  border-radius:12px;
}

.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-hud div{
  min-height:62px;
  padding:11px 14px;
  border-radius:16px;
}

.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-hud span,
.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-stage-topline .ff-chip,
.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-bottom-hp-label,
.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-power-status strong,
.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-game-menu-btn,
.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-version-badge{
  font-size:.58rem;
}

.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-hud span,
.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-stage-topline .ff-chip,
.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-bottom-hp-label,
.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-power-status strong,
.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-game-menu-btn,
.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-version-badge{
  font-size:.76rem;
}

.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-hud strong{
  font-size:.94rem;
}

.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-hud strong{
  font-size:1.18rem;
}

.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-bottom-hp{
  gap:9px;
  padding:8px 12px;
}

.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-bottom-hp{
  gap:14px;
  padding:12px 16px;
}

.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-heart{
  width:20px;
  height:20px;
  font-size:16px;
}

.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-heart{
  width:26px;
  height:26px;
  font-size:21px;
}

.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-game-menu-btn{
  min-height:38px;
  padding:0 14px;
}

.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-game-menu-btn{
  min-height:48px;
  padding:0 22px;
}

.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-overlay p{
  font-size:.96rem;
}

.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-overlay p{
  font-size:1.18rem;
}

.ff-page.ff-menu-clean[data-ff-ui-size="small"] .ff-overlay-shell{
  width:min(700px,100%);
  padding:24px 26px 28px;
}

.ff-page.ff-menu-clean[data-ff-ui-size="large"] .ff-overlay-shell{
  width:min(840px,100%);
  padding:34px 36px 38px;
}

/* v3.13.92 — no legacy map-lock overlay on premium shop cards */
.ff-page.ff-menu-clean .ff-shop-premium-card.is-map-locked::after{content:none;display:none}


/* v3.14.21 — gameplay black-screen guard */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  overflow:hidden !important;
  background:#020713 !important;
  z-index:2147483000 !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-player-panel{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  overflow:hidden !important;
  background:#020713 !important;
  border:0 !important;
  border-radius:0 !important;
  z-index:2147483001 !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-wrap,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode [data-ff-game-wrap]{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-width:100vw !important;
  min-height:100dvh !important;
  visibility:visible !important;
  opacity:1 !important;
  background:#06152f !important;
  z-index:2147483002 !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-canvas,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode [data-ff-canvas]{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-width:100vw !important;
  min-height:100dvh !important;
  visibility:visible !important;
  opacity:1 !important;
  background:#06152f url('../img/ff-bg-crystal-ruins.webp') center/cover no-repeat !important;
  z-index:2147483003 !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-hud,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-stage-topline,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-bottom-hp,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-power-status,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-combat-ui,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-menu-btn,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-version-badge{
  z-index:2147483010 !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-visible{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:2147483020 !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-volume-control{
  z-index:2147483030 !important;
}


/* v3.14.23 — hide floating volume widget during gameplay */
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-control,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-volume-control,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-volume-control{
  display:none !important;
}


/* v3.14.24 — gameplay utility buttons moved to the right and visually polished */
.ff-page.ff-menu-clean{
  --ff-game-tool-size: 56px;
  --ff-game-tool-gap: 10px;
  --ff-game-tool-right: max(18px, calc(var(--ff-safe-x) - 4px));
  --ff-game-tool-top: 150px;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-control,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-volume-control,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-volume-control{
  position: fixed !important;
  left: auto !important;
  right: var(--ff-game-tool-right) !important;
  z-index: 2147483032 !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-arcade-fullscreen-toggle{
  top: var(--ff-game-tool-top) !important;
  width: var(--ff-game-tool-size) !important;
  height: var(--ff-game-tool-size) !important;
  min-width: var(--ff-game-tool-size) !important;
  min-height: var(--ff-game-tool-size) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(88,221,255,.34) !important;
  background: linear-gradient(180deg, rgba(7,20,46,.96), rgba(2,8,22,.92)) !important;
  color: #dff8ff !important;
  box-shadow: 0 18px 36px rgba(0,0,0,.34), inset 0 0 20px rgba(88,221,255,.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  backdrop-filter: blur(12px);
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-control,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-volume-control,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-volume-control{
  display: block !important;
  visibility: visible !important;
  top: calc(var(--ff-game-tool-top) + var(--ff-game-tool-size) + var(--ff-game-tool-gap)) !important;
  width: var(--ff-game-tool-size) !important;
  height: var(--ff-game-tool-size) !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-volume-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-volume-toggle{
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,210,38,.28) !important;
  background: linear-gradient(180deg, rgba(9,21,46,.97), rgba(2,8,22,.94)) !important;
  color: #dff8ff !important;
  box-shadow: 0 18px 36px rgba(0,0,0,.34), inset 0 0 20px rgba(255,210,38,.06) !important;
  padding: 7px 0 6px !important;
  gap: 3px !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-arcade-fullscreen-toggle:hover,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-arcade-fullscreen-toggle:hover,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-arcade-fullscreen-toggle:hover,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-toggle:hover,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-volume-toggle:hover,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-volume-toggle:hover,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-control.is-open .ff-volume-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-volume-control.is-open .ff-volume-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-volume-control.is-open .ff-volume-toggle{
  transform: translateY(-1px) !important;
  border-color: rgba(255,210,38,.56) !important;
  box-shadow: 0 20px 42px rgba(0,0,0,.38), 0 0 22px rgba(88,221,255,.14), inset 0 0 20px rgba(255,210,38,.10) !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-arcade-fullscreen-toggle .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-arcade-fullscreen-toggle .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-arcade-fullscreen-toggle .ff-ui-ico{
  width: 22px !important;
  height: 22px !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-toggle .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-volume-toggle .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-volume-toggle .ff-ui-ico{
  width: 18px !important;
  height: 18px !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-toggle .ff-volume-mini b,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-volume-toggle .ff-volume-mini b,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-volume-toggle .ff-volume-mini b{
  font-size: .42rem !important;
  letter-spacing: .05em !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-panel,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-volume-panel,
.ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-volume-panel{
  top: 0 !important;
  left: auto !important;
  right: calc(var(--ff-game-tool-size) + 12px) !important;
  width: 284px !important;
}

@media (max-width: 900px){
  .ff-page.ff-menu-clean{
    --ff-game-tool-size: 52px;
    --ff-game-tool-gap: 8px;
    --ff-game-tool-right: 14px;
    --ff-game-tool-top: 112px;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-visible.is-gameplay-mode .ff-volume-panel,
  .ff-page.ff-menu-clean .ff-arcade.is-visible.is-countdown-mode .ff-volume-panel,
  .ff-page.ff-menu-clean .ff-arcade.is-visible.is-fullscreen .ff-volume-panel{
    width: min(260px, calc(100vw - 92px)) !important;
    right: calc(var(--ff-game-tool-size) + 10px) !important;
  }
}


/* v3.14.25 — hard fix: gameplay utility controls must live on the right side */
.ff-page.ff-menu-clean{
  --ff-game-rail-size: 54px;
  --ff-game-rail-gap: 10px;
  --ff-game-rail-right: max(18px, env(safe-area-inset-right));
  --ff-game-rail-top: max(142px, calc(env(safe-area-inset-top) + 142px));
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-volume-control,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-volume-control,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-volume-control,
body.ff-browser-fullscreen .ff-page.ff-menu-clean .ff-arcade > .ff-arcade-close,
body.ff-browser-fullscreen .ff-page.ff-menu-clean .ff-arcade > .ff-arcade-fullscreen-toggle,
body.ff-browser-fullscreen .ff-page.ff-menu-clean .ff-arcade > .ff-volume-control{
  position:fixed !important;
  left:auto !important;
  right:var(--ff-game-rail-right) !important;
  width:var(--ff-game-rail-size) !important;
  height:var(--ff-game-rail-size) !important;
  min-width:var(--ff-game-rail-size) !important;
  min-height:var(--ff-game-rail-size) !important;
  max-width:var(--ff-game-rail-size) !important;
  max-height:var(--ff-game-rail-size) !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  box-sizing:border-box !important;
  z-index:2147483036 !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-arcade-close,
body.ff-browser-fullscreen .ff-page.ff-menu-clean .ff-arcade > .ff-arcade-close{
  top:var(--ff-game-rail-top) !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-arcade-fullscreen-toggle,
body.ff-browser-fullscreen .ff-page.ff-menu-clean .ff-arcade > .ff-arcade-fullscreen-toggle{
  top:calc(var(--ff-game-rail-top) + var(--ff-game-rail-size) + var(--ff-game-rail-gap)) !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-volume-control,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-volume-control,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-volume-control,
body.ff-browser-fullscreen .ff-page.ff-menu-clean .ff-arcade > .ff-volume-control{
  top:calc(var(--ff-game-rail-top) + (var(--ff-game-rail-size) * 2) + (var(--ff-game-rail-gap) * 2)) !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-volume-control > .ff-volume-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-volume-control > .ff-volume-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-volume-control > .ff-volume-toggle,
body.ff-browser-fullscreen .ff-page.ff-menu-clean .ff-arcade > .ff-arcade-close,
body.ff-browser-fullscreen .ff-page.ff-menu-clean .ff-arcade > .ff-arcade-fullscreen-toggle,
body.ff-browser-fullscreen .ff-page.ff-menu-clean .ff-arcade > .ff-volume-control > .ff-volume-toggle{
  border-radius:18px !important;
  border:1px solid rgba(88,221,255,.34) !important;
  background:
    radial-gradient(circle at 30% 15%,rgba(88,221,255,.16),transparent 34%),
    linear-gradient(180deg,rgba(7,20,46,.97),rgba(2,8,22,.94)) !important;
  color:#eaf8ff !important;
  box-shadow:0 18px 38px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 20px rgba(88,221,255,.07) !important;
  backdrop-filter:blur(12px);
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-arcade-close,
body.ff-browser-fullscreen .ff-page.ff-menu-clean .ff-arcade > .ff-arcade-close{
  border-color:rgba(255,255,255,.18) !important;
  background:
    radial-gradient(circle at 30% 15%,rgba(255,255,255,.12),transparent 34%),
    linear-gradient(180deg,rgba(9,18,40,.97),rgba(3,8,22,.95)) !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-volume-control > .ff-volume-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-volume-control > .ff-volume-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-volume-control > .ff-volume-toggle,
body.ff-browser-fullscreen .ff-page.ff-menu-clean .ff-arcade > .ff-volume-control > .ff-volume-toggle{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  padding:7px 0 6px !important;
  flex-direction:column !important;
  gap:3px !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-arcade-close:hover,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-arcade-close:hover,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-arcade-close:hover,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-arcade-fullscreen-toggle:hover,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-arcade-fullscreen-toggle:hover,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-arcade-fullscreen-toggle:hover,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-volume-control > .ff-volume-toggle:hover,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-volume-control > .ff-volume-toggle:hover,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-volume-control > .ff-volume-toggle:hover,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-volume-control.is-open > .ff-volume-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-volume-control.is-open > .ff-volume-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-volume-control.is-open > .ff-volume-toggle{
  transform:translateY(-1px) !important;
  border-color:rgba(255,210,38,.56) !important;
  box-shadow:0 20px 42px rgba(0,0,0,.40), 0 0 22px rgba(88,221,255,.14), inset 0 1px 0 rgba(255,255,255,.10), inset 0 0 20px rgba(255,210,38,.08) !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-arcade-close .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-arcade-close .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-arcade-close .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-arcade-fullscreen-toggle .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-arcade-fullscreen-toggle .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-arcade-fullscreen-toggle .ff-ui-ico{
  width:21px !important;
  height:21px !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-volume-control > .ff-volume-toggle .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-volume-control > .ff-volume-toggle .ff-ui-ico,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-volume-control > .ff-volume-toggle .ff-ui-ico{
  width:18px !important;
  height:18px !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode > .ff-volume-control > .ff-volume-panel,
.ff-page.ff-menu-clean .ff-arcade.is-countdown-mode > .ff-volume-control > .ff-volume-panel,
.ff-page.ff-menu-clean .ff-arcade.is-fullscreen > .ff-volume-control > .ff-volume-panel,
body.ff-browser-fullscreen .ff-page.ff-menu-clean .ff-arcade > .ff-volume-control > .ff-volume-panel{
  top:0 !important;
  left:auto !important;
  right:calc(var(--ff-game-rail-size) + 12px) !important;
  width:min(284px,calc(100vw - 104px)) !important;
}

@media (max-width:900px){
  .ff-page.ff-menu-clean{
    --ff-game-rail-size:52px;
    --ff-game-rail-gap:8px;
    --ff-game-rail-right:14px;
    --ff-game-rail-top:max(112px, calc(env(safe-area-inset-top) + 112px));
  }
}


/* v3.14.33 — automatic performance mode marker in settings */
.ff-page.ff-menu-clean [data-ff-effects-mode="full"][data-ff-auto-performance-tier="1"] [data-ff-effects-state]::after{
  content:" • mniej";
  color:var(--ff-gold);
}
.ff-page.ff-menu-clean [data-ff-effects-mode="full"][data-ff-auto-performance-tier="2"] [data-ff-effects-state]::after{
  content:" • minimum";
  color:var(--ff-gold);
}


/* v3.14.37 — true in-game pause, without sending the player back to menu */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-menu-btn{
  min-width:148px;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-menu-btn.is-resume{
  border-color:rgba(255,210,38,.42);
  background:linear-gradient(180deg,rgba(46,40,14,.90),rgba(13,14,24,.90));
  color:#ffe473;
  box-shadow:0 16px 40px rgba(0,0,0,.32),0 0 18px rgba(255,210,38,.10);
}
.ff-pause-glyph{
  position:relative;
  display:inline-block;
  width:13px;
  height:15px;
}
.ff-pause-glyph::before,
.ff-pause-glyph::after{
  content:"";
  position:absolute;
  top:0;
  width:4px;
  height:15px;
  border-radius:3px;
  background:currentColor;
}
.ff-pause-glyph::before{left:1px}
.ff-pause-glyph::after{right:1px}

.ff-ingame-pause{
  position:fixed;
  inset:0;
  z-index:2147483040;
  display:none;
  place-items:center;
  padding:24px;
  background:rgba(2,7,19,.44);
  backdrop-filter:blur(3px);
}
.ff-ingame-pause.is-visible{
  display:grid;
}
.ff-ingame-pause-card{
  width:min(470px,calc(100vw - 36px));
  padding:26px 26px 22px;
  border-radius:24px;
  border:1px solid rgba(88,221,255,.22);
  background:
    radial-gradient(circle at 50% 0%,rgba(88,221,255,.10),transparent 44%),
    linear-gradient(180deg,rgba(7,18,43,.97),rgba(3,9,25,.98));
  box-shadow:0 32px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);
  text-align:center;
}
.ff-ingame-pause-eyebrow{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(255,210,38,.34);
  background:rgba(255,210,38,.08);
  color:#ffd854;
  font-family:var(--ff-head);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ff-ingame-pause-card h2{
  margin:15px 0 8px;
  color:#fff;
  font-family:var(--ff-head);
  font-size:clamp(2.05rem,4vw,2.7rem);
  line-height:1;
  text-transform:uppercase;
}
.ff-ingame-pause-card p{
  margin:0 auto 20px;
  max-width:390px;
  color:#b9cbe8;
  font-size:.94rem;
  line-height:1.5;
}
.ff-ingame-pause-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.ff-ingame-pause-actions .ff-btn{
  min-height:50px;
  justify-content:center;
}
.ff-ingame-pause-card small{
  display:block;
  margin-top:17px;
  color:#7286aa;
  font-family:var(--ff-head);
  font-size:.62rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media (max-width:560px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-game-menu-btn{min-width:112px;padding:0 14px}
  .ff-ingame-pause-card{padding:22px 16px 18px}
  .ff-ingame-pause-actions{grid-template-columns:1fr}
}


/* v3.14.48 — premium, focused game-over summary */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode.has-round-end-overlay .ff-volume-control,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-round-end.is-visible) .ff-arcade-close,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-round-end.is-visible) .ff-arcade-fullscreen-toggle,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode:has(.ff-overlay.is-round-end.is-visible) .ff-volume-control{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell{
  width:min(690px, calc(100vw - 54px)) !important;
  max-width:690px !important;
  gap:10px !important;
  padding:20px 22px 19px !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-game-logo{
  width:min(116px, 24vw) !important;
  margin:0 auto 2px !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-round-end-mapline{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  margin:1px auto 0;
  font-family:var(--ff-head);
  font-size:.67rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-round-end-mapline[hidden]{
  display:none !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-round-end-mapline span{
  color:#71dcff;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-round-end-mapline em{
  position:relative;
  padding-left:14px;
  color:#ffda56;
  font-style:normal;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-round-end-mapline em::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:5px;
  height:5px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#ffda56;
  box-shadow:0 0 12px rgba(255,218,86,.62);
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end h2{
  margin:2px 0 0 !important;
  font-size:clamp(2rem,3.2vw,2.8rem) !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end p{
  margin:0 auto 3px !important;
  max-width:540px;
  font-size:.83rem !important;
  line-height:1.42;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-badges,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-footnote{
  display:none !important;
}

/* Primary score hierarchy */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary{
  display:grid !important;
  grid-template-columns:minmax(150px,1.24fr) repeat(3,minmax(94px,1fr)) !important;
  grid-template-rows:auto auto !important;
  gap:8px !important;
  margin:5px 0 1px !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary > div{
  min-height:52px !important;
  padding:9px 12px !important;
  border-radius:15px !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-score-card{
  grid-column:1;
  grid-row:1 / span 2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-height:112px !important;
  border-color:rgba(88,221,255,.30) !important;
  background:
    radial-gradient(circle at 50% 35%,rgba(88,221,255,.13),transparent 50%),
    linear-gradient(180deg,rgba(10,35,71,.94),rgba(5,15,36,.92)) !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-score-card::before{
  width:100% !important;
  height:3px !important;
  inset:0 0 auto 0 !important;
  border-radius:15px 15px 0 0 !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-score-card span{
  font-size:.59rem !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-score-card strong{
  margin:3px 0 1px;
  font-size:2.52rem !important;
  line-height:1;
  color:#ffffff !important;
  text-shadow:0 0 18px rgba(88,221,255,.26);
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary-score-card small,
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary-best-card small{
  color:#89a6d0;
  font-size:.58rem;
  line-height:1.25;
  text-align:center;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary-best-card{
  grid-column:2 / span 3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 14px !important;
  border-color:rgba(255,210,84,.20) !important;
  background:linear-gradient(90deg,rgba(31,29,17,.54),rgba(8,18,40,.88)) !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary-best-card::before{
  background:linear-gradient(180deg,rgba(255,209,84,.96),rgba(255,209,84,.16)) !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary-best-card strong{
  margin-left:auto;
  font-size:1.4rem !important;
  color:#ffdf69 !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary-best-card small{
  color:#b3c5e3;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary-stat-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary-stat-card strong{
  font-size:1.14rem !important;
}

/* Unlock progress gives the next retry a purpose */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-progress{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px 16px;
  padding:11px 13px 12px;
  margin:3px 0 1px;
  border:1px solid rgba(102,177,255,.17);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(8,19,43,.92),rgba(4,12,29,.88));
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-progress[hidden]{
  display:none !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-progress-head span{
  display:block;
  font-family:var(--ff-head);
  color:#92add3;
  font-size:.57rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-progress-head strong{
  display:block;
  margin-top:3px;
  font-family:var(--ff-head);
  font-size:.83rem;
  text-transform:uppercase;
  color:#eaf2ff;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-progress-value{
  text-align:right;
  font-family:var(--ff-head);
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-progress-value b{
  display:block;
  color:#ffd953;
  font-size:.87rem;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-progress-value em{
  display:block;
  margin-top:3px;
  color:#88a4cc;
  font-size:.58rem;
  font-style:normal;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-progress-track{
  grid-column:1 / -1;
  display:block;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-progress-track b{
  display:block;
  width:0%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#58ddff,#ffd226);
  box-shadow:0 0 15px rgba(88,221,255,.28);
  transition:width .42s ease;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-insight{
  width:100%;
  box-sizing:border-box;
  margin:3px 0 1px !important;
  padding:8px 12px;
  border-radius:12px;
  background:rgba(88,221,255,.05);
  border:1px solid rgba(88,221,255,.12);
  color:#c5d6f0;
  text-align:left;
  font-size:.72rem !important;
}

/* Action hierarchy: retry is primary; maps/menu are secondary; fullscreen leaves the result modal. */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-actions{
  display:grid !important;
  grid-template-columns:1.36fr 1fr 1fr !important;
  gap:9px !important;
  margin-top:6px !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-actions .ff-btn{
  min-height:45px !important;
  font-size:.67rem !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-fullscreen-action{
  display:none !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-summary-retry{
  font-size:.72rem !important;
}

@media (max-width:720px){
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell{
    width:min(94vw,94vw) !important;
    padding:15px 13px !important;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary{
    grid-template-columns:1fr 1fr !important;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-score-card{
    grid-column:1 / -1;
    grid-row:auto;
    min-height:92px !important;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-run-summary-best-card{
    grid-column:1 / -1;
  }
  .ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-actions{
    grid-template-columns:1fr !important;
  }
}


/* v3.14.49 — compact game-over card and single result message */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-insight{
  display:none !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-shell{
  padding-bottom:16px !important;
  gap:8px !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-overlay-actions{
  margin-top:4px !important;
}


/* v3.14.50 — result cards without colored side strips */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary > div::before{
  display:none !important;
  content:none !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-score-card{
  border-color:rgba(88,221,255,.25) !important;
  background:
    radial-gradient(circle at 50% 30%,rgba(88,221,255,.15),transparent 58%),
    linear-gradient(180deg,rgba(9,34,70,.94),rgba(5,15,36,.92)) !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-score-card strong{
  color:#6fddff !important;
  text-shadow:0 0 20px rgba(88,221,255,.32) !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-best-card{
  border-color:rgba(255,213,75,.18) !important;
  background:
    radial-gradient(circle at 92% 50%,rgba(255,213,75,.10),transparent 34%),
    linear-gradient(90deg,rgba(24,26,30,.36),rgba(8,18,40,.90)) !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-stat-card{
  border-color:rgba(117,148,199,.18) !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-stat-card.is-crystals{
  background:
    radial-gradient(circle at 50% 24%,rgba(190,112,255,.13),transparent 64%),
    linear-gradient(180deg,rgba(21,22,58,.88),rgba(7,17,39,.92)) !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-stat-card.is-crystals strong{
  color:#dba4ff !important;
  text-shadow:0 0 15px rgba(190,112,255,.24);
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-stat-card.is-time{
  background:
    radial-gradient(circle at 50% 24%,rgba(92,224,215,.11),transparent 64%),
    linear-gradient(180deg,rgba(8,33,47,.70),rgba(7,17,39,.92)) !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-stat-card.is-time strong{
  color:#7deee3 !important;
  text-shadow:0 0 15px rgba(92,224,215,.21);
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-stat-card.is-near{
  background:
    radial-gradient(circle at 50% 24%,rgba(255,212,74,.12),transparent 64%),
    linear-gradient(180deg,rgba(37,30,13,.48),rgba(7,17,39,.92)) !important;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-stat-card.is-near strong{
  color:#ffdb59 !important;
  text-shadow:0 0 15px rgba(255,212,74,.22);
}


/* v3.14.51 — compact vector icons inside game-over statistics */
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-summary-card-label{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  line-height:1;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-summary-card-label .ff-ui-ico{
  display:inline-block;
  flex:0 0 13px;
  width:13px;
  height:13px;
  opacity:.96;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-score-card .ff-summary-card-label .ff-ui-ico{
  color:#6fddff;
  filter:drop-shadow(0 0 6px rgba(88,221,255,.30));
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-best-card .ff-summary-card-label{
  justify-content:flex-start;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-run-summary-best-card .ff-summary-card-label .ff-ui-ico{
  color:#ffdb59;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .is-crystals .ff-summary-card-label .ff-ui-ico{
  color:#dba4ff;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .is-time .ff-summary-card-label .ff-ui-ico{
  color:#7deee3;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .is-near .ff-summary-card-label .ff-ui-ico{
  color:#ffdb59;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-summary-progress-label{
  display:inline-flex !important;
  align-items:center;
  gap:7px;
}
.ff-page.ff-menu-clean .ff-arcade.is-gameplay-mode .ff-overlay.is-round-end .ff-summary-progress-label .ff-ui-ico{
  display:inline-block;
  width:13px;
  height:13px;
  flex:0 0 13px;
  color:#71dcff;
}


/* v3.14.55 — player comfort modes */
.ff-page.is-comfort-reduce-glow .ff-arcade.is-gameplay-mode .ff-hud-card,
.ff-page.is-comfort-reduce-glow .ff-arcade.is-gameplay-mode .ff-bottom-hp,
.ff-page.is-comfort-reduce-glow .ff-arcade.is-gameplay-mode .ff-power-status,
.ff-page.is-comfort-reduce-glow .ff-arcade.is-gameplay-mode .ff-attack-btn{
  box-shadow:none !important;
  filter:none !important;
}
.ff-page.is-comfort-reduce-flashes .ff-arcade *,
.ff-page.is-comfort-reduce-flashes .ff-arcade *::before,
.ff-page.is-comfort-reduce-flashes .ff-arcade *::after{
  animation-duration:.001ms !important;
  animation-iteration-count:1 !important;
}
.ff-page.is-comfort-large-hud .ff-arcade.is-gameplay-mode .ff-hud-card span,
.ff-page.is-comfort-large-hud .ff-arcade.is-gameplay-mode .ff-bottom-hp-label,
.ff-page.is-comfort-large-hud .ff-arcade.is-gameplay-mode .ff-power-status > span{
  font-size:clamp(.72rem, .9vw, .84rem) !important;
}
.ff-page.is-comfort-large-hud .ff-arcade.is-gameplay-mode .ff-hud-card strong{
  font-size:clamp(1.42rem, 1.75vw, 1.72rem) !important;
}
.ff-page.is-comfort-large-hud .ff-arcade.is-gameplay-mode .ff-power-status strong,
.ff-page.is-comfort-large-hud .ff-arcade.is-gameplay-mode .ff-attack-btn{
  font-size:clamp(.84rem, 1vw, .98rem) !important;
}


/* v3.14.56 — Polish diacritics safeguard for all readable gameplay UI */
.ff-page .ff-arcade .ff-hud span,
.ff-page .ff-arcade .ff-hud strong,
.ff-page .ff-arcade .ff-bottom-hp-label,
.ff-page .ff-arcade .ff-power-status strong,
.ff-page .ff-arcade .ff-power-status em,
.ff-page .ff-arcade .ff-game-menu-btn,
.ff-page .ff-arcade .ff-overlay-topline,
.ff-page .ff-arcade .ff-overlay h2,
.ff-page .ff-arcade .ff-overlay p,
.ff-page .ff-arcade .ff-run-summary span,
.ff-page .ff-arcade .ff-run-summary strong,
.ff-page .ff-arcade .ff-run-progress-head span,
.ff-page .ff-arcade .ff-run-progress-head strong,
.ff-page .ff-arcade .ff-run-progress-value,
.ff-page .ff-arcade .ff-tutorial-box,
.ff-page .ff-arcade .ff-ingame-pause-card,
.ff-page .ff-arcade .ff-ark-event-banner,
.ff-page .ff-arcade .ff-conan-threat-head,
.ff-page .ff-arcade .ff-conan-threat-foot{
  font-family:'Rajdhani','Exo 2',system-ui,-apple-system,'Segoe UI',sans-serif !important;
}