/* Elysium's guest entrance. All selectors are restricted to the native login. */
html[data-homescreens-romm][data-hs-login=on]{
  --hs-login-gold:var(--hs-elysium-gold,#ebca86);--hs-login-muted:#b8bdc8;
  --r-color-brand-primary:var(--hs-login-gold);
  --r-color-brand-primary-hover:#f4dcab;--r-color-brand-primary-pressed:#d9b774;
}
html[data-hs-login=on] .r-v2-auth{
  position:relative;isolation:isolate;min-height:100svh;background:#090d12!important;
  color:#f6f4ed;overflow:hidden;font-family:var(--r-font-family-sans);padding:0!important;
}
html[data-hs-login=on] .r-v2-auth__bg{display:none!important}
.hs-login-art{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.hs-login-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,14,.72) 0%,rgba(7,10,14,.12) 38%,rgba(7,10,14,.82) 66%,#090d12 100%),linear-gradient(0deg,#090d12 0%,rgba(7,10,14,.4) 24%,transparent 80%)}
.hs-login-art__image{position:absolute;height:112%;object-fit:cover;filter:saturate(.78) brightness(.9);pointer-events:none;user-select:none}
.hs-login-art__image--zelda{width:54%;left:-7%;top:-6%;object-position:50% 38%;mask-image:linear-gradient(90deg,#000 0%,#000 66%,transparent 100%)}
.hs-login-art__image--mario{width:38%;left:28%;top:-6%;object-position:48% 40%;mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 60%,transparent 100%)}
.hs-login-art__image--sonic{width:28%;left:54%;top:-6%;object-position:50% 45%;mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 65%,transparent 100%)}
html[data-hs-login=on] .r-v2-auth__stage{
  position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(350px,430px);
  align-items:center;gap:clamp(32px,7vw,140px);min-height:100svh;padding:48px clamp(40px,6vw,140px) 84px!important;
  width:100%;max-width:1800px;margin:auto;
}
.hs-login-story{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;max-width:690px;padding-bottom:clamp(24px,7vh,80px)}
.hs-login-brand{display:flex;gap:14px;align-items:center;margin-bottom:auto;padding-top:10px}
.hs-login-brand__mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(235,202,134,.65);border-radius:13px;color:var(--hs-login-gold);font-size:28px;font-weight:600;background:rgba(10,14,19,.6)}
.hs-login-brand__name{font-size:19px;font-weight:600;letter-spacing:.24em;line-height:1.15}
.hs-login-brand__name span{display:block;font-size:9px;color:var(--hs-login-gold);letter-spacing:.24em;margin-top:7px}
.hs-login-story__eyebrow{color:var(--hs-login-gold);font-size:11px;font-weight:600;letter-spacing:.22em;margin:0 0 20px;display:flex;gap:12px;align-items:center}
.hs-login-story__eyebrow::before{content:"";width:32px;height:1px;background:var(--hs-login-gold)}
.hs-login-story__title{font-size:clamp(42px,5.2vw,82px);line-height:1.03;letter-spacing:-.055em;max-width:650px;margin:0 0 24px;font-weight:600;text-wrap:balance;text-shadow:0 4px 30px #0009}
.hs-login-story__description{font-size:clamp(14px,1.2vw,17px);line-height:1.7;color:#d6d8dc;max-width:370px;margin:0;text-shadow:0 2px 15px #000}
html[data-hs-login=on] .auth-card{
  width:100%!important;max-width:none!important;margin:0!important;background:rgba(15,20,28,.89)!important;
  border:1px solid rgba(235,202,134,.2)!important;border-radius:24px!important;
  box-shadow:0 24px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(24px);overflow:visible!important;
}
html[data-hs-login=on] .auth-card__inner{padding:clamp(28px,3vw,42px)!important;gap:0!important;display:flex;flex-direction:column}
html[data-hs-login=on] .auth-card__logo{width:50px!important;height:50px;margin:0 0 24px!important;align-self:flex-start;filter:drop-shadow(0 4px 16px #0005)}
.hs-login-heading__eyebrow{font-size:9px;letter-spacing:.19em;font-weight:600;color:var(--hs-login-gold)}
.hs-login-heading__title{font-size:31px;letter-spacing:-.04em;line-height:1.14;margin:12px 0 10px;color:#fff;font-weight:600}
.hs-login-heading__description{font-size:14px;color:var(--hs-login-muted);line-height:1.6;margin:0 0 30px}
html[data-hs-login=on] .r-v2-login-form,html[data-hs-login=on] .r-v2-reset-form{display:flex;flex-direction:column;gap:20px!important}
.hs-login-field-label{display:block;color:#e3e4e9;font-size:12px;font-weight:600;margin:0 0 9px}
html[data-hs-login=on] .auth-card .r-text-field__field{height:54px;min-height:54px;padding:0 14px;background:#0b1018;border:1px solid #333b48;border-radius:11px;transition:border-color .15s,box-shadow .15s}
html[data-hs-login=on] .auth-card .r-text-field__field:focus-within{border-color:var(--hs-login-gold);box-shadow:0 0 0 3px rgba(235,202,134,.12)}
html[data-hs-login=on] .auth-card .r-text-field__input{font-size:15px!important;color:#fff!important;min-width:0;line-height:1.3}
html[data-hs-login=on] .auth-card .r-text-field__input::placeholder{color:#737e90!important;opacity:1}
html[data-hs-login=on] .auth-card .r-text-field__input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #0b1018 inset}
html[data-hs-login=on] .auth-card .r-text-field__underline{display:none}
html[data-hs-login=on] .auth-card .r-text-field__adornment{color:#9ba7b9!important}
html[data-hs-login=on] .auth-card .r-text-field__adornment .r-icon{width:17px!important;height:17px!important;font-size:17px!important}
html[data-hs-login=on] .auth-card .r-text-field__adornment--interactive{width:36px;height:40px;flex-shrink:0;border-radius:8px}
html[data-hs-login=on] .auth-card .r-text-field__adornment--interactive:hover{background:#ffffff0d;color:var(--hs-login-gold)!important}
html[data-hs-login=on] .auth-card .r-btn{min-height:52px!important;border-radius:11px!important;font-size:14px;font-weight:600;letter-spacing:.01em}
html[data-hs-login=on] .auth-card button[type=submit]{margin-top:4px;color:#19150e!important;background:var(--hs-login-gold)!important;border:1px solid var(--hs-login-gold)!important;box-shadow:0 5px 24px #0004}
html[data-hs-login=on] .auth-card button[type=submit]:disabled{opacity:1!important;background:#5c5341!important;color:#c7bdab!important;border-color:#74654a!important;box-shadow:none;cursor:default}
html[data-hs-login=on] .auth-card button[type=submit]:not(:disabled):hover{background:#f4dcab!important;border-color:#f4dcab!important}
html[data-hs-login=on] .auth-card :is(button,a):focus-visible{outline:2px solid var(--hs-login-gold);outline-offset:4px}
html[data-hs-login=on] .r-v2-login-form__forgot{margin-top:0!important;text-align:center!important}
html[data-hs-login=on] .r-v2-login-form__forgot a{color:#d3bb8e!important;font-size:12px;line-height:1.8;text-decoration:none}
html[data-hs-login=on] .r-v2-login-form__forgot a:hover{color:#f4dcab!important;text-decoration:underline}
html[data-hs-login=on] .r-v2-auth__footer{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:18px clamp(24px,6vw,140px)!important;color:#a8afbb;gap:16px;background:transparent!important}
html[data-hs-login=on] .r-v2-auth-footer .r-select{max-width:230px;opacity:.85}
html[data-hs-login=on] .r-v2-auth-footer .r-select__field{color:#c9ced7!important;background:#0d141ecc!important;border-color:#ffffff20!important;min-height:34px}
html[data-hs-login=on] .r-v2-auth-footer__version{color:#8f99aa!important}
@media(min-width:1800px){.hs-login-art__image--zelda{width:48%;left:0}.hs-login-art__image--mario{left:30%}.hs-login-art__image--sonic{left:55%}}
@media(max-width:1000px){
  html[data-hs-login=on] .r-v2-auth__stage{grid-template-columns:minmax(0,1fr) 380px;gap:30px;padding:46px 36px 80px!important}
  .hs-login-story__title{font-size:44px}.hs-login-story__description{font-size:14px}
  html[data-hs-login=on] .auth-card__inner{padding:30px!important}
}
@media(max-width:780px){
  html[data-hs-login=on] .r-v2-auth__stage{display:flex!important;flex-direction:column;justify-content:center;gap:26px;padding:32px 24px 84px!important}
  .hs-login-story{align-self:center;padding:0;display:block;text-align:center;max-width:100%}
  .hs-login-brand{justify-content:center;padding:0;margin:0}
  .hs-login-story :is(.hs-login-story__eyebrow,.hs-login-story__title,.hs-login-story__description){display:none}
  .hs-login-art__image--zelda{width:80%;left:-15%}.hs-login-art__image--mario{left:50%;width:65%}.hs-login-art__image--sonic{display:none}
  .hs-login-art::after{background:linear-gradient(0deg,#090d12 0%,#090d12a8 50%,#090d12a8 100%)}
  html[data-hs-login=on] .auth-card{max-width:430px!important}
  html[data-hs-login=on] .auth-card__logo{display:none}
  .hs-login-heading__title{font-size:29px}
  html[data-hs-login=on] .r-v2-auth__footer{padding:16px 24px!important}
}
@media(max-width:400px){html[data-hs-login=on] .r-v2-auth__stage{padding-left:16px!important;padding-right:16px!important}html[data-hs-login=on] .auth-card__inner{padding:26px!important}}
@media(max-height:800px) and (min-width:781px){html[data-hs-login=on] .auth-card__inner{padding:30px!important}html[data-hs-login=on] .auth-card__logo{width:44px!important;height:44px;margin-bottom:16px!important}.hs-login-heading__description{margin-bottom:24px}html[data-hs-login=on] .r-v2-login-form{gap:18px!important}}
@media(max-height:600px) and (min-width:781px){html[data-hs-login=on] .r-v2-auth__stage{padding-top:28px!important;padding-bottom:64px!important}.hs-login-story{padding-bottom:24px}html[data-hs-login=on] .auth-card__inner{padding:26px 32px!important}html[data-hs-login=on] .auth-card__logo{display:none}.hs-login-heading__description{margin-bottom:20px}html[data-hs-login=on] .r-v2-login-form{gap:14px!important}}
