/* FGS navigation only. All gameplay styling stays in the imported styles.css. */
body{display:flex;flex-direction:column}
.fgs-war-nav{position:relative;z-index:12;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;min-height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:#10171ded;border-bottom:1px solid #c7b17c47;font:600 12px/1.3 system-ui,sans-serif}
.fgs-war-nav a{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;color:#e5d5ae;text-decoration:none;white-space:nowrap}
.fgs-war-nav a:hover{text-decoration:underline}.fgs-war-nav a:focus-visible{outline:2px solid #fff1bd;outline-offset:2px}
.fgs-war-nav span{color:#a9b4ad;font-size:9px;letter-spacing:.07em;white-space:nowrap}
body>.app{height:calc(100dvh - 44px - env(safe-area-inset-top));flex:1 1 auto;min-height:0;padding-top:8px}
body[data-ui="phone"]:not(.phone-details)>.fgs-war-nav{display:none}
body[data-ui="phone"]:not(.phone-details)>.app{height:100dvh;padding-top:max(6px,env(safe-area-inset-top))}
@media(max-width:360px){.fgs-war-nav{gap:8px;font-size:11px}.fgs-war-nav span{display:none}}