/* A landscape game entrance, isolated from the website and embedded admin forms. */
.android-entrance{--ink:#203653;--paper:#fffdf7;background:#edf3fc;color:var(--ink);height:var(--auth-viewport-height,100dvh);overflow:hidden;isolation:isolate}
.android-entrance .account-topbar,.android-entrance .account-footer,.android-entrance .account-intro,.android-entrance .skip-link{display:none}
.android-entrance .account-main{width:100%;height:100%;min-height:0;padding:12px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);grid-template-rows:48px minmax(0,1fr);gap:20px clamp(28px,5vw,72px);max-width:1400px;margin:auto}
.entrance-world{grid-column:1;grid-row:1/3;min-width:0;height:calc(var(--entrance-art-height,100svh) - 24px - var(--app-safe-top,0px) - var(--app-safe-bottom,0px));display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;padding-top:8px;box-sizing:border-box}
.entrance-brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:clamp(22px,3vw,36px);font-weight:850;letter-spacing:-1px}
.entrance-brand span{color:#2559ce}.entrance-brand img{width:40px;height:40px}
.entrance-title{font-size:clamp(32px,4.5vw,60px);font-weight:850;line-height:1.1;letter-spacing:-.045em;margin:16px 0 20px;white-space:nowrap}
.entrance-paper{width:100%;max-width:min(560px,calc((var(--entrance-art-height,100svh) - 164px) * 1.83));aspect-ratio:64/35;flex:0 0 auto;position:relative;background:#fffdf7;border:2px solid #203653;border-radius:4px 16px 6px 10px;box-shadow:6px 7px 0 #c6d6ed;transform:rotate(-2deg);overflow:hidden}
.entrance-paper .cartridge-demo{position:absolute;inset:0;width:100%;height:100%;opacity:1;display:block;pointer-events:none}
.entrance-paper :is(svg,canvas){display:block;width:100%;height:100%}
.entrance-worlds{display:flex;justify-content:center;gap:8px;width:min(100%,560px);margin-top:20px}
.entrance-worlds i{width:7px;height:7px;background:#acbdd3;border-radius:50%;transition:background-color .2s,transform .2s}
.entrance-worlds i.is-active{background:#2559ce;transform:scale(1.3)}
.entrance-tabs{grid-column:2;grid-row:1;display:flex;gap:8px;align-items:stretch;border-bottom:2px solid #c2d0e4;padding-bottom:4px}
.entrance-tabs a{flex:1;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:750;color:#52647e;text-decoration:none;border-radius:12px 12px 3px 3px;min-height:44px}
.entrance-tabs a[aria-current]{color:#203653;background:#ffde76;border:2px solid #203653;box-shadow:0 3px 0 #203653}
.android-entrance .account-view{grid-column:2;grid-row:2;display:block;overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:4px 8px 12px 2px;scrollbar-width:thin}
.android-entrance .account-view :is(input,button,a){scroll-margin-block:12px}
.android-entrance .signup-flow,.android-entrance .account-form{min-width:0;min-height:min-content}
.android-entrance .account-view[hidden]{display:none}
.android-entrance .account-form{border:0;background:transparent;box-shadow:none;padding:0;gap:14px;border-radius:0}
.android-entrance .account-form[hidden]{display:none}
.android-entrance .account-form h2{font-size:26px;letter-spacing:-.6px;margin:0 0 4px}
.android-entrance #login-form>h2,.android-entrance #signup-form>h2{display:none}
.android-entrance .entrance-field{display:grid;gap:5px;min-width:0}
.android-entrance .account-form label:not(.show-password,.terms-check){margin:0;font-size:13px;font-weight:650}
.android-entrance .account-form input:not([type=checkbox]){min-height:46px;border:2px solid #acbdd3;border-radius:12px;background:#fffdf7;font:500 16px Outfit,sans-serif;padding:10px 12px}
.android-entrance .account-form .primary-button{min-height:48px;background:#2559ce;color:white;border:2px solid #203653;box-shadow:0 4px 0 #203653;border-radius:13px;font-size:17px;padding:10px 16px;margin:4px 0 8px}
.android-entrance .google-auth-button{min-height:46px;border-color:#acbdd3;background:white;font-size:14px;padding:8px}
.android-entrance .auth-divider{text-transform:none;letter-spacing:0;margin:0;font-size:12px}
.android-entrance .show-password{padding:0;align-items:center;min-height:36px;font-size:13px}
.android-entrance .forgot-link{justify-self:end;min-height:36px;display:flex;align-items:center;font-size:13px;margin-top:-50px;color:#2559ce}
.android-entrance .account-form>p{margin:0;font-size:13px}
.android-entrance .form-error:empty{display:none}
.android-entrance .form-error{font-size:13px;line-height:1.4;margin:0}
.entrance-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.entrance-details>button{grid-column:1/-1}
.entrance-security{display:grid;gap:10px}.entrance-details[hidden],.entrance-security[hidden]{display:none}
.entrance-step-back{justify-self:start;min-height:40px;background:none;color:#2559ce;font-weight:700;padding:0 8px}
.android-entrance .terms-check{flex-wrap:wrap;align-items:center;padding:0;gap:4px;font-size:13px;min-height:44px}
.android-entrance .signup-mail-icon{width:44px;height:44px;margin:0}.android-entrance .signup-verify-intro{font-size:14px}
.android-entrance :is(a,button):focus-visible{outline:3px solid #2559ce;outline-offset:3px}
.android-entrance :is(a,button){touch-action:manipulation;transition:background-color .12s,opacity .12s}
.android-entrance :is(a,button):active{opacity:.75}
.android-entrance :is(button:disabled,a[aria-disabled=true]){opacity:.5}
.android-entrance .entrance-tabs a,.android-entrance .google-auth-button,.android-entrance .entrance-step-back{min-height:48px}
.android-entrance .account-form>p a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1000px){.entrance-brand{font-size:25px}.android-entrance .account-main{gap:20px 36px}}
@media(max-width:600px){.android-entrance .account-main{grid-template-columns:1fr}.entrance-world{display:none}.entrance-tabs,.android-entrance .account-view{grid-column:1}}
@media(max-height:280px){.android-entrance .account-main{row-gap:8px;grid-template-rows:48px minmax(0,1fr)}.android-entrance .account-view{padding-bottom:16px}}