/* Account, boards and community share Sleddin's approved type and neon tokens.
   Keep existing auth, consent, save and result-authority components intact. */
.arcade-social {
  --bg: var(--i8-base); --panel: var(--i8-panel); --panel-solid: var(--i8-panel-solid);
  --text: var(--i8-text); --muted: var(--i8-muted); --cyan: var(--i8-cyan-web);
  --purple: var(--i8-violet); --accent: var(--i8-purple-light);
  font: 400 16px/1.6 var(--i8-font); min-height: 100svh;
}
.arcade-social [hidden] { display: none !important; }
.arcade-social::before { animation: none; mix-blend-mode: normal; }
.arcade-social h1, .arcade-social h2, .arcade-social h3,
.arcade-social .button, .arcade-social .arcade-button, .arcade-social .game-tab { font-family: var(--i8-font-display); }
.arcade-social h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.12; }
.arcade-social .arcade-header, .arcade-social .board-header { background: var(--i8-glass-bg-strong); backdrop-filter: none; }
.arcade-social .profile-card, .arcade-social .ranking-panel,
.arcade-social .board-game-picker, .arcade-social .last-month-panel,
.arcade-social .live-card, .arcade-social .arcade-reward-panel {
  background: var(--i8-glass-bg-strong); border: 1px solid var(--i8-line-soft);
  border-radius: var(--i8-r-panel); box-shadow: var(--i8-inset);
}
.arcade-social :is(.button,.arcade-button,.game-tab) { min-height: var(--i8-touch); border-radius: var(--i8-r-control); }
.arcade-social :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) {
  min-height: var(--i8-touch); max-width: 100%; font-size: 1rem;
  color: var(--i8-text); background-color: var(--i8-panel-solid); border-color: var(--i8-line-soft);
}
.arcade-social :is(a,button,input,select,textarea):focus-visible,
.arcade-social .gp-focus { outline: 3px solid var(--i8-cyan-bright); outline-offset: 4px; }
.arcade-social .eyebrow { color: var(--i8-cyan-bright); }
/* 44 px targets for the brand, footer and inline account links and the card/controls pickers. */
.arcade-social :is(.arcade-brand,.board-brand,.account-inline-link) { min-height: var(--i8-touch); }
.arcade-social .board-footer a { display: inline-flex; align-items: center; min-height: var(--i8-touch); }
.arcade-social .swatch { min-width: var(--i8-touch); min-height: var(--i8-touch); }
.arcade-social .consent-field { min-height: var(--i8-touch); align-items: center; }
.arcade-social :is(.device-tabs,.binding-keys) button { min-height: var(--i8-touch); font-family: var(--i8-font); }
/* The rider-card designer is a one-column grid; let it shrink to a 360 px phone. */
.arcade-social .card-designer { grid-template-columns: minmax(0, 1fr); }
.arcade-social .pulse { animation: none; }
.arcade-community > main { padding-block: var(--i8-s6); }
.arcade-community #profile { max-width: 720px; padding: var(--i8-s5); border-radius: var(--i8-r-panel); border: 1px solid var(--i8-line-soft); background: var(--i8-glass-bg-strong); }
.arcade-community #profile label { display: grid; gap: var(--i8-s2); }
.arcade-community #profile label:has(input[type=checkbox]) { display: flex; align-items: center; min-height: var(--i8-touch); }
.arcade-community #profile input:not([type=checkbox]), .arcade-community #profile textarea { width: 100%; padding: var(--i8-s3); border: 1px solid var(--i8-line-soft); border-radius: var(--i8-r-control); font-family: var(--i8-font); }
.arcade-community #profile textarea { min-height: 120px; resize: vertical; }
@media (prefers-reduced-motion: reduce) {
  .arcade-social *, .arcade-social *::before, .arcade-social *::after { animation: none !important; transition: none !important; }
}
@media (max-width: 767px) {
  .arcade-social :is(.board-shell,.profile-shell,.container) { max-width: calc(100% - 32px); }
  .arcade-social .board-header nav { flex-wrap: wrap; }
  .arcade-social .board-header nav a { min-height: var(--i8-touch); display: inline-flex; align-items: center; }
}