.slots { margin: 12px 0 16px 0; max-width: 350px; }
.word { display: inline-block; margin: 0 14px 10px 0; white-space: nowrap; }
.slot {
  display: inline-block;
  min-width: 0.85em;
  height: 1.15em;
  margin: 0 3px;
  border-bottom: 2px solid #3d4a28;
  text-align: center;
  font: 18px Times, "Times New Roman", serif;
  line-height: 1.05em;
  vertical-align: bottom;
}
input.slot {
  width: 0.95em;
  padding: 0;
  background: transparent;
  border: none;
  border-bottom: 2px solid #3d4a28;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  text-transform: uppercase;
  color: #000;
  caret-color: #4E33D7;
  appearance: none;
  -webkit-appearance: none;
}
input.slot:focus {
  border-bottom-color: #4E33D7;
}
.slot.locked {
  color: #000;
}
.days { font-size: 10pt; margin: 8px 0; }
.days a { margin-right: 8px; }
.days a.current { font-weight: bold; color: #000; text-decoration: none; }
.actions { margin: 12px 0 8px 0; }
.frags { margin: 0 0 8px 0; }
.lost-row { text-align: right; margin: 0 0 8px 0; }
.counter, .metrics {
  border: 1px inset #748091;
  padding: 4px 8px;
  font: 10pt Times, "Times New Roman", serif;
  background: #f4f4f0;
  display: inline-block;
  margin: 8px 0;
  text-align: left;
}
.metrics td { padding: 2px 8px 2px 0; }
.metrics .puzzle-name { white-space: nowrap; }
.counter-digits {
  display: inline-block;
  font: bold 14px "Courier New", Courier, monospace;
  background: #000;
  color: #33cc55;
  padding: 1px 6px;
  letter-spacing: 2px;
  white-space: nowrap;
}
.doors {
  margin: 0 auto 12px auto;
  border-collapse: separate;
  border-spacing: 0 16px;
  width: 350px;
  table-layout: fixed;
}
.doors td {
  vertical-align: top;
  width: 50%;
  text-align: center;
}
.doors font {
  display: inline-block;
  text-align: center;
}
.notice { font-size: 9pt; color: #333; max-width: 350px; }
.puzzle-stage {
  position: relative;
  width: 368px;
  height: 520px;
  background: #000;
  margin: 0 auto;
}
.puzzle-stage .tile {
  position: absolute;
  width: 89px;
  height: 83px;
  padding: 0;
  border: 0;
  margin: 0;
  cursor: pointer;
  line-height: 0;
}
.puzzle-stage .tile img {
  display: block;
  width: 89px;
  height: 83px;
  border: 0;
}
.puzzle-stage.solved .tile { cursor: default; }
.winbox { max-width: 350px; }