/* Neural Networks for Game Bots: canvas heights for the four widgets, the network figure, and
   the tables. */
#widget-gamenn-forward canvas { height: 380px; }
#widget-gamenn-planes canvas { height: 350px; }
#widget-gamenn-mask canvas { height: 330px; }
#widget-gamenn-order canvas { height: 330px; }
#widget-gamenn-planes .widget-controls label.plane-toggle { display: inline-flex; align-items: center; gap: .35rem; }

/* The project network: a wide drawing for desktops, a tall one for phones. */
.bot-figure svg.gamenn-tall { display: none; }
.bot-figure .gamenn-box { fill: #171a2b; stroke: #3d4463; stroke-width: 1.2; }
.bot-figure .gamenn-box-input { fill: #1d1830; stroke: #6b5bb0; }
.bot-figure .gamenn-box-computed { fill: #1f1b12; stroke: #8a6d2f; stroke-dasharray: 5 4; }
.bot-figure .gamenn-box-out { fill: #122220; stroke: #2f7a66; }
.bot-figure .gamenn-title { fill: #eef0fa; font: 600 15px system-ui, sans-serif; }
.bot-figure .gamenn-line { fill: #c7cde1; font: 13px system-ui, sans-serif; }
.bot-figure .gamenn-count { fill: #f6bd60; font: 12px ui-monospace, monospace; }
.bot-figure .gamenn-arrow { stroke: #8f96b3; stroke-width: 1.6; fill: none; }
.bot-figure .gamenn-arrowhead { fill: #8f96b3; }
.bot-figure .gamenn-wide .gamenn-title { font-size: 17px; }
.bot-figure .gamenn-wide .gamenn-line { font-size: 15px; }
.bot-figure .gamenn-wide .gamenn-count { font-size: 14px; }

@media (max-width: 600px) {
  #widget-gamenn-forward canvas { height: 640px; }
  #widget-gamenn-planes canvas { height: 720px; }
  #widget-gamenn-mask canvas { height: 760px; }
  #widget-gamenn-order canvas { height: 760px; }
  #widget-gamenn-planes .widget-controls label.plane-toggle { width: auto; justify-content: flex-start; }
  .bot-figure svg.gamenn-wide { display: none; }
  .bot-figure svg.gamenn-tall { display: block; }
  /* Keep words whole; the tables scroll inside their own box instead. */
  .gamenn-planes-table { min-width: 30rem; }
  .gamenn-design-table { min-width: 28rem; }
  .gamenn-design-table td + td { white-space: nowrap; }   /* keep ".235 [.196, .279]" on one line */
}