.mobile-container { max-width: 480px; }
body { font-size: 16px; }
.reader { width: 100%; min-height: 280px; }

/* Radioknappar som stora knappar (fungerar utan JS) */
.score-choice span { position: relative; display: inline-block; }
.score-choice input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.score-choice label.button { min-width: 3.2rem; margin-bottom: 0; }
.score-choice input:checked + label.button { background: #485fc7; border-color: #485fc7; color: #fff; }
.score-choice input:focus-visible + label.button { outline: 3px solid #ffdd57; }

.star { fill: #d4a017; vertical-align: text-bottom; }
.result-row { display: flex; align-items: center; gap: 0.75rem; }
.result-row .grow { flex: 1; }
.result-row .place { margin-bottom: 0; min-width: 2rem; }
td.missing, .missing { background: #fff3cd; color: #7a5b00; }
.inactive { background: #eee; color: #888; text-decoration: line-through; }
.table-container th:first-child { position: sticky; left: 0; background: #fff; }

.print-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }
.print-card { border: 1px dashed #999; padding: 1rem; text-align: center; break-inside: avoid; }
.print-card .qr svg { width: 6cm; height: 6cm; }
.secret { max-width: 12cm; margin: 0 auto; border: 4px solid #f14668; }

@media print {
  .no-print, .navbar, aside, .notification { display: none !important; }
  .print-grid { grid-template-columns: repeat(2, 1fr); }
}