/* The identity strip belongs to the lobby, above the harbor. */
.game-page .arcade{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
.game-page #overlay .start-card{justify-content:flex-start;padding-top:0}
#home-identity{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;min-height:76px;padding:12px 18px;margin:0 -24px;width:calc(100% + 48px);background:linear-gradient(115deg,#16334a,#0a1d30 60%,#152e42);border-bottom:1px solid #c6ac6859;box-shadow:inset 0 1px #c9e6f01a;position:relative;z-index:1;text-align:left}
#home-identity .brand{min-width:0;gap:10px;letter-spacing:1.6px;font-size:11px;line-height:1.4;flex-shrink:0;color:#c8deec}
#home-identity .brand b{font-size:16px;letter-spacing:2.2px;color:#edf6ff}
#home-identity .badge{font-size:27px;line-height:1;padding:8px 7px;border-radius:7px;background:linear-gradient(135deg,#fff0ad,#e6be58);color:#092039;border:1px solid #ffe8a3;border-bottom:3px solid #9c7837;box-shadow:0 4px 12px #0004;transform:skew(-5deg)}
#home-identity #player-button{min-width:100px;max-width:48%;min-height:46px;padding:10px 14px;border:1px solid #8ab7c771;border-radius:11px;background:linear-gradient(135deg,#27516a,#163348);box-shadow:inset 0 1px #daf5ff1a,0 4px 12px #0003;color:#e4f7ff;font:700 16px/1.25 'DM Sans',sans-serif;white-space:normal;overflow-wrap:anywhere;text-align:center;letter-spacing:0;transition:background .16s,border-color .16s}
#home-identity #player-button:hover{background:#2b5269;border-color:#ffe175}
#home-identity #player-button:focus-visible{outline:3px solid #ffe175;outline-offset:3px}
.game-page #overlay .home-hero{margin-top:0}
@media(max-width:600px){#home-identity{margin:0 -17px;width:calc(100% + 34px);padding:10px 16px;min-height:70px;gap:10px}#home-identity .brand{font-size:11px;gap:8px}#home-identity .brand b{font-size:14px;letter-spacing:1.6px}#home-identity #player-button{min-width:90px;padding:10px;font-size:15px}}
@media(max-width:350px){#home-identity{padding:10px 12px;gap:8px}#home-identity .brand{gap:6px;font-size:11px}#home-identity .brand b{font-size:13px}#home-identity .badge{font-size:23px}#home-identity #player-button{min-width:82px;font-size:14px}}
@media(prefers-reduced-motion:reduce){#home-identity #player-button{transition:none}}

/* Keep the original strip height so the lobby stays in place; hide its contents and paint. */
.game-page .game-shell:has(#overlay:not(.hidden)) > .topline{visibility:hidden;pointer-events:none}
