/* Feed Potato: loaded only on pages using the potato template. */
.potato-page {
  font-family: "Comic Sans MS", "Comic Sans", cursive;
}
.potato-page hr {
  border: 0;
  height: 6px;
  background: repeating-linear-gradient(90deg, #c87533 0 12px, #fff 12px 18px, #333 18px 30px, #fff 30px 36px);
  margin: 1.5em 0;
}
.potato-station {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  align-items: center;
  background: #fff8dc;
  color: #000;
  border: 4px ridge #c87533;
  padding: 1em;
  margin: 1em 0;
}
.potato-station-photo img {
  display: block;
  border: 4px outset #c0c0c0;
  max-width: 100%;
  height: auto;
}
.potato-station-body {
  flex: 1 1 260px;
}
.potato-station-title {
  margin: 0 0 .4em;
  color: #800000;
  text-align: center;
  font-size: 1.3em;
}
.potato-counter {
  margin: .4em 0;
}
.potato-counter strong {
  font-family: "Courier New", monospace;
  background: #000;
  color: #0f0;
  padding: 0 .4em;
  border: 2px inset #888;
}
.potato-meter {
  display: flex;
  align-items: center;
  gap: 3px;
  margin: .6em 0;
}
.potato-meter-label {
  margin-right: .4em;
  font-weight: bold;
}
.potato-meter-cell {
  width: 18px;
  height: 18px;
  border: 2px inset #888;
  background: #ddd;
}
.potato-meter-cell.half {
  background: linear-gradient(90deg, #f90 50%, #ddd 50%);
}
.potato-meter-cell.full {
  background: #f90;
}
.potato-meter-value {
  margin-left: .4em;
  font-family: "Courier New", monospace;
}
.potato-mood {
  margin: .4em 0 .8em;
}
.potato-form .form-field {
  margin: 0;
}
.potato-form button,
.potato-form input[type="submit"] {
  font-family: inherit;
  font-size: 1.2em;
  font-weight: bold;
  background: linear-gradient(#ffff66, #ff9900);
  color: #800000;
  border: 4px outset gold;
  padding: .4em 1.4em;
  cursor: pointer;
}
.potato-form button:active,
.potato-form input[type="submit"]:active {
  border-style: inset;
}
.potato-form button[disabled] {
  opacity: .6;
  cursor: wait;
}
.potato-form .notices {
  padding: .5em;
  border: 2px dashed;
  font-weight: bold;
  margin-bottom: .6em;
}
.potato-album-title {
  text-align: center;
}
.potato-album {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1em;
}
.potato-photo {
  margin: 0;
  width: 216px;
  background: #fff;
  color: #000;
  padding: 8px 8px 4px;
  border: 1px solid #999;
  box-shadow: 4px 4px 0 #555;
  text-align: center;
}
.potato-photo img {
  display: block;
  width: 200px;
  height: 200px;
  object-fit: cover;
  border: 0;
}
.potato-photo figcaption {
  font-size: .85em;
  padding-top: 4px;
  text-shadow: none;
}
.potato-footer {
  text-align: center;
  font-size: .9em;
}
/* The flying fish, added by potato-feed.js */
.potato-fish {
  position: fixed;
  z-index: 1000;
  font-size: 2rem;
  pointer-events: none;
}