@font-face {
  font-family: RAUNDO Display;
  src: url(/assets/fonts/russo-one.ttf) format("truetype");
  font-display: swap;
}
:root {
  --unified-bg: #111116;
  --unified-surface: #1d1b25;
  --unified-line: #37343f;
  --unified-ink: #f4f3ef;
  --unified-muted: #b4b2bf;
  --unified-lime: #d6fb47;
  --unified-violet: #7b2adf;
  --unified-radius: 10px;
  --unified-display: "RAUNDO Display", Arial, sans-serif;
}

:is(.raundo-reference, .round-app, .admin-shell, .raundo-player-dialog, .raundo-access) {
  --arcade-bg: var(--unified-bg);
  --arcade-line: var(--unified-line);
  --arcade-panel: var(--unified-surface);
  --arcade-green: var(--unified-lime);
  --reference-bg: var(--unified-bg);
  --reference-green: var(--unified-lime);
  --club-bg: var(--unified-bg);
  --club-panel: var(--unified-surface);
  --club-edge: var(--unified-line);
  --club-lime: var(--unified-lime);
  background: var(--unified-bg);
  color: var(--unified-ink);
}

.raundo-reference:not(.focus-mode) .site-header {
  grid-template-columns: auto auto minmax(130px, 1fr) auto;
  gap: clamp(12px, 1.65vw, 27px);
  box-shadow: 0 1px var(--unified-line);
}
.raundo-reference .site-header .logo .wordmark img { width: 31px; height: 31px; }
.raundo-reference .site-header .logo .wordmark > span { width: clamp(90px, 8vw, 120px); }
.raundo-reference .site-header .header-search {
  max-width: none;
  border-color: transparent;
  background: var(--unified-surface);
}
.raundo-reference:not(.focus-mode) .site-header .profile-trigger {
  background: transparent;
  border: 0;
}
.raundo-reference .site-header .library-tabs {
  display: flex;
  align-items: stretch;
  gap: clamp(8px, 1.3vw, 22px);
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  white-space: nowrap;
}
.raundo-reference .site-header .library-tabs > :is(button, a) {
  display: inline-flex;
  align-items: center;
  padding: 0 1px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--unified-muted);
  font: 700 14px/1.1 Arial, sans-serif;
  transition: color 190ms ease, box-shadow 190ms ease !important;
}
.raundo-reference .site-header .library-tabs > button.selected {
  color: var(--unified-ink);
  box-shadow: inset 0 -2px var(--unified-lime);
}
@media (hover: hover) {
  .raundo-reference .site-header .library-tabs > :is(button, a):hover {
    background: transparent !important;
    color: var(--unified-lime) !important;
  }
}
.raundo-reference .raundo-showcase { margin-top: 22px; }
.raundo-reference .raundo-showcase .raundo-promos { grid-template-columns: minmax(0,1.58fr) minmax(0,1fr); }
.raundo-reference .raundo-promo {
  height: clamp(165px, 18vw, 265px);
  padding: clamp(14px, 1.8vw, 27px);
  border-radius: var(--unified-radius);
}
.raundo-reference .raundo-promo--round { --promo-background: var(--unified-lime); }
.raundo-reference .raundo-promo--racing { --promo-background: #7928e3; }
.raundo-reference .raundo-promo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: var(--promo-background);
}
.raundo-reference .raundo-promo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: radial-gradient(circle, #110b1950 19%, transparent 25%) 0 0 / 5px 5px;
  mask: linear-gradient(95deg, transparent 20%, #000 88%);
}
.raundo-reference .raundo-promo--round :is(.promo-reference-image, .promo-color-cutout) {
  inset: auto 0 -5% auto;
  width: 115%;
  height: 105%;
  clip-path: inset(0 0 0 68%);
}
.raundo-reference .raundo-promo--racing :is(.promo-reference-image, .promo-color-cutout) {
  inset: auto -10% -4% auto;
  width: 120%;
  height: 108%;
  clip-path: inset(0 0 0 54%);
}
.raundo-reference .raundo-promo--round .promo-reference-image { mask: url(round-mask.png) center / 100% 100% no-repeat; }
.raundo-reference .raundo-promo--racing .promo-reference-image { mask: url(racing-mask.png) center / 100% 100% no-repeat; }
.raundo-reference .raundo-promo__copy { display: grid; align-content: center; gap: 8px; width: 76%; }
.raundo-reference .raundo-promo__eyebrow { font: 800 clamp(8px,.85vw,12px)/1.1 Arial, sans-serif; letter-spacing: .14em; }
.raundo-reference :is(.raundo-promo--round,.raundo-promo--racing) .raundo-promo__title {
  position: static;
  width: auto;
  height: auto;
  min-height: 0;
  padding: 0;
  overflow: visible;
  clip-path: none;
  white-space: pre-line;
  font: italic 400 clamp(31px,5.1vw,86px)/.88 var(--unified-display);
  letter-spacing: -.06em;
  text-transform: uppercase;
}
.raundo-reference .raundo-promo--racing .raundo-promo__title { font-size: clamp(25px,3.5vw,57px); }
.raundo-reference :is(.raundo-promo--round,.raundo-promo--racing) .raundo-promo__cta {
  position: static;
  display: inline-flex;
  justify-self: start;
  width: auto;
  height: auto;
  min-height: 29px;
  align-items: center;
  padding: 5px 10px;
  overflow: visible;
  clip-path: none;
  font: 800 clamp(11px,1vw,16px)/1 Arial,sans-serif;
  border-radius: 8px;
  white-space: nowrap;
}
.raundo-reference .raundo-promo--racing .raundo-promo__cta { padding-inline: 0; background: transparent; }
.raundo-reference .raundo-promo-controls { min-height: 35px; }
.raundo-reference .collection-heading h2 { font: 400 clamp(25px,2.5vw,42px)/1.1 var(--unified-display); }
.raundo-reference .collection-heading { margin: 8px 0 5px; }
.raundo-reference .raundo-genre-nav { border: 0; margin: 4px 0 10px; }
.raundo-reference .raundo-genre-rail { gap: 3px; padding-bottom: 1px; }
.raundo-reference .raundo-genre-rail button {
  flex: 0 0 auto;
  padding-inline: 12px;
  border: 0;
  border-radius: 8px;
  color: var(--unified-muted);
  font-size: 14px;
}
.raundo-reference .raundo-genre-rail button[aria-pressed=true] { background: #35234b; color: #f1e5ff; }
.raundo-reference .raundo-genre-rail button[aria-pressed=true]::after { content: none; }
.raundo-reference .genre-arrow { border: 0; }
.raundo-reference .collection .game-card { border: 0; background: transparent; box-shadow: none; }
.raundo-reference .collection .game-card:nth-child(n) .card-art {
  aspect-ratio: 1.65;
  border: 0;
  border-radius: var(--unified-radius);
}
.raundo-reference .collection .save-card { border: 0; }
.raundo-load-more {
  display: grid;
  justify-items: center;
  gap: 10px;
  margin: 32px 0 0;
  color: var(--unified-muted);
  font-size: 13px;
}
.raundo-reference .raundo-load-more > button {
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  background: var(--unified-lime);
  color: #111116;
}
.raundo-reference .unified-footer {
  display: flex;
  justify-content: center;
  padding: 9px 0;
  background: transparent;
  border-top: 1px solid var(--unified-line);
}
.raundo-reference .unified-footer button {
  border: 0;
  background: transparent;
  color: var(--unified-muted);
  font-size: 13px;
  padding: 10px;
}

@media (max-width: 1024px) {
  .raundo-reference:not(.focus-mode) .site-header { grid-template-columns: auto auto minmax(110px,1fr) auto 42px; }
  .raundo-reference .site-header .library-tabs > :is(button,a) { font-size: 12px; }
}
@media (max-width: 800px) {
  .raundo-reference:not(.focus-mode) .site-header {
    grid-template-columns: minmax(0,1fr) 42px 42px;
    grid-template-rows: 40px 35px 32px;
    gap: 4px 8px;
    padding: 5px var(--reference-gutter) 0;
  }
  .raundo-reference .site-header .mobile-menu { grid-column: 3; grid-row: 1; }
  .raundo-reference .site-header .profile-trigger { grid-column: 2; grid-row: 1; padding: 3px; max-width: 42px; }
  .raundo-reference .site-header .profile-trigger :is(.profile-name, .profile-copy, .profile-meta) { display: none; }
  .raundo-reference:not(.focus-mode) .site-header .header-search { grid-column: 1 / -1; grid-row: 2; }
  .raundo-reference .site-header .library-tabs { grid-column: 1 / -1; grid-row: 3; overflow-x: auto; gap: 13px; scrollbar-width: none; }
  .raundo-reference .raundo-showcase { margin-top: 12px; }
  .raundo-reference .raundo-showcase .raundo-promos { grid-template-columns: 1fr; }
  .raundo-reference .raundo-promo { height: clamp(112px, 30vw, 190px); }
  .raundo-reference .raundo-promo__copy { gap: 5px; }
  .raundo-reference .raundo-promo--round .raundo-promo__title { font-size: clamp(31px, 7vw, 65px); }
  .raundo-reference .raundo-promo--racing .raundo-promo__title { font-size: clamp(26px, 6vw, 48px); }
  .raundo-reference .raundo-promo--racing :is(.promo-reference-image,.promo-color-cutout) { right: 0; }
}
@media (max-width: 700px) {
  .raundo-reference .collection > .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* The game is the primary surface. Secondary controls share flat divider lines. */
.raundo-reference :is(.game-action-bar,.game-description-panel,.game-comments,.game-help),
.raundo-reference .player-page .player-recommendations {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding-inline: 0;
}
.raundo-reference :is(.game-action-bar,.game-description-panel,.game-comments) { border-top: 1px solid var(--unified-line); }
.raundo-reference .game-topline h1,
.raundo-reference .rail-title h2,
.raundo-profile-content h3 { font-family: var(--unified-display); font-weight: 400; }
.raundo-reference .game-action-bar :is(button,a),
.raundo-reference .game-topline :is(button,a),
.raundo-reference .provider-row button,
.raundo-reference .player-recommendations :is(.icon-button,.rail-random) { border: 0; }
.raundo-reference .game-action-bar .screen-launch { background: var(--unified-lime); color: #111116; }
.raundo-reference .game-description-panel .description-tabs { padding-inline: 0; gap: 16px; }
.raundo-reference .description-tabs > :is(button,.preview-link) { padding-inline: 3px; border: 0; border-radius: 0; }
.raundo-reference .description-tabs > button[aria-selected=true] {
  color: var(--unified-ink);
  background: transparent;
  box-shadow: inset 0 -2px var(--unified-lime);
}
.raundo-reference .description-body { padding-inline: 0; }
.raundo-reference .player-recommendations .related-item { box-shadow: 0 1px var(--unified-line); }
.raundo-reference .player-recommendations .mini-card .game-open { border: 0; background: transparent; }
.raundo-reference .player-recommendations .rail-title { padding-inline: 0; }
.raundo-reference .game-comments textarea { background: var(--unified-surface); border: 0; }

.raundo-player-dialog.raundo-member-page[open] { width: min(1120px,calc(100% - 24px)); }
.raundo-profile-content {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0,1fr);
  gap: 24px;
}
.raundo-profile-content h3 { margin: 0 0 12px; font-size: 20px; }
.raundo-profile-content .raundo-profile-look {
  display: block;
  padding-top: 14px;
}
.raundo-profile-content :is(.raundo-avatar-panel,.raundo-frame-panel) {
  margin: 0 0 14px;
  padding: 0;
  background: transparent;
  border: 0;
}
.raundo-profile-content .avatar-picker { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; }
.raundo-profile-content .avatar-picker button { min-width: 0; border: 0; }
.raundo-profile-content .raundo-rank-summary {
  margin-bottom: 8px;
  border: 0;
  background: #2b1e3c;
  border-radius: var(--unified-radius);
}
.raundo-profile-content .raundo-rank-list { gap: 0; }
.raundo-profile-content .raundo-rank-row {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 -1px var(--unified-line);
}
.raundo-profile-content .raundo-rank-row.is-you { background: #272132; border-radius: 6px; }
.raundo-member-page .raundo-profile-id { background: transparent; border: 0; border-bottom: 1px solid var(--unified-line); border-radius: 0; padding-inline: 0; }
.raundo-profile-content .community-save,
.raundo-welcome .raundo-invite-body .acid-button { border: 0; background: var(--unified-lime); color: #111116; }
.raundo-profile-content .community-link,
.raundo-welcome .raundo-invite-body :is(.raundo-skip-registration,.raundo-invite-login) { border: 0; }
.raundo-welcome .community-intro { background-color: var(--unified-violet); border: 0; }
@media (max-width: 720px) {
  .raundo-profile-content { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .raundo-profile-content .raundo-profile-look { padding-top: 0; }
}

/* Full-viewport daily game. The print effect is applied to each playable tile. */
html:has(.round-app) { overscroll-behavior: none; }
.round-app {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100vh;
  height: 100dvh;
  overflow: clip;
}
.round-app .round-site-header {
  min-height: 0;
  height: clamp(41px, 6dvh, 58px);
  flex: 0 0 auto;
  padding-block: 0;
  border-bottom-color: var(--unified-line);
}
.round-app .round-brand img { width: 29px; height: 29px; }
.round-app .round-brand .raundo-logo-text { width: 110px; }
.round-app .round-header-label { display: none; }
.round-app .round-catalog-link { border: 0; padding-block: 4px; }
.round-app .round-main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  padding: 10px var(--club-gutter) max(10px,env(safe-area-inset-bottom));
  margin: 0 auto;
}
.round-app .round-page-heading {
  flex: 0 0 auto;
  min-height: 0;
  padding: 10px clamp(12px,1.9vw,26px);
  margin: 0 0 10px;
  border-radius: var(--unified-radius);
  background: linear-gradient(150deg,var(--unified-lime) 0 76%,var(--unified-violet) 76%);
}
.round-app .round-page-heading::after { background: none; }
.round-app .round-page-heading :is(h1 > span,p) { display: none; }
.round-app .round-page-heading h1 {
  font: italic 400 clamp(22px,4vw,49px)/1 var(--unified-display);
  margin: 2px 0;
}
.round-app .round-date { padding: 6px 8px; font-size: 12px; }
.round-app .round-date small { display: none; }
.round-app :is(.friend-challenge,.round-error) { flex: 0 0 auto; margin: 0 0 5px; padding: 5px 8px; font-size: 11px; }
.round-app .friend-challenge :is(p,strong) { font-size: inherit; margin: 0; }
.round-app .round-layout {
  display: grid;
  grid-template-columns: minmax(0,1.45fr) minmax(230px,1fr);
  gap: clamp(12px,2.5vw,34px);
  min-height: 0;
  flex: 1 1 auto;
  align-items: stretch;
}
.round-app .light-game {
  --round-reserve: 133px;
  container-type: size;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  min-width: 0;
  min-height: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.round-app .light-game-top,
.round-app .round-game-metrics,
.round-app .round-play-actions {
  flex: 0 0 auto;
  min-height: 0;
  margin: 0;
}
.round-app .light-game-top { padding: 0 0 3px; border-color: var(--unified-line); }
.round-app .light-game-top .icon-button { width: 32px; min-height: 30px; height: 30px; padding: 3px; border: 0; }
.round-app .light-board-wrap {
  flex: 0 0 auto;
  max-width: 650px;
  width: min(100%, max(80px, calc(100vh - 265px)));
  width: min(100%, max(80px, calc(100cqh - var(--round-reserve))));
  margin: 0 auto;
}
.round-app .light-board { gap: clamp(4px,.65vw,10px); }
.round-app .light-tile,
.round-app .light-tile.lit {
  border: 0;
  border-radius: clamp(6px,.85vw,12px);
  box-shadow: none;
  transition: background-color 150ms ease, outline-color 150ms ease !important;
  background-image: radial-gradient(circle, #c09bf154 19%, transparent 25%);
  background-position: center;
  background-size: 5px 5px;
  background-color: #30243f;
}
.round-app .light-tile.lit {
  background-color: var(--unified-lime);
  background-image: radial-gradient(circle, #4a540f79 19%, transparent 25%);
}
.round-app .light-tile > :is(span,i) { display: none; }
.round-app .light-tile.affected { outline: 2px solid #bd7bff; outline-offset: 1px; }
.round-app .light-tile:focus-visible { outline: 2px solid white; outline-offset: 2px; }
.round-app .round-game-metrics {
  gap: 6px;
  padding: 4px 0;
  border: 0;
  border-bottom: 1px solid var(--unified-line);
}
.round-app .round-game-metrics :is(span,small) { font-size: 10px; }
.round-app .round-game-metrics strong { font-size: clamp(15px,2vw,24px); line-height: 1.12; }
.round-app .round-play-actions button,
.round-app .light-game > .outline-button { min-height: 32px; padding: 4px 8px; border: 0; font-size: 12px; }
.round-app .light-game > .outline-button { align-self: center; }
.round-app .board-start-overlay { padding: 8px; gap: 6px; }
.round-app .board-start-overlay strong { font-size: clamp(14px,2vw,27px); }
.round-app .board-start-overlay .acid-button { min-height: 32px; padding: 4px 8px; }
.round-app .board-start-icon { width: 30px; height: 30px; }
.round-app .round-side { display: block; min-height: 0; min-width: 0; }
.round-app .daily-ranking { background: transparent; border: 0; padding: 0; margin: 0; }
.round-app .daily-ranking .retention-section-heading { margin: 0 0 4px; }
.round-app .daily-ranking .retention-section-heading .eyebrow { display: none; }
.round-app .daily-ranking .retention-section-heading h2 { font: 400 clamp(16px,2vw,24px)/1.1 var(--unified-display); margin: 0; }
.round-app .daily-ranking .icon-button { width: 29px; height: 29px; min-height: 0; padding: 3px; border: 0; }
.round-app .daily-ranking ol { gap: 0; margin: 0; }
.round-app .daily-ranking li { border: 0; border-bottom: 1px solid var(--unified-line); background: transparent; border-radius: 0; padding: 5px; }
.round-app .daily-ranking li.is-you { background: #272132; }
.round-app .round-empty { padding: 6px 0; gap: 4px; }
.round-app .round-empty :is(strong,p) { margin: 0; font-size: 12px; }
.round-app .round-empty svg { display: none; }
.round-app .round-all-ranks { border: 0; min-height: 26px; margin: 4px 0 0; padding: 3px 5px; }
.round-app .round-modal {
  box-sizing: border-box;
  width: min(520px,calc(100vw - 20px));
  max-height: calc(100dvh - 20px);
  margin: auto;
  padding: 14px;
  overflow-y: auto;
  background: var(--unified-surface);
  color: var(--unified-ink);
  border: 0;
  border-radius: var(--unified-radius);
  box-shadow: 0 12px 60px #0009;
}
.round-app .round-modal::backdrop { background: #0b0813bb; }
.round-app .round-modal-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 8px; }
.round-app .round-modal-head h2 { margin: 0; font: 400 20px var(--unified-display); }
.round-app .round-modal-head button { min-width: 34px; min-height: 34px; font-size: 22px; border: 0; }
.round-app .round-modal :is(.round-help,.round-result) {
  margin: 0;
  padding: 6px 0;
  background: transparent;
  border: 0;
}
.round-app .round-modal > p { font-size: 13px; color: var(--unified-muted); }
@media (max-width: 640px) and (orientation: portrait) {
  .round-app .round-layout { grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr) auto; gap: 6px; }
  .round-app .light-game { --round-reserve: 108px; gap: 4px; }
  .round-app .round-main { padding-top: 5px; }
  .round-app .round-page-heading { padding-block: 6px; margin-bottom: 5px; }
  .round-app .round-date { display: none; }
  .round-app .round-side .daily-ranking li { min-height: 25px; padding-block: 2px; }
  .round-app .round-side .daily-ranking li .member-avatar { width: 21px; height: 21px; }
  .round-app .round-side .daily-ranking li div { display: flex; align-items: center; justify-content: space-between; gap: 5px; min-width: 0; }
  .round-app .round-side .daily-ranking li div span { white-space: nowrap; }
}
@media (max-height: 540px) and (orientation: landscape) {
  .round-app .round-page-heading .eyebrow { display: none; }
  .round-app .round-page-heading { padding-block: 4px; margin-bottom: 4px; }
  .round-app .round-page-heading h1 { font-size: clamp(16px,3.5vh,24px); }
  .round-app .round-layout { grid-template-columns: minmax(0,1fr) minmax(150px,.8fr); }
  .round-app .light-game { --round-reserve: 92px; gap: 3px; }
  .round-app .light-game-top .icon-button { width: 24px; height: 22px; min-height: 22px; }
  .round-app .light-game-top .round-status { font-size: 10px; }
  .round-app .round-game-metrics { padding-block: 2px; }
  .round-app .board-start-icon { display: none; }
}

.admin-shell .admin-main {
  display: grid;
  grid-template-columns: minmax(170px, 218px) minmax(0,1fr);
  align-items: start;
  gap: 26px;
}
.admin-shell .admin-content { min-width: 0; }
.admin-shell .admin-tabs {
  position: sticky;
  top: 66px;
  display: grid;
  align-content: start;
  gap: 4px;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: var(--unified-radius);
  background: var(--unified-surface);
}
.admin-shell .admin-tabs > :is(button,a) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  width: auto;
  min-height: 36px;
  padding: 6px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--unified-muted);
  font-size: 13px;
}
.admin-shell .admin-tabs > button.active { background: #35234b; color: var(--unified-ink); }
.admin-shell .admin-heading { background: transparent; border: 0; padding: 0; box-shadow: none; }
.admin-shell .admin-heading h1 { font-family: var(--unified-display); font-size: clamp(26px,4vw,49px); }
.admin-shell .admin-heading h1 br { display: none; }
.admin-shell .admin-heading h1 span { margin-left: .25em; }
.admin-shell :is(.admin-panel,.admin-site-status,.metric-card,.stat-card) {
  border: 0;
  border-radius: var(--unified-radius);
  background: var(--unified-surface);
  box-shadow: none;
}
.admin-shell .acid-button { border: 0; background: var(--unified-lime); color: #111116; }
@media (max-width: 850px) {
  .admin-shell .admin-main { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .admin-shell .admin-tabs { display: flex; position: static; overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .round-app .light-tile, .raundo-reference .site-header .library-tabs > :is(button,a) {
    transition-duration: .001ms !important;
  }
}

.raundo-reference .raundo-promo {
  background: transparent;
}
.raundo-reference .site-header .library-tabs > button.selected:not(:active) { background: transparent; color: var(--unified-ink); }
.raundo-reference .site-header .library-tabs > button:active { background: transparent !important; color: #cda7ff !important; }
.raundo-reference .raundo-promo--round .raundo-promo__title { color: #151218; }
.round-app .round-catalog-link { display: inline-flex; }
.round-app .light-board.awaiting-start { filter: brightness(.72); }
.round-app .round-empty { min-height: 0; align-items: flex-start; text-align: left; }
.round-app .round-empty > p { max-width: 38ch; }
.round-app .board-start-overlay {
  width: max-content;
  height: max-content;
  max-width: 90%;
  inset: 50% auto auto 50%;
  transform: translate(-50%,-50%);
  padding: 12px 16px;
  border: 0;
  border-radius: var(--unified-radius);
  background: #1d1928;
}
.round-app .board-start-overlay .acid-button { background: var(--unified-lime); color: #111116; border: 0; }
.round-app .light-game-top .round-top-actions { display: flex; align-items: center; gap: 5px; }
.round-app .round-top-actions .round-rewards { min-height: 26px; border: 0; padding: 3px 6px; font-size: 11px; }
.round-app .round-modal .round-collection { margin: 0; padding: 0; border: 0; background: transparent; }
@media (max-width: 640px) and (orientation: portrait) {
  .round-app .round-brand .raundo-logo-text { width: 85px; }
  .round-app .round-catalog-link { font-size: 11px; }
}
.admin-shell .admin-catalog-search {
  background: var(--unified-bg);
  border: 0;
  border-radius: var(--unified-radius);
  color: var(--unified-ink);
  min-height: 42px;
  padding: 8px 12px;
  width: min(100%,330px);
}
.admin-shell .admin-catalog-list { list-style: none; padding: 0; margin: 8px 0; }
.admin-shell .admin-catalog-list li { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 38px; border-bottom: 1px solid var(--unified-line); }
.admin-shell .admin-catalog-list a { color: var(--unified-ink); }
.admin-shell .admin-catalog-list small { color: var(--unified-muted); }
.raundo-reference .game-stage .raundo-game-loader {
  background: #1e152b;
}
.raundo-reference .raundo-game-loader::before {
  background: radial-gradient(circle,#2d124b85 20%,transparent 26%) 0 0 / 5px 5px, #7236ac;
  clip-path: polygon(80% 0,100% 0,100% 100%,54% 100%);
  opacity: .85;
}
.raundo-reference .raundo-game-loader .raundo-loader-mark { background: transparent; border: 0; }
.raundo-reference .raundo-game-loader > strong { font-family: var(--unified-display); font-weight: 400; }
.raundo-reference .site-header .library-tabs > button.selected:not(:active) { background: transparent !important; }
@media (max-width: 640px) and (orientation: portrait) {
  .round-app .round-layout { display: flex; flex-direction: column; }
  .round-app .light-game { flex: 1 1 auto; max-height: calc(100vw + 88px); }
  .round-app .round-side { flex: 0 0 auto; }
}
