.header-account{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-shrink:0}
.header-account>button{min-height:40px;padding:9px 13px;border:1px solid #557b46;border-radius:5px;font:800 15px 'Barlow Condensed',sans-serif;letter-spacing:.6px;color:#d4ecc5;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.header-account .account-header-login{background:#17241b}
.header-account .account-header-signup{background:var(--green);border-color:var(--green);color:#13200b;box-shadow:0 3px 0 #7aa724}
.header-account>button:hover{filter:brightness(1.14)}
.header-account .account-user-link{background:#172a1d;max-width:208px;padding:6px 10px;gap:9px;text-align:left}
.account-user-link>span{display:flex;flex-direction:column;min-width:0}
.account-user-link small{font-size:9px;color:#92b288;letter-spacing:1px}
.account-user-link strong{font-size:16px;overflow:hidden;text-overflow:ellipsis}
.header-account .icon{width:17px;height:17px;flex-shrink:0}
.topbar .header-center{margin-right:auto}
.account-home-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 21px;margin:0 0 20px;border:1px solid #597e3a;border-left:4px solid var(--green);border-radius:8px;background:linear-gradient(110deg,#1a321d,#122019)}
.account-home-callout>div:first-child{display:flex;align-items:center;gap:13px;min-width:0}
.account-home-callout>div:first-child>.icon{width:28px;height:28px;color:var(--green);flex-shrink:0}
.account-home-callout strong{font:800 23px/1.1 'Barlow Condensed',sans-serif;color:#e1ffbd;letter-spacing:.4px}
.account-home-callout p{font:500 14px/1.5 'Barlow',sans-serif;color:#bed3b7;margin:5px 0 0;max-width:480px}
.account-home-buttons{display:flex;gap:10px;flex-shrink:0}
.account-home-buttons .btn{min-width:115px;font-size:16px}
.account-home-status{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 2px;margin:0 0 14px;font:500 14px 'Barlow',sans-serif;color:#a7c699}
.account-home-status>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.account-home-status strong{color:#e1ffbf}
.account-home-status button{display:flex;align-items:center;gap:8px;font:800 16px 'Barlow Condensed',sans-serif;color:var(--green);white-space:nowrap}
.account-access-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:19px 0 23px;padding:5px;background:#08160e;border:1px solid #405f36;border-radius:8px}
.account-access-tabs button{min-height:46px;font:800 20px 'Barlow Condensed',sans-serif;letter-spacing:.8px;border:1px solid transparent;border-radius:4px;color:#a9c699;padding:10px 12px}
.account-access-tabs button.active{color:#15240b;background:var(--green);box-shadow:0 2px 0 #7aa724}
.account-access-tabs button:not(.active):hover{border-color:#679143;color:#e1ffd1;background:#1a321e}
.account-play-options{display:grid;gap:12px;margin:26px 0 14px}
.account-play-options .btn{font-size:20px;min-height:58px}
.account-guest-choice{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:17px 10px;font:800 17px 'Barlow Condensed',sans-serif;color:#b6d2a8;text-decoration:underline;text-underline-offset:4px}
.account-registration-note{font:500 12px/1.5 'Barlow',sans-serif!important;color:#91ae85!important;text-align:center;margin-top:14px!important}
.account-form-links{align-items:center;gap:9px}
.account-form-links button{font-weight:800;color:#d0ffa5;text-decoration:underline;text-underline-offset:3px}
.account-password-toggle{min-height:40px;justify-self:start;padding:5px 0;color:#c6e5b6;text-decoration:underline;text-underline-offset:3px;font:600 13px 'Barlow',sans-serif}
.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.online-mode .mode-art{opacity:.38}
.online-mode{border-color:#3e8a75}
.online-mode .mode-icon{color:#a0ffe7}
@media(max-width:1160px){.topbar{gap:13px}.header-account>button{padding:9px 10px;font-size:14px}.game-nav .nav-item{padding-left:11px;padding-right:11px}.account-home-callout{gap:18px}.account-home-callout strong{font-size:21px}.account-home-callout p{font-size:13px}.account-home-buttons .btn{padding:12px 15px;font-size:15px}}
@media(max-width:930px){.account-home-callout{align-items:flex-start;flex-direction:column;gap:15px}.account-home-buttons{width:100%}.account-home-buttons .btn{flex:1}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-grid>.mode:last-child{grid-column:1/-1;min-height:180px}}
@media(max-width:760px){
 .topbar,body[data-screen="battle"] .topbar{display:grid;grid-template-columns:1fr auto;gap:7px 10px;height:auto;min-height:108px;padding:9px 17px 10px}
 .topbar>.brand{min-width:0}.topbar>.header-center{display:none}.topbar>.resources{justify-self:end;margin:0}
 .topbar>.header-account{grid-column:1/-1;justify-content:stretch;gap:9px;border-top:1px solid #294327;padding-top:7px}
 .header-account>button{flex:1;min-height:35px;padding:6px 10px;font-size:15px}
 .header-account .account-user-link{max-width:none;justify-content:flex-start;min-height:34px;padding:5px 8px}
 .account-user-link>span{flex:1;flex-direction:row;align-items:center;gap:9px}.account-user-link small{font-size:10px}.account-user-link strong{font-size:16px}
 .account-home-callout{padding:15px;margin-bottom:16px;gap:13px}.account-home-callout strong{font-size:21px}.account-home-callout p{font-size:13px}.account-home-callout>div:first-child{gap:10px}.account-home-buttons .btn{font-size:16px;min-height:43px;padding:11px 10px;min-width:0}
 .account-home-status{align-items:flex-start;flex-direction:column;gap:9px;font-size:12px;margin-bottom:10px}.account-home-status button{font-size:15px}
 .account-access-tabs{margin-top:16px;gap:5px}.account-access-tabs button{font-size:19px;min-height:44px;padding:9px 7px}.account-play-options .btn{font-size:19px}
 .mobile-nav{gap:0}.mobile-nav button{min-width:0;font-size:10px;letter-spacing:.3px;padding-left:1px;padding-right:1px}.mobile-nav .icon{width:20px;height:20px}
 .mode-grid{grid-template-columns:1fr}.mode-grid>.mode,.mode-grid>.mode:last-child{min-height:193px;grid-column:auto}.mode-grid .mode p{max-width:240px}.mode-grid .mode .eyebrow{max-width:200px}
}
@media(max-width:360px){.topbar,body[data-screen="battle"] .topbar{padding-left:12px;padding-right:12px}.account-home-callout strong{font-size:19px}.account-home-callout p{font-size:12px}.account-home-buttons .btn{font-size:15px}.mobile-nav button{font-size:9px}.account-access-tabs button{font-size:18px}}