/* Location tabs as fixed-size, tactile game controls. */
nav.game-nav {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px;
  flex:none; margin:0; padding:0 0 3px; border:0; background:none;
}
nav.game-nav button {
  --tab-color:#d7bd83; position:relative; display:flex; align-items:center; justify-content:center; gap:9px;
  height:48px; min-height:48px; min-width:0; padding:7px 14px; border:1px solid #645641;
  border-top-color:#8b7757; border-radius:8px;
  background:linear-gradient(175deg,#3d3931,#232620 65%,#1c201b);
  color:#d7cfbc; font-family:inherit; line-height:1.15; font-size:14px; font-weight:650; letter-spacing:.15px;
  box-shadow:inset 0 1px #fbe1a31c,inset 0 -3px #0005,0 3px 0 #10150f,0 5px 10px #0003;
  text-shadow:0 1px 2px #0009; transition:filter .15s,box-shadow .15s,border-color .15s;
}
nav.game-nav [data-tab="club"] { --tab-color:#ec87d0; }
nav.game-nav [data-tab="bj"] { --tab-color:#8dd5b1; }
nav.game-nav [data-tab="shop"] { --tab-color:#91cce2; }
nav.game-nav button svg {
  width:23px; height:23px; flex:none; fill:none; stroke:var(--tab-color); stroke-width:1.6;
  stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 1px 2px #0008);
}
nav.game-nav button.active {
  color:#fff0ce; border-color:color-mix(in srgb,var(--tab-color) 68%,#534533);
  background:linear-gradient(170deg,color-mix(in srgb,var(--tab-color) 22%,#35352a),#232b24 70%);
  box-shadow:inset 0 1px #fff1c738,inset 0 -3px #0005,0 3px 0 #10150f,0 0 14px color-mix(in srgb,var(--tab-color) 13%,transparent);
}
nav.game-nav button.active::after {
  content:''; position:absolute; bottom:5px; left:calc(50% - 14px); width:28px; height:2px;
  border-radius:2px; background:var(--tab-color); box-shadow:0 0 6px var(--tab-color);
}
nav.game-nav button:hover:not(:disabled),nav.game-nav button:focus-visible {
  outline:0; filter:brightness(1.16); border-color:var(--tab-color);
  box-shadow:inset 0 1px #fff1c738,inset 0 -3px #0005,0 3px 0 #10150f,0 0 16px color-mix(in srgb,var(--tab-color) 23%,transparent);
}
nav.game-nav button:active:not(:disabled) { box-shadow:inset 0 2px 7px #0008,0 1px 0 #10150f; }
nav.game-nav button:disabled { opacity:.5; cursor:not-allowed; }
nav.game-nav button.babay-wants::after { content:''; position:absolute; left:auto; right:9px; top:8px; bottom:auto; width:5px; height:5px; border-radius:50%; background:var(--tab-color); box-shadow:0 0 7px var(--tab-color); }
@media(max-width:700px) {
  nav.game-nav { gap:6px; }
  nav.game-nav button { height:46px; min-height:46px; gap:5px; padding:6px 4px; font-size:12px; letter-spacing:0; }
  nav.game-nav button svg { width:18px; height:18px; }
}
@media(max-width:360px) {
  nav.game-nav button { gap:3px; font-size:11px; }
  nav.game-nav button svg { width:15px; height:15px; }
}
@media(prefers-reduced-motion:reduce) { nav.game-nav button { transition:none; } }