.paper-score-sheet {
  position: relative;
  border-top: 4px solid transparent;
  background-image:
    linear-gradient(rgba(255,255,255,.42), rgba(255,255,255,.08)),
    repeating-linear-gradient(0deg, transparent 0 27px, rgba(30,55,62,.025) 28px),
    linear-gradient(var(--paper), var(--paper)),
    linear-gradient(90deg, var(--paper-blue), #d0a52b 48% 52%, var(--paper-green));
  background-origin: border-box;
  background-clip: padding-box, padding-box, padding-box, border-box;
}

.paper-live-score {
  display: grid;
  grid-template-columns: minmax(0,1fr) 88px minmax(0,1fr);
  align-items: stretch;
  gap: 6px;
  margin: 0 16px 18px;
  padding: 6px;
  border: 1px solid rgba(23,36,41,.17);
  border-radius: 14px;
  background: rgba(255,255,255,.43);
  box-shadow: 0 7px 18px rgba(38,48,47,.1), inset 0 1px rgba(255,255,255,.68);
}

.paper-live-score-middle {
  display: grid;
  place-items: center;
  margin-top: 20px;
  margin-bottom: 25px;
}

.paper-live-score-middle .paper-live-tally {
  width: 88px;
}

.paper-live-team {
  position: relative;
  display: grid;
  align-content: center;
  min-width: 0;
  padding: 8px 9px 8px 12px;
  overflow: hidden;
  border-radius: 9px;
  background: linear-gradient(135deg, rgba(8,125,168,.13), rgba(8,125,168,.035));
}

.paper-live-team::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--paper-blue);
}

.paper-live-away {
  padding-inline: 9px 12px;
  background: linear-gradient(225deg, rgba(78,140,56,.15), rgba(78,140,56,.035));
  text-align: right;
}

.paper-live-away::before {
  inset-inline: auto 0;
  background: var(--paper-green);
}

.paper-live-team small,
.paper-live-team strong,
.paper-live-team span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.paper-live-team small {
  color: var(--paper-blue);
  font-size: 6px;
  font-weight: 1000;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.paper-live-away small {
  color: var(--paper-green);
}

.paper-live-team strong {
  margin: 2px 0;
  font-size: 10px;
  font-weight: 1000;
}

.paper-live-team span {
  color: #68777b;
  font-size: 6px;
  font-weight: 800;
}

.paper-live-tally {
  display: grid;
  place-items: center;
  align-content: center;
  padding: 7px 5px;
  border-radius: 10px;
  background: linear-gradient(145deg, #24383c, #101d20);
  color: #fffdf2;
  box-shadow: inset 0 1px rgba(255,255,255,.13), 0 5px 12px rgba(8,18,20,.2);
}

.paper-live-tally > small {
  color: #d8c278;
  font-size: 5px;
  font-weight: 1000;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.paper-live-tally > div {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 6px;
  width: 100%;
  margin: 2px 0;
}

.paper-live-tally strong {
  font-size: 24px;
  line-height: 1;
  text-align: center;
}

.paper-live-tally strong:first-child { color: #6fd2ed; }
.paper-live-tally strong:last-child { color: #9bdb82; }

.paper-live-tally i {
  color: #748488;
  font-size: 8px;
  font-style: normal;
}

.paper-live-tally > span {
  color: #aebabc;
  font-size: 5px;
  font-weight: 800;
}

.paper-score-section {
  overflow: hidden;
  border-radius: 9px;
  box-shadow: 0 6px 17px rgba(38,48,47,.08);
}

.paper-section-heading {
  border-bottom: 1px solid rgba(23,36,41,.18);
  box-shadow: inset 0 -1px rgba(255,255,255,.45);
}

.paper-section-heading h2 {
  min-width: 0;
  text-align: center;
}

.paper-section-heading h2 > span {
  width: 100%;
  font-size: 8px;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}

.paper-section-heading h2 small {
  display: block;
  margin-top: 3px;
  color: #708084;
  font-size: 5px;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: none;
}

.paper-game-row:nth-child(even):not(.is-scored) {
  background: rgba(255,255,255,.24);
}

.paper-game-row.winner-home {
  background: linear-gradient(90deg, rgba(8,125,168,.14), rgba(8,125,168,.025) 66%, transparent);
  box-shadow: inset 3px 0 var(--paper-blue);
}

.paper-game-row.winner-away {
  background: linear-gradient(270deg, rgba(78,140,56,.15), rgba(78,140,56,.025) 66%, transparent);
  box-shadow: inset -3px 0 var(--paper-green);
}

.paper-game-row.winner-home .paper-player-home,
.paper-game-row.winner-away .paper-player-away {
  color: #0a5d73;
}

.paper-game-row.winner-away .paper-player-away {
  color: #3b742f;
}

.paper-game-row.winner-home .paper-win-box:not(.selected),
.paper-game-row.winner-away .paper-win-box:not(.selected) {
  opacity: .42;
}

.paper-match-code {
  align-content: center;
  gap: 2px;
}

.paper-match-code span,
.paper-match-code small {
  display: block;
}

.paper-match-code small {
  color: #829094;
  font-size: 5px;
  font-weight: 800;
  text-transform: uppercase;
}

.paper-game-row.is-scored .paper-match-code small {
  color: #4c7a44;
}

.paper-result-chip {
  max-width: 54px;
  margin: 1px auto 0;
  padding: 2px 4px;
  overflow: hidden;
  border: 1px solid rgba(23,36,41,.2);
  border-radius: 999px;
  background: rgba(255,255,255,.6);
  color: #526166;
  font-size: 5px;
  font-weight: 900;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.paper-result-chip:hover {
  border-color: var(--paper-blue);
  color: var(--paper-blue);
}

.paper-win-box:hover:not(:disabled) {
  border-color: var(--paper-blue);
  background: rgba(8,125,168,.08);
  transform: translateY(-1px);
}

.paper-win-box.selected:hover {
  border-color: #2e7434;
  background: #d9eccf;
}

.paper-final {
  border: 0;
  border-radius: 10px;
  box-shadow: 5px 5px 0 rgba(23,36,41,.12), 0 10px 24px rgba(38,48,47,.1);
}

.paper-score-footer .submit {
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  font-weight: 1000;
  letter-spacing: .02em;
}

@media (max-width: 390px) {
  .paper-live-score {
    grid-template-columns: minmax(0,1fr) 74px minmax(0,1fr);
    gap: 4px;
    margin-inline: 9px;
    padding: 4px;
  }

  .paper-live-team {
    padding: 7px 6px 7px 9px;
  }

  .paper-live-away {
    padding-inline: 6px 9px;
  }

  .paper-live-team strong { font-size: 8px; }
  .paper-live-tally strong { font-size: 20px; }
  .paper-live-score-middle .paper-live-tally { width: 74px; }
}