*{
  box-sizing:border-box;
}

html,
body{
  margin:0;
  width:100%;
  min-height:100%;
  background:#000;
  color:#fff;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    Arial,
    sans-serif;
}

body{
  min-height:100vh;
}

.watch-top{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  height:58px;
  padding:
    env(safe-area-inset-top)
    14px
    0;
  background:rgba(0,0,0,.94);
  border-bottom:1px solid #191919;
}

.back-button{
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:38px;
  line-height:1;
  cursor:pointer;
}

.brand{
  font-size:19px;
  font-weight:800;
  letter-spacing:.2px;
}

.watch-main{
  width:100%;
  max-width:1100px;
  margin:0 auto;
}

.preparing{
  min-height:
    calc(100vh - 58px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:32px;
  text-align:center;
}

/* NADIBIX_DUCK_LOADING_V1 */

.duck-loader{
  position:relative;
  width:190px;
  height:88px;
  margin-bottom:18px;
  overflow:hidden;
}

.duck-walk{
  position:absolute;
  left:8px;
  bottom:16px;
  z-index:2;

  animation:
    duckWalk 2.4s
    ease-in-out
    infinite
    alternate;
}

.duck-character{
  display:block;

  font-size:48px;
  line-height:1;

  transform-origin:
    50% 100%;

  filter:
    drop-shadow(
      0 5px 7px
      rgba(0,0,0,.28)
    );

  animation:
    duckStep .34s
    ease-in-out
    infinite
    alternate;
}

.duck-shadow{
  position:absolute;
  left:14px;
  right:14px;
  bottom:10px;

  height:7px;

  border-radius:50%;

  background:
    rgba(255,255,255,.09);

  filter:
    blur(3px);
}

@keyframes duckWalk{
  from{
    transform:
      translateX(0);
  }

  to{
    transform:
      translateX(126px);
  }
}

@keyframes duckStep{
  from{
    transform:
      translateY(0)
      rotate(-5deg);
  }

  to{
    transform:
      translateY(-7px)
      rotate(5deg);
  }
}

@media(
  prefers-reduced-motion:
  reduce
){
  .duck-walk,
  .duck-character{
    animation:none;
  }

  .duck-walk{
    left:70px;
  }
}

.preparing-title{
  margin-bottom:7px;
  font-size:18px;
  font-weight:700;
}

.preparing-sub{
  color:#999;
  font-size:14px;
}

.player-area{
  padding-bottom:40px;
}

#player{
  display:block;
  position:relative;
  z-index:1;

  width:100%;
  height:auto;

  aspect-ratio:16 / 9;

  max-height:
    calc(100vh - 160px);

  object-fit:contain;

  background:#000;

  opacity:1;
  visibility:visible;

  transform:translateZ(0);
  -webkit-transform:translateZ(0);

  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.video-title{
  margin:18px 16px 14px;
  font-size:17px;
  line-height:1.55;
}

.source-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin:0 16px;
  padding:0 18px;
  border:1px solid #3b3b3b;
  border-radius:10px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
}

.error-area{
  min-height:
    calc(100vh - 58px);
  padding:80px 24px;
  text-align:center;
}

.error-title{
  margin-bottom:9px;
  font-size:18px;
  font-weight:700;
}

.error-sub{
  margin-bottom:24px;
  color:#999;
  font-size:14px;
}

@media(
  min-width:800px
){

  .player-area{
    padding-top:24px;
  }

  #player{
    border-radius:12px;
  }
}

/* NADIBIX_HIDDEN_FIX_V1 */
[hidden]{
  display:none !important;
}

/* NADIBIX_LEGAL_UI_START */
.nadibix-adult-label{
  position:fixed;z-index:2147483000;
  top:max(12px,env(safe-area-inset-top));right:12px;
  display:flex;align-items:center;padding:6px 10px;
  border:1px solid rgba(255,255,255,.32);border-radius:999px;
  background:rgba(15,15,15,.76);color:#fff;
  font-size:12px;font-weight:800;letter-spacing:.02em;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  pointer-events:none;
}
.nadibix-legal-links{
  position:fixed;z-index:2147482999;left:14px;bottom:14px;
  display:flex;gap:12px;flex-wrap:wrap;padding:8px 11px;
  border:1px solid rgba(255,255,255,.16);border-radius:12px;
  background:rgba(15,15,15,.72);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.nadibix-legal-links a{color:rgba(255,255,255,.72);text-decoration:none;font-size:11px;line-height:1.2}
.nadibix-legal-links a:hover{color:#fff}
@media(max-width:899px){
  .nadibix-legal-links{left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));justify-content:center;gap:14px}
  .nadibix-adult-label{top:max(8px,env(safe-area-inset-top));right:8px}
}
/* NADIBIX_LEGAL_UI_END */

/* NADIBIX_VAST_TEST_CSS_V1_START */
.vast-ad-area{min-height:calc(100vh - 58px);padding:24px 0 40px}
.vast-ad-stage{position:relative;width:100%;max-width:1100px;margin:0 auto;background:#000}
.vast-ad-label{position:absolute;z-index:4;top:10px;left:10px;padding:5px 8px;border-radius:7px;background:rgba(0,0,0,.72);color:#fff;font-size:12px;font-weight:700}
.vast-ad-player{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 160px);object-fit:contain;background:#000}
.vast-ad-status{min-height:36px;padding:9px 12px;color:#aaa;font-size:12px;background:#080808}
/* NADIBIX_VAST_TEST_CSS_V1_END */


/* NADIBIX_EXOCLICK_WAITING_V1_START */

.waiting-ad-wrap{
  width:300px;
  max-width:calc(100vw - 32px);
  margin:28px auto 0;
  text-align:center;
}

.waiting-ad-label{
  margin:0 0 7px;
  color:#777;
  font-size:11px;
  line-height:1.3;
  letter-spacing:.02em;
}

.waiting-ad-wrap ins{
  display:block;
  width:300px;
  max-width:100%;
  min-height:250px;
  margin:0 auto;
}

/* NADIBIX_EXOCLICK_WAITING_V1_END */