/* Navigation printed on a continuous row of upholstered stadium pads. */
.home-nav{
  gap:0;padding:0;border-top:3px solid #55718a;border-bottom:5px solid #071321;
  background:#203d58;box-shadow:inset 0 3px 5px #a4bbcf55;
  grid-template-columns:minmax(150px,.85fr) minmax(0,1.65fr) minmax(0,1.35fr) minmax(0,1.1fr) minmax(210px,1fr);
}
.home-nav>.home-game-link{
  position:relative;isolation:isolate;min-height:96px;padding:16px 18px;
  border:0;border-right:3px solid #07121e;border-radius:3px;
  background:linear-gradient(178deg,#718aa266 0%,#39597655 7%,transparent 17%,#07162955 95%),linear-gradient(90deg,#091c2b66,transparent 5%,transparent 94%,#06121d99),#25435f;
  box-shadow:inset 2px 2px 3px #abc0d14d,inset -2px -3px 5px #020c16a6;
  color:#eeeee7;font-family:Rockwell,'Roboto Slab','DejaVu Serif',Georgia,serif;
  font-size:clamp(17px,1.45vw,29px);font-weight:950;line-height:1.15;letter-spacing:.035em;text-transform:uppercase;
  text-shadow:0 1px 1px #fff4,1px 2px 1px #071a2b66;
}
.home-nav>.home-game-link::after{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;
  background:repeating-linear-gradient(0deg,transparent 0 2px,#b7c8d233 2px 3px),repeating-linear-gradient(90deg,transparent 0 3px,#030c1522 3px 4px);
}
.home-nav>.home-game-link:hover{background-color:#315472;color:#fff;outline:none}
.home-nav>.home-game-link:focus-visible{outline:3px solid #ffe39b;outline-offset:-7px;color:#fff}
.home-nav-account{padding:12px 18px;background:linear-gradient(#173149,#102438);box-shadow:inset 0 2px 4px #8aabc133}
@media(max-width:900px){
  .home-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0}
  .home-nav>.home-game-link{min-height:76px;padding:13px 10px;font-size:clamp(15px,3vw,23px);border-bottom:3px solid #07121e}
  .home-nav-account{padding:11px 14px}
}