:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, system-ui, sans-serif;
  background: #111;
  color: #eee;
}
#app { padding: 16px; max-width: 480px; margin: 0 auto; padding-bottom: 80px; }
h1 { font-size: 20px; margin: 0 0 12px; }
.sub { color: #999; font-size: 14px; margin-bottom: 16px; }
.player-row {
  display: flex; justify-content: space-between;
  padding: 12px 0; border-bottom: 1px solid #222;
  font-size: 17px;
}
.player-row[data-player], .list-item[data-op], .list-item[data-game] { cursor: pointer; }
.player-row .amount { font-variant-numeric: tabular-nums; }
.player-row .amount.neg { color: #f66; }
.player-row .amount.pos { color: #6f6; }
button {
  display: block; width: 100%;
  padding: 16px; margin: 8px 0;
  font-size: 17px; font-weight: 600;
  border: none; border-radius: 12px;
  background: #2b6; color: #fff;
  cursor: pointer;
}
button.secondary { background: #333; }
button.danger { background: #a33; }
.amount-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.search { width: 100%; padding: 12px; font-size: 16px; border-radius: 10px; border: 1px solid #333; background: #1a1a1a; color: #eee; margin-bottom: 12px; }
.list-item { padding: 14px; border-bottom: 1px solid #222; font-size: 17px; }
.toast { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); background: #2b6; color: #fff; padding: 10px 20px; border-radius: 10px; font-weight: 600; }