@import url("navigation.css");
/* Shared account chrome only. Game layouts and their controls stay unchanged. */
body > .pg-account-header{box-sizing:border-box;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));border-bottom:1px solid #5b6548;background:#0b1919;color:#eef4e9;font-size:13px;line-height:1.4;isolation:isolate}
.pg-account-header .pg-account-brand{display:inline-flex;align-items:center;min-height:44px;margin:0;color:#e8d9a8;font-size:20px;font-weight:800;letter-spacing:-.035em;line-height:1;text-decoration:none;white-space:nowrap}
.pg-account-header .pg-account-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0;max-width:100%;margin:0}
.pg-account-header .pg-session-status{flex:1 1 100%;min-width:0;max-width:100%;margin:0;color:#bccdc4;font-size:12px;line-height:1.5;text-align:right;overflow-wrap:anywhere}
.pg-account-header .pg-session-guest,.pg-account-header .pg-session-user{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0;max-width:100%;margin:0}
.pg-account-header .pg-session-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;min-height:44px;margin:0;padding:8px 12px;border:1px solid #61756c;border-radius:8px;background:#142725;color:#eef4e9;font:inherit;font-size:13px;font-weight:650;line-height:1.3;text-decoration:none;white-space:nowrap;cursor:pointer;touch-action:manipulation;box-shadow:none}
.pg-account-header .pg-session-signup{border-color:#b7a367;background:#d7c38d;color:#10201b}
.pg-account-header .pg-session-name{display:inline-flex;align-items:center;min-width:0;min-height:44px;max-width:16ch;padding:3px 0;color:#eef4e9;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.pg-account-header .pg-session-coins{min-width:0;max-width:100%;color:#e8d9a8;font-size:14px;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pg-account-header .pg-session-signout{font-size:12px;color:#c9d8cf}
.pg-account-header [hidden]{display:none!important}
.pg-account-header :is(a,button):focus-visible{outline:3px solid #b9e5ce;outline-offset:3px}
.pg-account-header button:disabled{cursor:wait;opacity:.6}
.account-auth-modes{display:flex;gap:8px;margin:0 0 6px}
.account-auth-modes button{flex:1;min-height:48px;padding:10px;border:1px solid #61756c;border-radius:8px;background:#142725;color:#eef4e9;font:inherit;font-weight:700}
.account-auth-modes button[aria-pressed="true"]{background:#d7c38d;border-color:#b7a367;color:#10201b}
@media(min-width:768px){body > .pg-account-header{padding-right:max(24px,calc((100vw - 1120px)/2));padding-left:max(24px,calc((100vw - 1120px)/2));gap:24px}.pg-account-header .pg-session-status{flex-basis:auto}.pg-account-header .pg-session-name{max-width:24ch}}
@media(max-width:380px){body > .pg-account-header{gap:8px}.pg-account-header .pg-account-brand{font-size:17px}.pg-account-header .pg-session-button{padding:8px;font-size:12px}.pg-account-header .pg-session-guest,.pg-account-header .pg-session-user{gap:6px}.pg-account-header .pg-session-name{max-width:12ch}.pg-account-header .pg-session-coins{font-size:13px}}
.pg-account-header .pg-account-brand .pg-brand-logo{display:block;width:144px;height:44px;object-fit:cover;max-width:none}
@media(max-width:420px){.pg-account-header .pg-account-brand .pg-brand-logo{width:128px;height:40px}}
@media(max-width:350px){.pg-account-header .pg-account-brand .pg-brand-logo{width:108px;height:36px}}
@media(max-width:480px){body>.pg-account-header:has(.pg-menu-trigger){gap:8px}.pg-account-header .pg-session-button{padding:8px;font-size:12px}.pg-account-header .pg-session-guest,.pg-account-header .pg-session-user{gap:6px}}

.pg-account-header .pg-session-auth-link{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px;color:#c9ddf6;font-size:12px;line-height:1.5;text-decoration:none;white-space:nowrap}.pg-account-header .pg-session-auth-link:hover{text-decoration:underline}.home-auth-links[hidden]{display:none!important}

@media(max-width:600px){.pg-account-header .pg-account-controls:has(.pg-session-guest:not([hidden])):has(.pg-session-user:not([hidden])){flex-direction:column;align-items:flex-end;gap:0}.pg-account-header .pg-account-controls:has(.pg-session-guest:not([hidden])) .pg-session-user .pg-session-name{min-height:24px;font-size:11px}.pg-account-header .pg-account-controls:has(.pg-session-user:not([hidden])) .pg-session-auth-link{min-height:28px;font-size:11px}}

.pg-account-header .pg-session-user[data-guest="true"] .pg-session-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14ch;display:block;line-height:24px}