/* Entry-only presentation; game layouts keep their own theme. */
body.page-auth{max-width:720px!important;margin-inline:auto;background:#222629!important;color:#eee8dd!important;box-shadow:none!important}
body.page-auth .page{padding:20px 26px 24px!important;background:#222629!important}
body.page-auth #entry{max-width:640px!important;margin:0 auto}
body.page-auth .login-logo{width:100%;max-width:420px!important;height:auto;max-height:195px;object-fit:contain;margin:0 auto 16px!important;mask-image:none;-webkit-mask-image:none;mix-blend-mode:normal}
body.page-auth #entry .auth-card{max-width:460px;margin:0 auto!important;padding:25px 28px 20px!important;border:1px solid #655b4d!important;border-radius:9px;background:#292d30!important;box-shadow:0 12px 32px #0002!important}
body.page-auth #entry .auth-card h2{margin:0 0 7px!important;font-size:21px;line-height:1.3;letter-spacing:0;color:#f5eddf!important;text-align:center}
body.page-auth .auth-intro{margin:0 0 20px;color:#b9c0c4;font-size:13px;line-height:1.5;text-align:center}
body.page-auth #entry .auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 19px;background:#1e2326;border:1px solid #42494e;border-radius:6px}
body.page-auth #entry .auth-tabs button{display:block;width:100%;min-height:40px;margin:0!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:4px;background:transparent!important;color:#bdc5ca!important;font-size:14px;text-decoration:none}
body.page-auth #entry .auth-tabs button[aria-selected=true]{border-color:#8d7957!important;background:#443d32!important;color:#ffe1a6!important}
body.page-auth #entry .auth-tabs button:focus-visible{outline:2px solid #d4b574;outline-offset:2px}
body.page-auth #entry #auth-form{max-width:none!important;margin:0!important}
body.page-auth #entry #auth-form>label{display:block;margin:0 0 14px!important;font-size:13px;line-height:1.5;color:#d0d5d7!important}
body.page-auth #entry #auth-form :is(input:not([type=checkbox]),select){display:block;width:100%;height:46px;min-height:46px;margin:6px 0 0!important;padding:10px 12px!important;border:1px solid #626b72!important;border-radius:5px!important;background:#1e2326!important;color:#f2f2ed!important;font-size:16px;line-height:1.35;box-shadow:none;outline:none;color-scheme:dark}
body.page-auth #entry #auth-form :is(input,select):focus-visible{border-color:#c9a969!important;box-shadow:0 0 0 3px #c9a96922!important}
body.page-auth #entry .auth-password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end}
body.page-auth #entry #auth-password-toggle{height:46px;min-width:82px;margin:6px 0 0;padding:8px!important;border:1px solid #626b72!important;border-radius:5px;background:#343b40!important;color:#d6e0e5!important;font-size:12px;font-weight:400}
body.page-auth #entry #auth-submit{min-height:47px;margin:6px 0 12px!important;border:1px solid #a78b56!important;border-radius:5px;background:#675336!important;color:#fff1d3!important;font-size:15px;font-weight:600;letter-spacing:0}
body.page-auth #entry #auth-submit:hover{background:#78613d!important;border-color:#d4b574!important}
body.page-auth #entry #auth-submit:disabled{opacity:.65;cursor:wait}
body.page-auth #entry .text-button{min-height:36px;margin:0!important;padding:8px!important;font-size:13px;color:#b8d5e5!important;text-decoration:none}
body.page-auth #entry .new-player-gift{display:flex;gap:10px;align-items:center;margin:15px 0 0;padding:14px 0 0;border:0;border-top:1px solid #464c50;background:none;color:#d4c9b6}
body.page-auth #entry .new-player-gift .gift-icon{font-size:24px;line-height:1}
body.page-auth #entry .new-player-gift strong{font-size:12px;font-weight:600;color:#d9c49f;line-height:1.45}
body.page-auth #entry .new-player-gift p{font-size:12px;line-height:1.5;color:#b5bdc1;margin:3px 0 0}
body.page-auth #entry #auth-hint{font-size:12px;line-height:1.55;margin:0 0 14px;color:#b9c2c7}
body.page-auth #entry .auth-feedback{padding:10px 12px;margin:2px 0 12px;border:1px solid #965e59;border-radius:5px;background:#462d2a;color:#ffdbd3;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
body.page-auth #entry .auth-feedback.success{background:#293d31;border-color:#6b8b72;color:#d9eddb}
body.page-auth #entry .auth-story{margin:26px 0 14px}
body.page-auth #entry .auth-story>h2{font-size:18px;margin-bottom:13px;color:#eee3cf}
body.page-auth #entry .auth-story-copy{width:61%;padding:25px}
body.page-auth #entry .auth-story-copy h3{font-size:24px}
body.page-auth #entry .auth-story-slide{height:285px}
body.page-auth #entry-online-count{font-size:12px;margin:20px 0 0;color:#a8b4bb}
body.page-auth .game-version-footer{font-size:11px!important;margin:18px 0 0!important;padding:14px 0 0!important;color:#929fa7!important;border-top:1px solid #3e454a}
body.page-auth [hidden],body.page-auth #entry #auth-form>[hidden],body.page-auth #entry .new-player-gift[hidden]{display:none!important}
@media(max-width:480px){body.page-auth .page{padding:14px 14px 20px!important}body.page-auth #entry{max-width:none!important}body.page-auth .login-logo{max-width:330px!important;max-height:155px;margin-bottom:12px!important}body.page-auth #entry .auth-card{padding:21px 18px 17px!important}body.page-auth #entry .auth-card h2{font-size:20px}body.page-auth .auth-intro{font-size:12px;margin-bottom:16px}body.page-auth #entry .auth-story-slide{height:330px}body.page-auth #entry .auth-story-copy{width:76%;padding:22px 17px}body.page-auth #entry .auth-story-copy h3{font-size:22px}body.page-auth #entry .auth-story{margin-top:24px}}

/* Seamless story artwork, without an enclosing card. */
body.page-auth #entry .auth-story-frame{border:0;border-radius:0;box-shadow:none;background:transparent}
body.page-auth #entry .auth-story-controls{border-top:0;background:transparent}

body.page-auth #entry .auth-card{border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}

/* Keep all story copy visible on narrow phones without changing height per slide. */
@media(max-width:360px){body.page-auth #entry .auth-story-slide{height:370px}}

/* Compact entry stories: same height for every slide at each viewport. */
body.page-auth #entry .auth-story-slide{height:210px}
body.page-auth #entry .auth-story-copy{padding:18px 20px;width:62%}
body.page-auth #entry .auth-story-copy h3{font-size:21px;line-height:1.2;margin:0 0 8px}
body.page-auth #entry .auth-story-kicker{font-size:10px;line-height:1.4;letter-spacing:1.2px;margin:0 0 8px}
body.page-auth #entry .auth-story-copy p:not(.auth-story-kicker){font-size:13px;line-height:1.5}
body.page-auth #entry .auth-story-tags{margin-top:10px;font-size:11px;line-height:1.4}
body.page-auth #entry .auth-story-controls{min-height:44px;padding-block:2px}
@media(max-width:480px){body.page-auth #entry .auth-story-slide{height:240px}body.page-auth #entry .auth-story-copy{padding:17px 16px;width:77%}body.page-auth #entry .auth-story-copy h3{font-size:20px}}
@media(max-width:360px){body.page-auth #entry .auth-story-slide{height:250px}}


/* The selected book emblem is taller than the former portal wordmark. */
body.page-auth .login-logo{max-height:255px;}
@media(max-width:480px){body.page-auth .login-logo{max-height:205px;}}

/* Keep the compact logo gap after removing the entry carousel. */
body.page-auth #entry .login-logo{margin-bottom:2px!important;}
body.page-auth #entry .auth-card{padding-top:6px!important;}
body.page-auth #entry .auth-intro{margin-bottom:14px;}

/* Online count belongs under the entry introduction. */
body.page-auth #entry .auth-intro{margin-bottom:4px;}
body.page-auth #entry #entry-online-count{margin:0 0 14px;padding:0;text-align:center;font-size:12px;line-height:1.5;color:#a8b4bb;}