@font-face{font-family:LobbiyoManrope;src:url('./fonts/manrope-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:LobbiyoDM;src:url('./fonts/dm-sans-latin.woff2') format('woff2');font-display:swap}
:root{--auth-bg:#101416;--auth-panel:#151b1d;--auth-field:#20282b;--auth-line:#354145;--auth-text:#f3f6f1;--auth-muted:#a8b5b2;--auth-accent:#b5f779;--auth-ink:#18251a}
body.lobbiyo-auth-page,body.login{box-sizing:border-box;margin:0;background:var(--auth-bg);color:var(--auth-text);font:16px/1.55 LobbiyoDM,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.lobbiyo-auth-page *,body.login *{box-sizing:border-box}
.lobbiyo-auth-page a,body.login a{color:var(--auth-accent);text-decoration:none}
.lobbiyo-auth-page a:hover,body.login a:hover{text-decoration:none;color:#d2ffa9}
.lobbiyo-auth-page :focus-visible,body.login :focus-visible{outline:3px solid var(--auth-accent);outline-offset:3px}
.lobbiyo-auth-shell,body.login:not(.interim-login){display:grid;grid-template-columns:minmax(0,1.06fr) minmax(440px,.94fr);min-height:100svh}
.lobbiyo-auth-stage{min-height:100svh;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:38px clamp(32px,4vw,68px) 37px;background:#141e26}
.lobbiyo-auth-stage:before{content:"";position:absolute;inset:0;z-index:-2;background:url('./v2/games/lol-hero.jpg') 62% center/cover no-repeat;opacity:.7}
.lobbiyo-auth-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0f1a1dee 2%,#0f1a1db0 43%,#0f1a1d30 100%),linear-gradient(0deg,#0b1518f5 0%,#0b15183b 52%,#0b15187a 100%)}
.lobbiyo-auth-brand{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;color:#fff!important;font:800 30px/1 LobbiyoManrope,Arial,sans-serif;letter-spacing:-1.2px}
.lobbiyo-auth-brand img{display:block;width:42px;height:42px;border-radius:12px}
.lobbiyo-auth-dot{color:var(--auth-accent)}
.lobbiyo-auth-stage-copy{max-width:660px;padding:36px 0 26px}
.lobbiyo-auth-kicker{display:block;color:var(--auth-accent);font:800 13px/1.4 LobbiyoManrope,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.lobbiyo-auth-stage-copy h2{color:#fff;font:800 clamp(42px,4.4vw,74px)/1.08 LobbiyoManrope,Arial,sans-serif;letter-spacing:-.055em;margin:18px 0 18px}
.lobbiyo-auth-stage-copy p{max-width:490px;color:#d6dfdf;font-size:18px;line-height:1.6;margin:0}
.lobbiyo-auth-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}
.lobbiyo-auth-chips span{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border:1px solid #cce8ce5c;border-radius:5px;background:#0e1c1e8f;color:#e9f5e7;font-size:14px;font-weight:700}
.lobbiyo-auth-stage-foot{color:#c4d0cb;font-size:14px;margin:0}
.lobbiyo-auth-panel{display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;padding:38px clamp(34px,5.5vw,96px) 28px;background:var(--auth-panel)}
.lobbiyo-auth-panel-top{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#8eaaa2;font:800 12px/1.4 LobbiyoManrope,Arial,sans-serif;letter-spacing:.13em}
.lobbiyo-auth-panel-top a{font-size:14px;letter-spacing:0;font-weight:700;white-space:nowrap}
.lobbiyo-auth-form-wrap{width:100%;max-width:480px;margin:38px auto}
.lobbiyo-auth-tabs{display:flex;gap:28px;border-bottom:1px solid var(--auth-line);margin-bottom:34px}
.lobbiyo-auth-tabs a{position:relative;display:inline-flex;align-items:center;min-height:46px;color:var(--auth-muted);font-weight:700}
.lobbiyo-auth-tabs a[aria-current=page]{color:var(--auth-text)}
.lobbiyo-auth-tabs a[aria-current=page]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--auth-accent)}
.lobbiyo-auth-form-wrap h1,.lobbiyo-auth-core-heading h2{font:800 clamp(32px,3.2vw,46px)/1.15 LobbiyoManrope,Arial,sans-serif;letter-spacing:-.045em;color:var(--auth-text);margin:14px 0 12px}
.lobbiyo-auth-intro,.lobbiyo-auth-core-heading p{color:var(--auth-muted);font-size:16px;line-height:1.6;margin:0 0 31px}
.lobbiyo-auth-form{display:flex;flex-direction:column}
.lobbiyo-auth-form>label:not(.lobbiyo-auth-check),.lobbiyo-auth-label-row label{display:block;color:#e3ebe6;font-weight:700;font-size:15px;margin:0 0 8px}
.lobbiyo-auth-form>input:not([type=hidden]):not([type=checkbox]){width:100%;height:52px;border:1px solid var(--auth-line);border-radius:8px;background:var(--auth-field);color:var(--auth-text);padding:0 15px;font:16px LobbiyoDM,Arial,sans-serif;margin-bottom:22px;outline:none}
.lobbiyo-auth-form>input:focus{border-color:var(--auth-accent);box-shadow:0 0 0 3px #b5f77925}
.lobbiyo-auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lobbiyo-auth-label-row a{font-size:14px;font-weight:700;white-space:nowrap;margin-bottom:8px}
.lobbiyo-auth-check{display:flex;align-items:center;gap:10px;color:var(--auth-muted);font-size:14px;margin:0 0 24px;cursor:pointer}
.lobbiyo-auth-check input{accent-color:var(--auth-accent);width:17px;height:17px;margin:0}
.lobbiyo-auth-submit{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:1px solid var(--auth-accent);border-radius:8px;background:var(--auth-accent);color:var(--auth-ink)!important;font:800 16px LobbiyoManrope,Arial,sans-serif;cursor:pointer;transition:background .16s,transform .16s}
.lobbiyo-auth-submit:hover{background:#ccffa4;transform:translateY(-1px);color:var(--auth-ink)!important}
.lobbiyo-auth-hint{font-size:14px;color:var(--auth-muted);line-height:1.55;margin:-3px 0 20px}
.lobbiyo-auth-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.lobbiyo-auth-switch{font-size:15px;color:var(--auth-muted);text-align:center;margin:23px 0 0}
.lobbiyo-auth-switch a{font-weight:800}
.lobbiyo-auth-notice{padding:16px 17px;border:1px solid #b5f77960;border-radius:8px;background:#b5f77913;color:#e8f6e1;margin:25px 0}
.lobbiyo-auth-panel-foot{text-align:center;color:#83928e;font-size:13px;margin:0}

/* The WordPress login, registration, reset and recovery endpoints retain their core forms. */
body.login:not(.interim-login){grid-template-rows:1fr}
body.login .lobbiyo-auth-stage{grid-column:1;grid-row:1}
body.login #login{grid-column:2;grid-row:1;align-self:center;width:min(480px,calc(100% - 72px));padding:34px 0;margin:0 auto}
body.login #login .wp-login-logo{margin:0 0 42px;text-align:left}
body.login #login .wp-login-logo a{display:flex;align-items:center;gap:11px;width:auto;height:44px;padding:0;background:none;color:#fff;font:800 0/1 LobbiyoManrope,Arial,sans-serif;letter-spacing:-.05em}
body.login #login .wp-login-logo a:before{content:"";display:block;width:42px;height:42px;flex:none;border-radius:12px;background:url('./favicon.svg') center/contain no-repeat}
body.login #login .wp-login-logo a:after{content:"Lobbiyo.";font-size:28px;color:#fff}
body.login .lobbiyo-auth-core-heading{margin:0 0 28px}
body.login #login form{width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
body.login #login form p,body.login #login form .user-pass-wrap{margin:0 0 18px}
body.login #login form label{font-size:15px;font-weight:700;color:#e3ebe6}
body.login #login form input.input{box-sizing:border-box;width:100%;min-height:52px;margin:8px 0 0;padding:9px 15px;border:1px solid var(--auth-line);border-radius:8px;background:var(--auth-field);box-shadow:none;color:var(--auth-text);font:16px LobbiyoDM,Arial,sans-serif}
body.login #login form input.input:focus{border-color:var(--auth-accent);box-shadow:0 0 0 3px #b5f77925}
body.login #login .wp-pwd{position:relative}
body.login #login .wp-pwd button.wp-hide-pw{top:13px;right:5px;border:0;background:transparent;box-shadow:none;color:var(--auth-muted)}
body.login #login .forgetmenot{display:flex;align-items:center;gap:8px;margin:16px 0 20px}
body.login #login .forgetmenot input{accent-color:var(--auth-accent);margin:0}
body.login #login .forgetmenot label{font-size:14px;color:var(--auth-muted)}
body.login #login .submit{margin:18px 0 0}
body.login #login .submit .button-primary{float:none;display:block;width:100%;min-height:52px;border:1px solid var(--auth-accent);border-radius:8px;background:var(--auth-accent);color:var(--auth-ink);box-shadow:none;text-shadow:none;font:800 16px LobbiyoManrope,Arial,sans-serif;transition:background .16s,transform .16s}
body.login #login .submit .button-primary:hover{background:#ccffa4;transform:translateY(-1px)}
body.login #login #nav,body.login #login #backtoblog{margin:20px 0 0;padding:0;text-align:center;color:var(--auth-muted);font-size:14px}
body.login #login #backtoblog{margin-top:16px}
body.login #login #nav a,body.login #login #backtoblog a{color:var(--auth-accent);font-weight:700}
body.login #login .message,body.login #login #login_error,body.login #login .notice{margin:0 0 22px;padding:14px 16px;border:1px solid #b5f77960;border-left:3px solid var(--auth-accent);border-radius:6px;background:#b5f77910;color:var(--auth-text);box-shadow:none;font-size:14px}
body.login #login #login_error{border-color:#d07e7e;border-left-color:#ef9e9e;background:#5b2a2a38}
body.login #login #reg_passmail,body.login #login .description{color:var(--auth-muted);font-size:14px}
body.login #login .nfd-sso-hosting-login{margin:12px 0 22px;color:var(--auth-muted)}
body.login #login .nfd-sso-hosting-login__button{border:1px solid var(--auth-line);border-radius:7px;background:transparent;color:var(--auth-text)}
body.login #login .nfd-sso-hosting-login__divider span{background:var(--auth-panel);color:var(--auth-muted)}
body.login #login #resetpassform .wp-pwd{margin-bottom:13px}
body.login .privacy-policy-page-link{display:none}
body.login.interim-login .lobbiyo-auth-stage{display:none}

@media(max-width:900px){
  .lobbiyo-auth-shell,body.login:not(.interim-login){grid-template-columns:minmax(0,1fr) minmax(390px,.95fr)}
  .lobbiyo-auth-stage{padding:30px}
  .lobbiyo-auth-stage-copy h2{font-size:42px}
  .lobbiyo-auth-stage-copy p{font-size:16px}
  .lobbiyo-auth-panel{padding:30px 34px 24px}
}
@media(max-width:700px){
  .lobbiyo-auth-shell,body.login:not(.interim-login){display:block;min-height:100svh}
  .lobbiyo-auth-stage,body.login .lobbiyo-auth-stage{min-height:188px;height:188px;padding:24px 26px;background:#122024}
  .lobbiyo-auth-stage:before{background-position:75% 36%;opacity:.55}
  .lobbiyo-auth-stage:after{background:linear-gradient(90deg,#0d191dea,#0d191d40),linear-gradient(0deg,#0d191dcc,transparent)}
  .lobbiyo-auth-brand{font-size:25px}.lobbiyo-auth-brand img{width:34px;height:34px}
  .lobbiyo-auth-stage-copy{padding:0}.lobbiyo-auth-stage-copy .lobbiyo-auth-kicker,.lobbiyo-auth-stage-copy p,.lobbiyo-auth-chips,.lobbiyo-auth-stage-foot{display:none}
  .lobbiyo-auth-stage-copy h2{font-size:26px;line-height:1.16;margin:0;letter-spacing:-.04em}
  .lobbiyo-auth-stage-copy h2 br{display:none}
  .lobbiyo-auth-panel{min-height:calc(100svh - 188px);padding:26px 23px 22px}
  .lobbiyo-auth-panel-top{font-size:11px}
  .lobbiyo-auth-form-wrap{margin:35px auto 38px}
  .lobbiyo-auth-form-wrap h1,.lobbiyo-auth-core-heading h2{font-size:33px}
  body.login #login{width:min(480px,calc(100% - 46px));padding:30px 0 42px}
  body.login #login .wp-login-logo{margin:0 0 26px}
}
@media(prefers-reduced-motion:reduce){.lobbiyo-auth-submit,body.login #login .submit .button-primary{transition:none}}
.lobbiyo-auth-benefits{font-size:13px;line-height:1.7;color:var(--auth-muted);padding-top:16px;border-top:1px solid var(--auth-line);margin-top:24px}