/* FreeCell Now — isolated game-board interstitial; no menus or cards visible. */
body.fcn-ad-active {overflow:hidden!important}
body.fcn-ad-active .topbar {visibility:hidden!important;pointer-events:none!important}
body.fcn-ad-active .board > :not(.fcn-interstitial) {visibility:hidden!important;pointer-events:none!important}
body.fcn-ad-active .fcn-interstitial {
  position:absolute!important;inset:0;z-index:200!important;overflow:hidden;
  display:block;pointer-events:auto;isolation:isolate;
}
.fcn-interstitial__loader {
  position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;
}
.fcn-interstitial__loader::before {
  content:"";width:40px;height:40px;box-sizing:border-box;
  border:3px solid rgba(215,183,107,.22);border-top-color:#d7b76b;
  border-radius:50%;animation:fcn-interstitial-spin .85s linear infinite;
}
.fcn-interstitial--playing .fcn-interstitial__loader {display:none}
@keyframes fcn-interstitial-spin {to {transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce) {
  .fcn-interstitial__loader::before {animation-duration:2.5s}
}
.fcn-interstitial__creative {
  position:absolute;top:50%;left:50%;transform-origin:center center;
  overflow:hidden;box-sizing:border-box;max-width:none;max-height:none;
}
.fcn-interstitial__placeholder {
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;
  width:100%;height:100%;padding:24px;text-align:center;box-sizing:border-box;
  color:#fff9e9;background:linear-gradient(145deg,#1b3b35,#0b171b);
  border:2px solid #d7b76b;box-shadow:0 12px 55px rgba(0,0,0,.45);
  font:700 clamp(20px,3vw,40px)/1.2 'Manrope',sans-serif;
}
.fcn-interstitial__placeholder span {font-size:clamp(16px,2vw,25px);font-weight:500;opacity:.78}
.fcn-interstitial__progress {
  display:none;position:fixed;top:0;left:0;right:0;height:5px;
  z-index:250;overflow:hidden;background:rgba(0,0,0,.18);
}
.fcn-interstitial--playing .fcn-interstitial__progress {display:block}
.fcn-interstitial__progress-fill {
  height:100%;width:100%;background:#f4dfa3;transform:scaleX(0);transform-origin:left center;
  animation:fcn-interstitial-fill var(--fcn-ad-duration,5000ms) linear forwards;
}
@keyframes fcn-interstitial-fill {to {transform:scaleX(1)}}

/* Game-start countdown: bottom-right of the board, never on top of the ad.
   JavaScript hides it if the rendered creative overlaps or it leaves the screen. */
.fcn-interstitial__countdown {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 210;
  max-width: calc(100% - 40px);
  padding: 8px 12px;
  color: #fff9e9;
  background: rgba(0, 0, 0, .38);
  border-radius: 6px;
  font: 600 14px/1.4 'Manrope', sans-serif;
  text-align: right;
  white-space: nowrap;
  pointer-events: none;
  visibility: hidden;
}