.bot-verification{width:min(100%,390px);box-sizing:border-box;margin:10px auto;padding:8px 10px;border:1px solid #7d704f;border-radius:5px;background:rgba(10,18,15,.94);color:#e7ddb7;text-align:left}.bot-verification>label{display:block;font-size:12px;margin-bottom:6px}.bot-local-row{display:flex;gap:7px;align-items:center}.bot-local-row img{width:160px;height:46px;object-fit:fill;border-radius:3px;flex-shrink:1;min-width:90px}.bot-local-row input{min-width:70px!important;width:90px!important;height:34px!important;margin:0!important;padding:5px!important;position:static!important;font-size:14px!important;border:1px solid #aa9868!important;border-radius:4px!important;background:#0b1510!important;color:#eee6ca!important}.bot-local-row button{position:static!important;transform:none!important;inset:auto!important;width:32px!important;min-width:32px!important;height:34px!important;margin:0!important;padding:0!important;border:1px solid #9e8c62!important;border-radius:4px!important;background:#343c2c!important;color:#e5d8b4!important;font-size:22px!important}.bot-message{font-size:11px!important;line-height:1.4!important;margin:6px 0 0!important;color:#d3c9a5!important;min-height:15px}.bot-turnstile{display:flex;justify-content:center}.bot-verification [hidden]{display:none!important}body .bot-verification[hidden]{display:none!important}@media(max-height:500px){.bot-verification{margin:5px auto;padding:5px 8px}.bot-local-row img{height:38px;width:137px}.bot-message{font-size:10px!important;margin-top:3px!important}}

.bot-verification{position:relative;padding-right:45px}.bot-refresh{position:absolute!important;right:7px!important;top:32px!important;left:auto!important;bottom:auto!important;transform:none!important;width:30px!important;height:32px!important;min-height:0!important;padding:0!important;font-size:20px!important;background:#343c2c!important;color:#e5d8b4!important;border:1px solid #9e8c62!important;border-radius:4px!important}.bot-turnstile:not([hidden])~.bot-message{min-height:0}.bot-verification:has(.bot-turnstile:not([hidden])){padding-right:10px}.bot-verification:has(.bot-turnstile:not([hidden])) .bot-refresh{top:5px!important}

@media(orientation:landscape){.desktop-client #welcome #character-login:has(.bot-verification:not([hidden])){display:flex;flex-direction:column;gap:4px;height:auto;min-height:337px;padding:0}.desktop-client #welcome #character-login:has(.bot-verification:not([hidden])) .native-login-board{flex-shrink:0}.desktop-client #welcome #character-login:has(.bot-verification:not([hidden])) :is(.login-actions,#login-error){position:static;inset:auto;width:100%;margin:0;min-height:0}.desktop-client #welcome #character-login:has(.bot-verification:not([hidden]))>small{position:static;inset:auto;margin:0}.desktop-client #welcome #character-login .bot-verification{flex-shrink:0;margin:0 auto;width:313px}.bot-turnstile{min-width:300px}.desktop-client #welcome #character-login:has(.bot-verification:not([hidden])) .bot-verification:has(.bot-turnstile:not([hidden])){width:337px}}
@media(orientation:landscape) and (max-height:500px){.desktop-client #welcome[data-mode=login]:has(.bot-verification:not([hidden])){width:660px;max-width:calc(100vw - 16px);grid-template-columns:1fr;overflow:auto}.desktop-client #welcome[data-mode=login]:has(.bot-verification:not([hidden])) .welcome-art{display:none}.desktop-client #welcome #character-login:has(.bot-verification:not([hidden])){display:grid;grid-template-columns:313px 313px;grid-template-rows:1fr auto auto auto;gap:5px 12px;align-items:center;width:638px;min-height:286px}.desktop-client #welcome #character-login:has(.bot-verification:not([hidden])) .native-login-board{grid-column:1;grid-row:1/5}.desktop-client #welcome #character-login:has(.bot-verification:not([hidden]))>:is(.bot-verification,.login-actions,#login-error,small){grid-column:2}.desktop-client #welcome #character-login:has(.bot-verification:not([hidden])) .bot-verification:has(.bot-turnstile:not([hidden])){width:313px}.desktop-client #welcome #character-login:has(.bot-verification:not([hidden]))>small{display:block}}
/* Keep the native signup board intact; verification lives outside its fields. */
@media(orientation:landscape){
.desktop-client #welcome #account-register:has(.bot-verification:not([hidden])){display:flow-root;height:auto;min-height:340px}
.desktop-client #welcome #account-register:has(.bot-verification:not([hidden])) .register-fields{inset:auto;top:0;left:0;width:337px;height:200px}
.desktop-client #welcome #account-register:has(.bot-verification:not([hidden])) .bot-verification{width:337px;margin:308px 0 0}
.desktop-client #welcome #account-register:has(.bot-verification:not([hidden])) #account-error{position:static;inset:auto;width:337px;margin:6px 0;min-height:0}
.desktop-client #welcome #account-register:has(.bot-verification:not([hidden])) #account-register-back{position:static;inset:auto;display:block;margin:8px auto 0}
}
@media(orientation:landscape) and (max-height:500px){
.desktop-client #welcome[data-mode=register]:has(.bot-verification:not([hidden])){width:700px;max-width:calc(100vw - 16px);grid-template-columns:1fr}
.desktop-client #welcome[data-mode=register]:has(.bot-verification:not([hidden])) .welcome-art{display:none}
.desktop-client #welcome #account-register:has(.bot-verification:not([hidden])){display:grid;grid-template-columns:337px 337px;grid-template-rows:1fr auto auto;gap:6px 12px;width:686px;min-height:308px}
.desktop-client #welcome #account-register:has(.bot-verification:not([hidden])) .bot-verification{grid-column:2;grid-row:1;margin:0;align-self:center}
.desktop-client #welcome #account-register:has(.bot-verification:not([hidden])) #account-error{grid-column:2;grid-row:2;margin:0}
.desktop-client #welcome #account-register:has(.bot-verification:not([hidden])) #account-register-back{grid-column:2;grid-row:3;margin:0 auto}
}

/* 2026-10-12: the submit buttons stay readable while waiting for the code; the code box is highlighted. */
.desktop-client #welcome :is(#account-register-button,#login-character-button):disabled{opacity:1!important;filter:none!important;color:#fff1c4!important;text-shadow:0 0 3px #000,0 1px 2px #000,0 0 6px #000!important;font-size:14px!important;z-index:6!important}
.desktop-client #welcome #account-register-button:not(:disabled){color:#fff8dc!important;text-shadow:0 0 3px #000,0 1px 2px #000,0 0 6px #000!important;font-weight:700!important;z-index:6!important}
.bot-verification.bot-needed{border-color:#e2c46f;box-shadow:0 0 0 1px #e2c46f,0 0 10px #e2c46f66}