
.game-instructions { margin-bottom: 1rem; }
.game-instructions ol { margin: .75rem 0; padding-left: 1.3rem; display: grid; gap: .5rem; }
.game-mode-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: .8rem; }
.game-mode-card { display: block; cursor: pointer; }
.game-mode-card input { position: absolute; opacity: 0; pointer-events: none; }
.game-mode-card span { display: grid; gap: .3rem; height: 100%; padding: 1rem; border: 1px solid rgba(255,255,255,.16); border-radius: 1rem; background: rgba(255,255,255,.035); }
.game-mode-card input:checked + span { border-color: currentColor; box-shadow: 0 0 0 2px rgba(255,255,255,.12); }
.game-mode-card input:disabled + span { opacity: .5; cursor: not-allowed; }
.game-mode-card small { color: var(--muted); }
.track-feedback-actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: .75rem; margin: 1rem 0; }
.report-track { position: relative; }
.report-track summary { list-style: none; cursor: pointer; }
.report-track summary::-webkit-details-marker { display: none; }
.report-track form { display: grid; gap: .8rem; min-width: min(34rem,calc(100vw - 2rem)); margin-top: .6rem; padding: 1rem; border: 1px solid rgba(255,255,255,.14); border-radius: 1rem; background: var(--surface,#10233b); }
.report-options { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: .5rem; }
.report-options label { display: flex; align-items: center; gap: .5rem; }
.report-track textarea { width: 100%; }
.report-admin-card { margin-top: 1rem; }
.report-admin-list { display: grid; gap: .85rem; }
.report-admin-item { padding: 1rem; border: 1px solid rgba(255,255,255,.14); border-radius: 1rem; }
.report-admin-item.status-open { border-left: .35rem solid currentColor; }
.report-admin-item.status-resolved, .report-admin-item.status-dismissed { opacity: .72; }
.report-admin-main { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.report-admin-main h3 { margin: .4rem 0 .2rem; }
.report-admin-main p { margin: 0; color: var(--muted); }
.report-tags { display: flex; flex-wrap: wrap; gap: .4rem; margin: .8rem 0; }
.report-tags span { padding: .25rem .55rem; border-radius: 999px; background: rgba(255,255,255,.08); font-size: .85rem; }
.report-admin-item blockquote { margin: .8rem 0; padding: .75rem; border-left: .25rem solid rgba(255,255,255,.25); background: rgba(255,255,255,.035); }
.report-status-form { display: flex; flex-wrap: wrap; gap: .5rem; }
.btn.danger { border-color: rgba(240,90,90,.6); color: #ffb3b3; }
@media (max-width: 700px) {
  .report-admin-main { display: grid; }
  .track-feedback-actions > * { width: 100%; }
  .track-feedback-actions .btn, .report-track summary { width: 100%; text-align: center; }
}

.track-report-summary { margin-bottom: 1rem; }
.report-count-badge {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .25rem .55rem;
  border-radius: 999px;
  background: rgba(255, 181, 71, .14);
  border: 1px solid rgba(255, 181, 71, .38);
  font-weight: 700;
}
.report-admin-item.priority-high { border-left: .4rem solid #ff7676; }
.report-admin-item.priority-medium { border-left: .4rem solid #ffbd66; }
