body
{
   background-color: #FFFFFF;
   background-image: url('../images/itchbg.png');
   background-attachment: scroll;
   background-position: left top;
   background-repeat: repeat;
   background-size: cover;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_PnlGames
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('../images/itchbg_2.png');
   background-repeat: repeat-x;
   background-position: left top;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#PnlGames
{
   box-sizing: border-box;
   padding: 10px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#PnlGames > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#PnlGames > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#PnlGames > .row > .col-1
{
   float: left;
}
#PnlGames > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#PnlGames > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#PnlGames:before,
#PnlGames:after,
#PnlGames .row:before,
#PnlGames .row:after
{
   display: table;
   content: " ";
}
#PnlGames:after,
#PnlGames .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#PnlGames > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Image1
{
   margin: 0;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 600px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
  :root{
    --lk-bg: rgba(10,12,18,.55);
    --lk-border: rgba(255,255,255,.14);
    --lk-text: rgba(255,255,255,.92);
    --lk-muted: rgba(255,255,255,.70);
    --lk-accent: #2EA8FF;
    --lk-accent2: #7C5CFF;
    --lk-danger: #ff4d4d;
    --lk-success: #5CFF88;
    --lk-shadow: 0 18px 45px rgba(0,0,0,.45);
    --lk-radius: 18px;
  }

  /* Wrap */
  #lk_fp_wrap{
    max-width: 440px;
    margin: 0 auto;
    padding: 18px;
    color: var(--lk-text);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  }

  /* Card */
  #lk_fp_card{
    position: relative;
    border-radius: var(--lk-radius);
    background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
    border: 1px solid var(--lk-border);
    box-shadow: var(--lk-shadow);
    overflow: hidden;
  }
  #lk_fp_card::before{
    content:"";
    position:absolute; inset:-2px;
    background:
      radial-gradient(650px 220px at 20% 0%, rgba(46,168,255,.35), transparent 60%),
      radial-gradient(650px 240px at 90% 10%, rgba(124,92,255,.25), transparent 60%);
    filter: blur(0px);
    pointer-events:none;
    opacity:.85;
  }
  #lk_fp_card_inner{
    position: relative;
    padding: 22px 20px 18px;
    background: rgba(0,0,0,.22);
    backdrop-filter: blur(10px);
  }

  /* Header */
  #lk_fp_title{
    margin:0;
    font-size: 18px;
    letter-spacing: .2px;
    font-weight: 900;
  }
  #lk_fp_sub{
    margin: 6px 0 0;
    font-size: 12.5px;
    color: var(--lk-muted);
    line-height: 1.35;
  }

  /* Form layout */
  #lk_fp_stack{
    margin-top: 14px;
    display:flex;
    flex-direction: column;
    gap: 10px;
  }

  /* Input */
  #lk_fp_identifier{
    height: 42px;
    padding: 0 14px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(0,0,0,.28);
    color: var(--lk-text);
    outline: none;
    width: 100%;
    transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;
  }
  #lk_fp_identifier::placeholder{ color: rgba(255,255,255,.55); }

  #lk_fp_identifier:focus{
    border-color: rgba(46,168,255,.55);
    box-shadow: 0 0 0 4px rgba(46,168,255,.16);
  }

  /* Button */
  #lk_fp_btn{
    height: 44px;
    border-radius: 14px;
    border: 0;
    cursor: pointer;
    width: 100%;
    font-weight: 900;
    letter-spacing: .2px;
    color: #071018;
    background: linear-gradient(90deg, var(--lk-accent), var(--lk-accent2));
    box-shadow: 0 12px 24px rgba(46,168,255,.20);
    transition: transform .06s ease, filter .15s ease, opacity .15s ease;
  }
  #lk_fp_btn:hover{ filter: brightness(1.05); }
  #lk_fp_btn:active{ transform: translateY(1px); }
  #lk_fp_btn:disabled{
    cursor: not-allowed;
    opacity: .72;
    transform: none;
    filter: none;
  }

  /* Message */
  #lk_fp_msg{
    display:none;
    padding: 12px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(0,0,0,.35);
    font-weight: 750;
    line-height: 1.25;
    word-break: break-word;
    color: var(--lk-danger);
  }
  #lk_fp_msg.ok{
    color: var(--lk-success);
    border-color: rgba(92,255,136,.25);
    background: rgba(0,0,0,.30);
  }

  /* Footer link */
  #lk_fp_footer{
    margin-top: 10px;
    font-size: 12px;
    color: var(--lk-muted);
    opacity: .92;
  }
  #lk_fp_footer a{
    color: #6ec4ff;
    text-decoration: none;
    font-weight: 800;
  }
  #lk_fp_footer a:hover{ text-decoration: underline; }

  /* Small screens */
  @media (max-width: 380px){
    #lk_fp_wrap{ padding: 12px; }
    #lk_fp_card_inner{ padding: 18px 14px 14px; }
  }