/* FruitFlyWeb integration chrome for the Saber snapshot.
 * Same flat night discipline as the site: no surprises on the shared frame.
 */
body { background:#080a09; }
/* flatten the header wash so it matches the site's flat surfaces */
header { background:#080a09; }
/* top affordance back into the site + to the other game */
.ff-nav {
  position:relative; z-index:20;
  display:inline-flex; align-items:center; gap:10px;
  min-height:40px; padding:9px 14px; margin:12px 0 0 12px;
  border:1px solid #1d2a1c; border-radius:0; background:#0d100d;
  font-family:ui-monospace,monospace; font-size:11px; color:#9aa68f;
}
.ff-nav a { color:#9aa68f; text-decoration:none; min-height:44px; display:inline-flex; align-items:center; }
.ff-nav a:hover, .ff-nav a:focus-visible { color:#fff; text-decoration:underline; text-decoration-thickness:2px; }
.ff-nav b { color:#4f9e63; font-size:10px; letter-spacing:.05em; border:1px solid #4f9e63; padding:2px 6px; }
.ff-nav > a:first-child::before { content:"←"; margin-right:5px; color:#4f9e63; }
@media (max-width:700px){ .ff-nav{ font-size:10px; padding:7px 10px; } }