/* L2 Knight - Intro Video Overlay FIX */
html.l2k-intro-lock,
html.l2k-intro-lock body{
  overflow:hidden!important;
}

.l2k-intro-overlay{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  background:#000;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .55s ease, visibility .55s ease;
}

.l2k-intro-overlay.is-active{
  display:flex;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.l2k-intro-overlay.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.l2k-intro-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#000;
}

.l2k-intro-shadow{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 42%, rgba(0,0,0,0) 0%, rgba(0,0,0,.10) 42%, rgba(0,0,0,.62) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.38));
}

.l2k-intro-skip{
  position:absolute;
  right:34px;
  bottom:34px;
  min-width:132px;
  height:46px;
  padding:0 24px;
  cursor:pointer;
  color:#ffe0a0;
  font-family:Georgia, "Times New Roman", serif;
  font-size:15px;
  font-weight:900;
  letter-spacing:1.6px;
  text-transform:uppercase;
  border:1px solid rgba(223,170,82,.88);
  background:
    linear-gradient(180deg, rgba(58,26,9,.88), rgba(10,7,6,.92)),
    radial-gradient(circle at 50% 0%, rgba(255,185,80,.22), transparent 62%);
  box-shadow:
    inset 0 0 18px rgba(0,0,0,.82),
    0 0 22px rgba(0,0,0,.86),
    0 0 18px rgba(255,120,35,.22);
  text-shadow:0 2px 4px #000, 0 0 10px rgba(255,180,80,.35);
  z-index:3;
}

.l2k-intro-skip:hover{
  filter:brightness(1.16);
  border-color:#ffd28a;
}

.l2k-intro-loading{
  position:absolute;
  left:34px;
  bottom:36px;
  z-index:3;
  color:rgba(255,224,166,.76);
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;
  text-shadow:0 2px 4px #000;
}

@media(max-width:700px){
  .l2k-intro-skip{
    right:16px;
    bottom:16px;
    min-width:110px;
    height:40px;
    font-size:13px;
  }
  .l2k-intro-loading{
    left:16px;
    bottom:22px;
    font-size:11px;
  }
}

.l2k-intro-never{position:absolute;right:34px;bottom:88px;z-index:4;display:flex;align-items:center;gap:8px;color:#f2d7a1;font-size:13px;font-weight:700;letter-spacing:.4px;text-shadow:0 2px 4px #000;padding:8px 10px;background:rgba(0,0,0,.52);border:1px solid rgba(214,173,97,.34)}
.l2k-intro-never input{accent-color:#d6ad61}
@media(max-width:700px){.l2k-intro-never{right:16px;bottom:62px;font-size:11px}}