:root {
  color-scheme: light;
  font-family: Inter, system-ui, Arial, sans-serif;
}
body { margin: 0; background: #f4f7fb; color: #182433; }
.container { max-width: 1200px; margin: 0 auto; padding: 24px; }
.brand-header { display: flex; gap: 16px; align-items: center; margin-bottom: 14px; }
.logo { width: 260px; max-width: 40vw; height: auto; background: white; border-radius: 10px; border: 1px solid #d8e3ee; }
.card { background: #fff; border-radius: 12px; padding: 16px; margin-bottom: 16px; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.muted { color: #536273; }
.hidden { display: none; }
.tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.tab-btn { border: 1px solid #c8d4e3; background: #fff; color: #1c2f43; padding: 8px 12px; border-radius: 999px; cursor: pointer; }
.tab-btn.active { background: #0a66d8; color: #fff; border-color: #0a66d8; }
.grid { display: grid; gap: 12px; }
.meta-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
label { display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
input, select { padding: 8px; border: 1px solid #ccd6e0; border-radius: 8px; font-size: 14px; }
.team-block { border: 1px solid #d8e3ee; border-radius: 10px; padding: 10px; margin-bottom: 10px; }
.player-row { display: grid; grid-template-columns: 56px 1fr; gap: 8px; margin-bottom: 6px; align-items: center; }
.rank { font-size: 13px; color: #5a6b7d; }
.encounter-card { border: 1px solid #d8e3ee; border-radius: 10px; padding: 10px; margin-bottom: 12px; }
.match-grid { display: grid; gap: 8px; margin-top: 10px; }
.match-row { border: 1px solid #e0e8f2; border-radius: 8px; padding: 8px; }
.set-row { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)); }
.summary { font-weight: 600; margin-top: 8px; }
.winner { margin-bottom: 8px; padding: 8px 10px; border-radius: 8px; background: #edf5ff; color: #154476; }
.warning-list { margin-top: 8px; color: #9f4b00; }
button { background: #0a66d8; color: #fff; border: none; border-radius: 10px; padding: 10px 14px; font-size: 15px; cursor: pointer; }
button:hover { background: #0758b8; }
.button-row { display: flex; gap: 10px; flex-wrap: wrap; }
.encounter-actions { margin: 8px 0; }