.piece-picker {
  margin: 0 0 .9rem;
}
#piece-picker-label {
  margin-bottom: .4rem;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--ink);
}
#piece-game-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
}
#piece-game-buttons button {
  min-height: 68px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: .12rem;
  padding: .28rem .15rem;
  border: 2px solid #957db1;
  border-radius: .8rem;
  background: #fff9eb;
  color: #26163f;
  font-size: clamp(.82rem, 2.6vw, .96rem);
  font-weight: 800;
  line-height: 1.15;
}
#piece-game-buttons .piece-icon {
  font: 2.1rem/1 Georgia, 'DejaVu Sans', serif;
}
#piece-game-buttons button[aria-pressed="true"] {
  border-color: #553a8c;
  background: #ffda72;
  box-shadow: inset 0 0 0 1px #553a8c;
}
@media (hover: hover) {
  #piece-game-buttons button[aria-pressed="false"]:hover {
    background: #fdf0ce;
    border-color: #553a8c;
  }
}
.board-frame{position:relative}
.board-stream{position:absolute;pointer-events:none;z-index:1;left:5px;right:5px;top:75%;height:8%;transform:translateY(-50%);display:grid;place-items:center;overflow:hidden;color:#102e54;font-size:clamp(.58rem,1.3vw,.79rem);font-weight:800;background:repeating-linear-gradient(172deg,transparent 0 6px,#e6fbff90 7px 9px,transparent 10px 17px),#69c7e7 linear-gradient(180deg,#afe8f0,#65c9e7 22%,#66b6e2 70%,#a6e3ef);border-radius:42% 53% 46% 50% / 30% 31% 43% 38%;box-shadow:0 0 0 1px #32649e85}
.board-stream[hidden]{display:none}.board-stream span{background:#e4faffeb;border-radius:.5rem;padding:0 .4rem}