:root {
  --club-bg: #10141a;
  --club-panel: #181c25;
  --club-edge: #373c48;
  --club-ink: #f6f7fb;
  --club-muted: #b6bdcb;
  --club-lime: #d2fa48;
  --club-purple: #821ce7;
  --club-purple-deep: #6517be;
  --club-gutter: clamp(16px, 2.08vw, 38px);
}
[data-avatar="0"] { --avatar-ink: #b5e632; }
[data-avatar="1"] { --avatar-ink: #a664ff; }
[data-avatar="2"] { --avatar-ink: #27dbd0; }
[data-avatar="3"] { --avatar-ink: #96aaff; }
[data-avatar="4"] { --avatar-ink: #fa63b4; }
[data-avatar="5"] { --avatar-ink: #f9ce49; }
[data-avatar="6"] { --avatar-ink: #cd8eff; }
[data-avatar="7"] { --avatar-ink: #60b0ff; }
[data-avatar="8"] { --avatar-ink: #ff937b; }
[data-avatar="9"] { --avatar-ink: #f8ac4d; }

.member-avatar[data-avatar] {
  background: var(--avatar-ink);
  isolation: isolate;
}
.member-avatar[data-avatar] > span {
  background-image: url(avatars-mono.webp);
  background-size: 500% 200%;
}
.raundo-player-dialog {
  --club-copy-width: 60ch;
  background: var(--club-bg);
  color: var(--club-ink);
  border: 1px solid var(--club-edge);
  border-radius: 16px;
  box-shadow: 0 24px 80px #0009;
}
.raundo-player-dialog::backdrop { background: #090a0dc9; backdrop-filter: blur(4px); }
.raundo-player-dialog .community-close {
  inset: 16px 16px auto auto;
  z-index: 4;
  min-width: 42px;
  min-height: 42px;
  background: #10141a;
  color: white;
  border: 1px solid #6c637d;
  border-radius: 9px;
}
.raundo-player-dialog .community-close:focus-visible,
.raundo-player-dialog :is(button,a,input,summary):focus-visible {
  outline: 2px solid var(--club-lime);
  outline-offset: 3px;
}
.raundo-member-page[open] {
  width: min(1360px, calc(100% - 32px));
  max-width: none;
  max-height: min(950px, calc(100dvh - 32px));
  padding: clamp(16px, 2.8vw, 42px);
  overflow: auto;
}
.raundo-member-page .community-intro { display: none; }
.raundo-member-page .raundo-profile-banner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: clamp(122px, 12vw, 174px);
  margin: 0;
  padding: clamp(16px, 2.2vw, 34px);
  padding-right: 84px;
  border: 0;
  border-radius: 9px;
  color: #12141a;
  background: linear-gradient(155deg, var(--avatar-ink) 0 77%, #851ae8 77% 100%);
}
.raundo-member-page .raundo-profile-banner > .member-avatar {
  width: clamp(65px, 7.8vw, 112px);
  height: clamp(65px, 7.8vw, 112px);
  flex: 0 0 auto;
  border: 3px solid #13151b;
}
.raundo-member-page .raundo-profile-banner > div:not(.raundo-profile-art) {
  position: relative;
  z-index: 1;
  min-width: 0;
}
.raundo-member-page .raundo-profile-banner > div > strong {
  color: #11131a;
  font: 900 clamp(24px, 4.4vw, 61px)/1 Arial,sans-serif;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
}
.raundo-member-page .raundo-profile-banner > div > :is(span,b) { color: #232230; }
.raundo-member-page .raundo-profile-banner .member-level {
  z-index: 1;
  color: #fff;
  background: #14161d;
  border: 1px solid #14161d;
  border-radius: 5px;
  white-space: nowrap;
}
.raundo-profile-art {
  position: absolute;
  z-index: -1;
  width: clamp(142px, 25vw, 306px);
  aspect-ratio: 1;
  inset: auto 3% -42% auto;
  pointer-events: none;
}
.raundo-member-page .raundo-profile-art .member-avatar {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.raundo-member-page .raundo-profile-art .member-avatar > span { border-radius: 0; }
.raundo-member-page .raundo-profile-id {
  margin: 10px 0 15px;
  background: #181b24;
  border-color: var(--club-edge);
}
.raundo-profile-id button {
  min-height: 34px;
  padding-inline: 10px;
  background: #302442;
  color: white;
  border: 1px solid #6b547e;
  border-radius: 5px;
}
.raundo-profile-tabs {
  display: flex;
  gap: clamp(12px, 3vw, 42px);
  border-bottom: 1px solid var(--club-edge);
  margin-bottom: 18px;
}
.raundo-profile-tabs > :is(button,a) {
  background: transparent;
  color: var(--club-ink);
  padding: 10px 3px;
  min-height: 44px;
  border-bottom: 3px solid transparent;
  text-decoration: none;
  font-size: clamp(13px, 1.4vw, 19px);
}
.raundo-profile-tabs > button[aria-pressed=true] {
  border-bottom-color: var(--club-lime);
  font-weight: 800;
}
.raundo-profile-look:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(16px, 2vw, 29px);
}
.raundo-member-page :is(.raundo-avatar-panel,.raundo-frame-panel) {
  min-width: 0;
  padding: clamp(12px, 1.8vw, 22px);
  border: 1px solid var(--club-edge);
  border-radius: 10px;
  background: var(--club-panel);
}
.raundo-member-page .community-section-title { gap: 8px; margin-block: 8px 13px; }
.raundo-member-page .community-section-title h3 { font-size: clamp(15px, 1.7vw, 24px); }
.raundo-member-page .avatar-picker { grid-template-columns: repeat(5,minmax(0,1fr)); gap: clamp(5px, .8vw, 11px); }
.raundo-member-page .avatar-picker > button {
  aspect-ratio: 1;
  padding: 4px;
  background: #10141a;
  border: 1px solid #424957;
  border-radius: 9px;
}
.raundo-member-page .avatar-picker > button.selected { border: 2px solid var(--club-lime); }
.raundo-member-page .avatar-picker .member-avatar { width: 100%; height: 100%; border-radius: 6px; border: 0; }
.raundo-member-page .avatar-picker .member-avatar > span { border-radius: 5px; }
.raundo-member-page .community-label input { min-height: 42px; border-color: #494e5c; background: #10141a; }
.raundo-member-page .frame-picker { gap: 6px; }
.raundo-member-page .frame-picker > button { min-width: 0; padding: 7px 2px; border-radius: 7px; }
.raundo-member-page .frame-picker .member-avatar { width: clamp(26px,3vw,42px); height: clamp(26px,3vw,42px); }
.raundo-member-page .community-save { width: 100%; }
.raundo-member-page .raundo-profile-progress { max-width: 880px; margin-inline: auto; }

.raundo-welcome,
.raundo-sign-in {
  width: min(560px, calc(100% - 26px));
  padding: 0 0 22px;
  max-height: calc(100dvh - 28px);
  overflow: auto;
}
.raundo-player-dialog:is(.raundo-welcome,.raundo-sign-in) > .community-intro {
  background: linear-gradient(153deg,#8319e7 0 88%,#a04efa 88%);
  margin: 0 0 18px;
  padding: 24px 68px 20px 24px;
  border: 0;
}
.raundo-player-dialog:is(.raundo-welcome,.raundo-sign-in) > .community-intro .eyebrow { color: var(--club-lime); }
.raundo-player-dialog:is(.raundo-welcome,.raundo-sign-in) > .community-intro h2 {
  font: 900 clamp(24px, 3.5vw, 44px)/1.02 Arial,sans-serif;
  letter-spacing: -.035em;
  color: white;
}
.raundo-player-dialog:is(.raundo-welcome,.raundo-sign-in) > .community-intro p { color: #fff; font-size: 14px; }
.raundo-player-dialog:is(.raundo-welcome,.raundo-sign-in) > :not(.community-close,.community-intro) { margin-inline: 24px; }
.raundo-invite-body { display: grid; gap: 9px; }
.raundo-welcome-avatars { display: flex; gap: 9px; margin-bottom: 10px; }
.raundo-welcome-avatars .member-avatar { width: min(15%, 58px); aspect-ratio: 1; height: auto; border: 0; }
.raundo-invite-body > button { min-height: 46px; border-radius: 7px; }
.raundo-skip-registration { background: #222735; color: #fff; border: 1px solid #505867; }
.raundo-invite-login { background: transparent; color: #d9c6ff; text-decoration: underline; }
.raundo-player-dialog .acid-button {
  background: var(--club-lime);
  color: #11141a;
  font-weight: 800;
}
.raundo-player-dialog .acid-button:active { background: var(--club-purple-deep); color: white; }
@media (max-width: 760px) {
  .raundo-profile-look:not([hidden]) { grid-template-columns: 1fr; }
  .raundo-member-page .raundo-profile-banner { padding-right: 48px; }
  .raundo-profile-art { opacity: .35; inset-inline-end: -5%; }
}
@media (max-width: 420px) {
  .raundo-member-page[open] { width: calc(100% - 14px); padding: 12px; }
  .raundo-member-page .raundo-profile-banner .member-level { font-size: 10px; }
  .raundo-member-page .avatar-picker > button { padding: 2px; }
  .raundo-player-dialog:is(.raundo-welcome,.raundo-sign-in) > :not(.community-close,.community-intro) { margin-inline: 16px; }
}

/* Round: a short editorial strip over the existing interactive board. */
.round-app {
  background: var(--club-bg);
  color: var(--club-ink);
}
.round-app .round-site-header {
  position: relative;
  inset: auto;
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding-inline: var(--club-gutter);
  border: 0;
  border-bottom: 1px solid #2c313b;
  border-radius: 0;
  background: var(--club-bg) !important;
  box-shadow: none;
}
.round-app .round-main { width: auto; max-width: 1520px; margin: 0 auto; padding: 18px var(--club-gutter) 36px; }
.round-app .round-back { margin-bottom: 12px; }
.round-app .round-page-heading {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 0;
  padding: 12px clamp(14px, 2vw, 30px);
  margin-bottom: 16px;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(155deg, var(--club-lime) 0 78%, #8b1dea 78%);
  color: #0d1116;
}
.round-app .round-page-heading::after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  z-index: -1;
  width: clamp(130px,23vw,335px);
  background: url(round-lightning.svg) right center / contain no-repeat;
  pointer-events: none;
}
.round-app .round-page-heading .eyebrow { color: #202a10; font-size: 9px; }
.round-app .round-page-heading h1 {
  color: #101219;
  margin: 2px 0 3px;
  font: 950 italic clamp(25px, 3.4vw, 52px)/1.02 Arial,sans-serif;
  letter-spacing: -.07em;
  text-transform: uppercase;
}
.round-app .round-page-heading h1 > span { color: #101219; }
.round-app .round-page-heading p { color: #1f2611; margin: 0; font-size: clamp(11px,1.12vw,15px); font-weight: 700; }
.round-app .round-date { background: #13151c; color: #fff; border: 0; padding: 8px 11px; border-radius: 5px; }
.round-app .round-date small { color: #e5daf4; }
.round-app .round-layout { gap: clamp(14px,1.8vw,24px); }
.round-app .light-game {
  background: radial-gradient(ellipse at 50% 40%,#27183e 0%,#191b25 62%);
  border: 1px solid #4e405f;
  border-radius: 11px;
  padding: clamp(13px,1.7vw,24px);
  box-shadow: none;
}
.round-app .light-game-top { border-bottom: 1px solid #41354e; padding-bottom: 9px; }
.round-app .round-status { color: var(--club-lime); letter-spacing: .12em; }
.round-app .light-board { gap: clamp(6px,1vw,12px); }
.round-app .light-board-wrap { width: min(100%, 416px); margin: 17px auto; }
.round-app .light-tile {
  background: linear-gradient(140deg,#322847,#1a1e2b 64%);
  border: 1px solid #5a496d;
  border-radius: clamp(8px,1vw,13px);
  color: #8b75ab;
  box-shadow: inset 0 0 0 2px #ffffff08, 0 3px 0 #13131c;
}
.round-app .light-tile.lit {
  background: radial-gradient(circle at 15% 13%, #eeffa5, transparent 69%),#c9f449;
  border-color: #e4ff8b;
  color: #1a2910;
  box-shadow: 0 0 17px #c9f44939, 0 3px 0 #7a992e;
}
.round-app .light-tile.affected { outline: 2px solid #bd7bff; outline-offset: 2px; }
.round-app .light-tile:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.round-app .round-game-metrics { border-color: #4e405f; }
.round-app .round-game-metrics strong { color: #f8f7fc; }
.round-app :is(.daily-ranking,.round-collection,.round-join,.round-help,.friend-challenge) {
  border-color: var(--club-edge);
  border-radius: 10px;
  background: var(--club-panel);
}
.round-app .retention-section-heading .eyebrow { color: var(--club-lime); }
.round-app .round-play-actions .outline-button { background: var(--club-purple-deep); color: #fff; border-color: #b570ff; }
.round-app .round-play-actions .outline-button:hover { background: var(--club-lime); color: #11141a; }
@media (max-width: 700px) {
  .round-app .round-main { padding-top: 12px; }
  .round-app .round-page-heading::after { opacity: .35; }
  .round-app .round-page-heading p { max-width: 32ch; }
}

/* Owner tools: compact hero, consistent forms and legible operations tabs. */
.admin-shell .admin-main { max-width: 1460px; width: calc(100% - 2 * var(--club-gutter)); margin-inline: auto; }
.admin-shell .admin-header { box-shadow: none; }
.admin-shell .admin-heading {
  position: relative;
  min-height: 0;
  border: 1px solid #7522c4;
  border-radius: 8px;
  padding: clamp(15px,2.1vw,30px);
  background: linear-gradient(155deg,#351555 0 76%,#6915bb 76% 100%);
}
.admin-shell .admin-heading h1 { font-size: clamp(27px,4.3vw,57px); }
.admin-shell .admin-heading p { color: #f4eafa; }
.admin-shell .admin-site-status {
  border-radius: 9px;
  border-color: #9b6bd0;
  background: #181b24;
  transform: none;
}
.admin-shell .admin-tabs { gap: 6px; border-color: var(--club-edge); }
.admin-shell .admin-tabs > button {
  background: #1c212b;
  color: var(--club-ink);
  border: 1px solid #414858;
  border-radius: 6px;
}
.admin-shell .admin-tabs > button.active { background: #731bd2; border-color: #a65df1; color: white; }
.admin-shell .admin-tabs > button:hover { background: var(--club-lime); color: #10141a; }
.admin-shell .admin-section-heading h2,
.admin-shell .panel-heading h2 { font-size: clamp(19px,1.95vw,29px); }
.admin-shell :is(.admin-panel,.metric-card,.reports-list article,.catalog-facts > div,.admin-club-metrics > div) {
  background: var(--club-panel);
  border-color: var(--club-edge);
  border-radius: 9px;
}
.admin-shell .metric-card strong { color: var(--club-lime); }
.admin-shell :is(input:not([type=checkbox]),select,textarea) {
  color: var(--club-ink);
  background-color: #11161f;
  border: 1px solid #535a69;
  border-radius: 6px;
}
.admin-shell :is(button,a,input,select,textarea):focus-visible { outline: 2px solid var(--club-lime); outline-offset: 2px; }
.admin-shell :is(.acid-button,.outline-button,.catalog-drop) { border-radius: 7px; }
.admin-shell .acid-button { background: var(--club-lime); color: #10141a; }
.admin-shell .outline-button { background: #261a36; color: #f9f4ff; border-color: #72578f; }
.admin-shell .catalog-drop { background: #211831; border-color: #a263e6; }
.admin-shell .catalog-drop:focus-within { outline: 2px solid var(--club-lime); outline-offset: 2px; }
.admin-shell .admin-note { color: var(--club-muted); }
.raundo-access .access-card { background: var(--club-panel); border-color: var(--club-edge); }