body.account-gated #game { visibility: hidden; }
.account-gate { z-index: 1000; }
.account-gate .panel-content { max-width: 42rem; margin: 0 auto; }
.account-gate input { box-sizing: border-box; width: 100%; margin: .6rem 0 1rem; font: inherit; font-size: 16px; color: #332819; background: #fff8e4; padding: .8rem; border: 1px solid #977443; border-radius: 3px; user-select: text; -webkit-user-select: text; }
.account-gate label { display: block; margin-top: 1rem; }
.account-gate .actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.account-gate a { color: #54341e; text-decoration: underline; text-underline-offset: .2em; }
.account-gate .account-login { display: inline-block; padding: .9rem 1.1rem; color: #fff0cb; background: #173936; border: 1px solid #967743; text-decoration: none; }
.account-gate [role="alert"] { color: #812d20; }
.account-gate .tip { line-height: 1.7; }
.account-gate .account-links { margin-top: 1rem; }
.account-gate .legacy-account { margin-top: 1.5rem; }
.account-gate .account-check { display: flex; align-items: center; gap: .7rem; margin: 1rem 0; }
.account-gate .account-check input { width: 1.2rem; height: 1.2rem; margin: 0; flex: 0 0 auto; }
.account-gate #savedRecoveryCode { font-family: monospace; font-size: 14px; }
.account-gate button { min-height: 44px; }
.account-gate button:disabled { opacity: .55; cursor: default; }
.account-gate summary { cursor: pointer; }