.account-gate[hidden]{display:none}.account-gate{position:fixed;inset:0;z-index:100;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 20px max(32px,env(safe-area-inset-bottom));background:linear-gradient(#163c36ad,#163c36ef),url('./site.svg') center/cover no-repeat;box-sizing:border-box}
.account-brand{text-align:center;color:#fff3cd;flex-shrink:0}.account-brand>span{display:inline-grid;place-items:center;width:48px;height:48px;color:#ebc865}.account-brand .icon{width:38px;height:38px}.account-brand h1{font-size:36px;line-height:1.2;margin:8px 0;font-weight:800}.account-brand p{font-size:13px;margin:0;color:#e2e5cc}
.account-panel{width:min(100%,390px);background:#f9faee;border:1px solid #e0e5c7;border-radius:14px;padding:24px;box-sizing:border-box;box-shadow:0 16px 44px #102d2d40}.account-panel h2{font-size:21px;margin:24px 0 18px;color:#294d3b;line-height:1.4}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid #d5dec8;padding-bottom:12px}.account-tabs button{border:0;background:transparent;color:#627055;min-height:44px;font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;border-radius:8px}.account-tabs button.active{color:#f9edc9;background:#355c42}
.account-field{display:block;margin-bottom:16px;font-size:13px;font-weight:700;color:#36563d}.account-input{position:relative;display:flex;align-items:center;margin-top:8px}.account-input input{width:100%;height:48px;border:1px solid #b8c6a7;border-radius:8px;background:#fffff8;box-sizing:border-box;padding:12px;font-family:inherit;font-size:16px;color:#294d3b}.account-input:has(button) input{padding-right:52px}.account-input .icon-button{position:absolute;right:2px;top:2px;width:44px;height:44px;color:#5a7650}.account-input input:focus{outline:2px solid #688b55;outline-offset:2px}.account-field>small{font-size:11px;font-weight:400;display:block;line-height:1.6;margin-top:6px;color:#627359}.account-recover{display:block;margin:16px auto 0;min-height:44px;font-size:13px}.account-panel .full-button{min-height:48px}.account-panel .inline-error{font-size:13px;line-height:1.6;margin:10px 0}
.legacy-company{display:grid;grid-template-columns:32px 1fr;gap:4px 8px;padding:12px;background:#e9eedb;border-radius:8px;margin-bottom:20px;color:#36563d}.legacy-company>.icon{grid-row:span 2;align-self:center}.legacy-company strong{font-size:14px;overflow-wrap:anywhere}.legacy-company small{font-size:11px;color:#637359}.account-profile{display:flex;align-items:center;gap:14px;margin:6px 0 24px}.account-profile>span:first-child{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#e9edda;color:#557746}.account-profile>div{flex:1;min-width:0}.account-profile h2{font-size:21px;margin:0;overflow-wrap:anywhere}.account-profile p{font-size:12px;color:#64765a;margin:6px 0 0;overflow-wrap:anywhere}.recovery-emblem{display:grid;place-items:center;margin:4px auto 16px;width:64px;height:64px;border-radius:50%;background:#e6ebd2;color:#547742}.recovery-emblem .icon{width:32px;height:32px}.recovery-code{display:flex;gap:8px;margin:20px 0}.recovery-code input{min-width:0;flex:1;padding:14px 10px;border:1px solid #a9bd91;border-radius:8px;background:#fffff8;font:14px Consolas,monospace;color:#385638;box-sizing:border-box}.recovery-code button{width:48px;height:48px;flex-shrink:0;background:#e9eedc;border:1px solid #c0cfa9;border-radius:8px}
.account-required{overflow:hidden}.account-required .workspace,.account-required #bottom-nav,.account-required #sidebar{visibility:hidden}.hud-resources #account-button{flex-shrink:0}
@media(max-width:600px){.account-gate{justify-content:flex-start;padding-top:max(24px,env(safe-area-inset-top));gap:18px}.account-brand h1{font-size:30px}.account-brand>span{height:34px}.account-brand .icon{width:30px;height:30px}.account-panel{padding:20px}.account-panel h2{font-size:20px;margin-top:20px}.game-hud{gap:8px}.game-hud .hud-identity{min-width:0;flex:1}.game-hud .hud-resources{gap:4px}.game-hud .hud-resources .icon-button{width:40px;height:44px;flex-shrink:0}.game-hud .hud-identity strong{max-width:100%;overflow:hidden;text-overflow:ellipsis}.game-hud .hud-emblem{width:32px;height:36px;flex-shrink:0}.game-hud .hud-resources>span{gap:3px;font-size:13px}}