/* gipfelwurf: rules used only by the gipfelwurf pages (loaded after base.css). */
/* ---- Ridge Roll (Gipfelwurf) ----
   Seven ridges as columns of steps, bottoms aligned, the foot label under
   each column. The top step has a thick frame and a peak sign; a step with
   a climber of this turn has a thick frame; a claimed ridge is hatched
   (black lines on white, no grey) with its owner's marker at the top.
   Camps are small black player markers, climbers white rings with a thick
   black edge. Dice as pip pictures, the pairs as big buttons, a framed
   panel for a lost turn. Black on white, nothing animated; the board fits
   into 360 px without sideways scrolling. */
.gw-board {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
  max-width: 420px;
  margin: var(--space-1) auto 0;
  direction: ltr;
}

.gw-ridge {
  flex: 1 1 0;
  min-width: 0;
  max-width: 56px;
}

.gw-cells {
  border: 2px solid #141413;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background: #fff;
}

.gw-cell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 26px;
  border-top: 1px solid #141413;
  background: #fff;
}

.gw-cell-top {
  height: 30px;
  border-top: 0;
  border-bottom: 3px solid #141413;
}

.gw-cell-top + .gw-cell {
  border-top: 0;
}

.gw-cell-climber {
  border: 3px solid #141413;
}

/* The ridge of the turn: a thick frame round its foot (task 136). */
.gw-ridge-active .gw-foot {
  border: 3px solid #141413;
}

.gw-camp {
  width: 13px;
  height: 13px;
}

.gw-climber {
  width: 18px;
  height: 18px;
}

/* Hut and crevasse: a sign in an empty step (task 136). */
.gw-sign {
  width: 16px;
  height: 16px;
}

.gw-howto-svg {
  width: 36px;
  height: 36px;
}

.gw-peak {
  width: 30px;
  height: 15px;
}

.gw-foot {
  border-top: 3px solid #141413;
  padding-top: 2px;
  font-weight: 700;
  font-size: 0.85rem;
  text-align: center;
  white-space: nowrap;
}

.gw-legend {
  text-align: center;
  margin: 4px 0 0;
  font-size: 0.85rem;
}

.gw-legend-pic svg {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

.gw-dice {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: var(--space-1) 0 0;
  direction: ltr;
}

.gw-dice .gw-die {
  width: 52px;
  height: 52px;
}

.gw-last {
  text-align: center;
  min-height: 1.5em;
  margin: 4px 0;
}

.gw-actions button,
.gw-options button,
.gw-lost button {
  min-height: 48px;
}

.gw-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 6px 0;
}

.gw-options .gw-option {
  flex: 1 1 40%;
  max-width: 220px;
  font-size: 1.15rem;
  font-weight: 700;
}

.gw-lost {
  max-width: 420px;
  margin: 6px auto;
  padding: 6px 8px 10px;
  border: 6px double #141413;
  border-radius: var(--radius);
  text-align: center;
  background: #fff;
}

.gw-lost-title {
  margin: 0 0 6px;
  font-size: 1.35rem;
  font-weight: 700;
}

.gw-rows {
  max-width: 420px;
  margin: 6px auto 0;
}

.gw-player {
  display: flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  min-height: 44px;
  margin: 0 0 6px;
  padding: 4px 6px;
  border: 2px solid #141413;
  border-radius: var(--radius);
  background: #fff;
}

.gw-player-active {
  border-width: 4px;
  padding: 2px 4px;
}

.gw-player-name {
  font-weight: 700;
}

.gw-player-summits {
  margin-inline-start: auto;
}