/* Version: 1.6.83 */
.sqg.shell { max-width: 1100px; margin: 24px auto; padding: 0 16px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
.sqg-card { background: #fff; border: 1px solid #e8e8e8; border-radius: 14px; padding: 16px; margin: 14px 0; box-shadow: 0 1px 4px rgba(0,0,0,.04); }
.sqg-hero { background: linear-gradient(135deg, #111, #2d2d2d); color: #fff; border-radius: 18px; padding: 22px; }
.sqg-hero h1 { margin: 0 0 8px; font-size: 34px; }
.sqg-hero p { margin: 0 0 14px; opacity: .9; }

.sqg-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.sqg-actions-inline { display:flex; gap:8px; align-items:center; flex-wrap: wrap; }

.sqg-btn { display: inline-block; border: 1px solid #cfcfcf; background: #fff; color: #111; padding: 10px 14px; border-radius: 10px; text-decoration: none; cursor: pointer; touch-action: manipulation; }
.sqg-btn.primary { background: #111; color: #fff; border-color: #111; }
.sqg-btn.small { padding: 7px 10px; border-radius: 9px; font-size: 13px; }
.sqg-btn.danger { background: #ffe8e8; border-color: #f3b0b0; color: #8b1e1e; }
.sqg-btn.danger:hover { filter: brightness(0.98); }

/* Horizontal scroll helpers (mobile-friendly for wide grids/tables) */
.sqg-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sqg-scroll-x::-webkit-scrollbar { height: 10px; }

.sqg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.matchup .title { font-weight: 700; margin-bottom: 6px; }
.meta { color: #444; margin: 6px 0; }
.muted { opacity: .7; }

.badge { display: inline-block; font-size: 11px; padding: 3px 9px; border-radius: 999px; border: 1px solid #ddd; background: #fafafa; }
.badge.open { background: #eaffea; border-color: #b9e7b9; }
.badge.locked { background: #fff4db; border-color: #f1d18a; }
.badge.pending { background: #f2f2f2; }
.badge.final { background: #e8f0ff; border-color: #c7d7ff; }

.sqg-table { width: 100%; }
.sqg-row { display: grid; grid-template-columns: 2.2fr .8fr .8fr .8fr .6fr; gap: 10px; padding: 10px 0; border-top: 1px solid #eee; align-items: center; }
.sqg-row.head { font-weight: 700; border-top: none; padding-top: 0; }

/* For My My Contests entries table: 5 columns but different widths */
.sqg-row-entries { grid-template-columns: 2.2fr 1fr .9fr .7fr 1.1fr; }

.sqg-tabs .tab-buttons { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.tab-btn { border: 1px solid #d8d8d8; background: #f8f8f8; padding: 8px 12px; border-radius: 10px; cursor: pointer; }
.tab-btn.active { background: #111; color: #fff; border-color: #111; }
.tab-content { display: none; }
.tab-content.active { display: block; }

/* --- 10x10 grid --- */
.sqg-grid10 { display: grid; grid-template-columns: repeat(10, 1fr); gap: 6px; margin-top: 12px; }
.sqg-grid10.preview { opacity: .6; }
.sqg-grid10 .cell { background: #fbfbfb; border: 1px solid #eee; border-radius: 9px; min-height: 44px; min-width: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 6px; }
.sqg-grid10.pick .cell { cursor: pointer; }
.sqg-grid10 .cell.taken { background: #f5f5f5; opacity: .85; }
.sqg-grid10 .coord { font-size: 10px; opacity: .65; }
.sqg-grid10 .name { font-size: 11px; font-weight: 600; text-align: center; }

.sqg-grid10 { --hdr-size: 42px; }
.sqg-grid10 { grid-template-columns: var(--hdr-size) repeat(10, 1fr); }
.sqg-grid10 .hdr { background: #111; color: #fff; border-radius: 9px; display:flex; align-items:center; justify-content:center; font-weight:700; }
.sqg-grid10 .hdr.corner { background: transparent; }
.sqg-grid10 .hdr.row { min-height: 44px; }
.sqg-grid10 .hdr.col { min-height: 34px; }

/*
  Landing + public board grid (strict 10x10) with permanent axes:
  - Home team name (top, horizontal)
  - Away team name (left, vertical)
  - Digits 0-9 on both axes
  Layout: 11 columns (1 header + 10 board), 12 rows (2 header + 10 board)
*/
.sqg-roll-public { margin-top: 12px; }

.sqg-board-grid {
  --hdr-size: clamp(28px, 7.5vw, 54px);
  --cell-size: clamp(28px, 7.5vw, 54px);
  display: grid;
  grid-template-columns: var(--hdr-size) repeat(10, minmax(0, 1fr));
  grid-template-rows: var(--hdr-size) var(--hdr-size) repeat(10, var(--cell-size));
  gap: 6px;
}

.sqg-board-grid .hdr,
.sqg-board-grid .cell {
  border-radius: 9px;
  border: 1px solid #eee;
  background: #fbfbfb;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.sqg-board-grid .hdr { background: #111; color: #fff; font-weight: 700; }
.sqg-board-grid .sqg-corner { background: transparent; color: #111; position: relative; overflow: hidden; }
.sqg-board-grid .sqg-corner-blank { background: transparent; }

.sqg-board-grid .sqg-axis-home {
  grid-column: 2 / span 10;
  background: #111;
  color: #fff;
  font-weight: 800;
  font-size: clamp(12px, 3.4vw, 16px);
  padding: 0 8px;
}

.sqg-board-grid .sqg-axis-away {
  position: absolute;
  inset: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  font-weight: 800;
  font-size: clamp(11px, 3.0vw, 14px);
  opacity: 0.95;
}

.sqg-board-grid .cell {
  background: #fbfbfb;
  min-width: 0;
  aspect-ratio: 1 / 1;
  padding: 2px;
}

.sqg-board-grid .cell.taken { background: #f5f5f5; }

.sqg-board-grid .cell .coord {
  font-size: clamp(10px, 2.9vw, 12px);
  line-height: 1.05;
  font-weight: 600;
  word-break: break-word;
}

.sqg-card.inner { margin: 10px 0; }

.sqg-prize-panel { display: grid; grid-template-columns: 1fr 1.3fr; gap: 12px; }
@media (max-width: 900px) { .sqg-prize-panel { grid-template-columns: 1fr; } }

.validation-wrap{ margin-top: 10px; }
.validation {
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  padding: 9px 11px;
  border-radius: 10px;
  border: 1px solid #ddd;
  background: #fafafa;
  white-space: nowrap;
}
.validation.ok { border-color: #b9e7b9; background: #eaffea; }
.validation.bad { border-color: #f3b0b0; background: #ffe8e8; }

.sqg-table-scroll{
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}
.sqg-table-scroll .sqg-table{ min-width: 520px; }

.sqg-note { color: #555; margin-top: 10px; }

.hidden { display: none; }
.sqg-card-element { padding: 12px; border: 1px solid #ddd; border-radius: 10px; background: #fafafa; margin: 10px 0; }


/* =========================================================
   Board Table (10x10 with axes) — used on Landing + Manual Pick
   Goal:
   - Pixel-identical rendering between Live Board and Manual Selection
   - No theme (X Pro) button styles bleeding in
   - Numbers 1–100 always fully visible on mobile (no ellipsis, no vertical stacking)
   - Smooth touch scrolling when needed
   ========================================================= */

.sqg-board-wrap{
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  touch-action: pan-x pan-y pinch-zoom;
  overscroll-behavior-x: contain;
}

/* Keep the board intrinsic width so it can scroll on very small devices,
   while remaining centered on desktop. */
.sqg-board-table{
  border-collapse: separate;
  border-spacing: 5px;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
}

.sqg-board-table th,
.sqg-board-table td{
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

/* Corner (top-left empty) */
.sqg-board-table .sqg-corner{
  background: transparent !important;
  border: 0 !important;
}

/* Team axis labels */
.sqg-board-table .axis-team{
  font-weight: 700;
  color: rgba(0,0,0,0.70);
  background: rgba(0,0,0,0.04);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 9px;
  padding: 9px 11px;
  line-height: 1.1;
}

.sqg-board-table .axis-team.vertical{
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  padding: 11px 9px;
  letter-spacing: 1px;
}

/* Digit axis labels */
.sqg-board-table .axis-digit{
  font-weight: 700;
  color: rgba(0,0,0,0.65);
  background: rgba(0,0,0,0.03);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 9px;
  min-width: 40px;
  height: 36px;
  line-height: 36px;
}

/* Cells (shared for BOTH live board divs and manual selection buttons) */
.sqg-board-table .cell{
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 36px;
  padding: 0 5px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.10);
  background: #ffffff;
  color: rgba(0,0,0,0.78);
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  text-decoration: none !important; /* prevent theme link styling */
  transition: background-color 120ms ease, border-color 120ms ease, transform 60ms ease, box-shadow 120ms ease;
}

/* Base states */
.sqg-board-table .cell.open{ background: #ffffff; cursor: pointer; }
.sqg-board-table .cell.taken{
  background: #f3f3f3;
  border-color: rgba(0,0,0,0.08);
  opacity: 0.72;
  cursor: not-allowed;
}

/* Hover / focus */
.sqg-board-table .cell.open:hover{
  background: #eaf3ff; /* light blue */
  border-color: rgba(0,0,0,0.14);
}
.sqg-board-table .cell:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(56, 132, 255, 0.28);
}

/* Selected (manual selection feedback) */
.sqg-board-table .cell.is-selected{
  background: #dbf7df; /* soft green */
  border-color: rgba(0,0,0,0.16);
  box-shadow: 0 0 0 3px rgba(44, 170, 84, 0.18);
}
.sqg-board-table .cell.is-selected:hover{ background: #d1f2d6; }

/* Tap feedback (mobile) */
.sqg-board-table .cell:active{ transform: scale(0.98); }

/* Cell content UX */
.sqg-board-table .cell{
  position: relative;
  flex-direction: column;
  gap: 1px;
}

/* IMPORTANT: Never allow the number to ellipsize/truncate */
.sqg-board-table .cell .coord{
  font-weight: 650;
  font-size: 11px;
  opacity: 0.70;
  line-height: 1;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.2px;
}

.sqg-board-table .cell .name{
  font-weight: 800;
  font-size: 13px;
  line-height: 1.05;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Open squares: show ONLY the number (coord) */
.sqg-board-table .cell.open .name{ display:none; }
.sqg-board-table .cell.open .coord{ opacity: 0.60; }

/* Taken squares: show BOTH roll number + name (number should remain clearly visible) */
.sqg-board-table .cell.taken{
  justify-content: center;
}
.sqg-board-table .cell.taken .coord{
  position: static;
  font-size: 11px;
  opacity: 0.85;
}
.sqg-board-table .cell.taken .name{ font-size: 13px; }

/* Manual selection buttons: HARD RESET to prevent X Pro/theme button styling */
.sqg-board-table.pick td{ padding: 0; }
.sqg-board-table.pick button.cell{
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  margin: 0;
  border: 1px solid rgba(0,0,0,0.10) !important;
  border-radius: 12px !important;
  font: inherit;
  color: rgba(0,0,0,0.78) !important;
  -webkit-tap-highlight-color: transparent;
}
.sqg-board-table.pick button.cell::before,
.sqg-board-table.pick button.cell::after{
  content: none !important;
  display: none !important;
}

/* Mobile board: keep the same visual sizing/style as desktop and allow horizontal scroll */
@media (max-width: 520px){
  .sqg-board-table{ border-spacing: 5px; }
  .sqg-board-table .axis-digit{ min-width: 40px; height: 36px; line-height: 36px; border-radius: 9px; font-size: 13px; }
  .sqg-board-table .cell{ min-width: 40px; height: 36px; border-radius: 10px; font-size: 13px; padding: 0 5px; }
  .sqg-board-table .axis-team{ padding: 9px 11px; border-radius: 9px; }
  .sqg-board-table .cell .coord{ font-size: 11px; letter-spacing: -0.2px; }
  .sqg-board-table .cell.taken .name{ font-size: 13px; }
  .sqg-board-table .cell.taken .coord{ font-size: 11px; opacity: 0.85; }
}

@media (max-width: 390px){
  .sqg-board-table{ border-spacing: 5px; }
  .sqg-board-table .axis-digit{ min-width: 40px; height: 36px; line-height: 36px; border-radius: 9px; font-size: 13px; }
  .sqg-board-table .cell{ min-width: 40px; height: 36px; border-radius: 10px; font-size: 13px; padding: 0 5px; }
  .sqg-board-table .cell .coord{ font-size: 11px; letter-spacing: -0.2px; }
}


/* --- Mobile responsiveness --- */
@media (max-width: 640px) {
  .sqg.shell { margin: 16px auto; padding: 0 12px; }
  .sqg-card { padding: 14px; border-radius: 14px; }
  .sqg-hero { padding: 16px; }
  .sqg-hero h1 { font-size: 26px; }

  /* Make primary actions easier to tap */
  .sqg-actions { gap: 10px; }
  .sqg-actions > a,
  .sqg-actions > button { width: 100%; text-align: center; }

  /* Tabs: keep them usable on small screens */
  .sqg-tabs .tab-buttons { gap: 8px; }
  .tab-btn { padding: 9px 11px; }

  /* Tables can exceed viewport; allow smooth horizontal scroll */
  .sqg-table .sqg-row { min-width: 680px; }

  /* Participants list should not overflow */
  .sqg-list { padding-left: 18px; }
}

@media (max-width: 420px) {
  .sqg-btn { padding: 11px 14px; border-radius: 14px; }
  .sqg-btn.small { padding: 9px 12px; }
}


/* Manual selection cells: keep EXACT same look as landing (no overlay layer)
   Some themes add button gradients/shadows/pseudo-elements; hard reset within the board only. */
.sqg-board-table.pick td{ padding:0; }
.sqg-board-table.pick td > button.cell{
  /* use the same sizing model as .sqg-board-table .cell */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 36px;
  padding: 0 5px;
  margin: 0;

  /* kill theme 3D/button styling */
  box-shadow: none !important;
  background-image: none !important;
  filter: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  text-shadow: none !important;
}

/* prevent theme pseudo-elements from creating a "double layer" */
.sqg-board-table.pick td > button.cell::before,
.sqg-board-table.pick td > button.cell::after{
  content: none !important;
}

/* ensure numbers never ellipsize inside cells */
.sqg-board-table.pick td > button.cell,
.sqg-board-table .cell,
.sqg-board-table .axis-digit{
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

@media (max-width: 520px){
  .sqg-board-table.pick td > button.cell{ min-width: 34px; height: 34px; padding: 0; }
}

/* =========================================================
   Shuffle transparency UI (public)
   - "Shuffle Completed" badge
   - Seed/details panel
   ========================================================= */

.sqg-shuffle-ui{
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.sqg-shuffle-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 11px;
  background: rgba(44, 170, 84, 0.12);
  border: 1px solid rgba(44, 170, 84, 0.22);
  color: rgba(0,0,0,0.78);
}

.sqg-shuffle-panel{
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 10px;
  padding: 8px 10px;
  background: rgba(0,0,0,0.02);
  max-width: 980px;
}

.sqg-shuffle-panel > summary{
  cursor: pointer;
  font-weight: 800;
  font-size: 11px;
  list-style: none;
  outline: none;
}
.sqg-shuffle-panel > summary::-webkit-details-marker{ display:none; }

.sqg-shuffle-panel-body{
  margin-top: 8px;
  text-align: left;
  display: grid;
  gap: 6px;
}

.sqg-shuffle-row{
  font-size: 11px;
  color: rgba(0,0,0,0.78);
}

.sqg-shuffle-row code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 11px;
  padding: 1px 6px;
  border-radius: 8px;
  background: rgba(0,0,0,0.04);
  border: 1px solid rgba(0,0,0,0.06);
}

.sqg-shuffle-note{
  margin-top: 2px;
  font-size: 11px;
  color: rgba(0,0,0,0.60);
}



/* Board wrapper: allow horizontal scroll on small screens without squeezing digits */
.sqg-board-wrap{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;
}
.sqg-board-wrap::-webkit-scrollbar{ height: 6px; }
.sqg-board-wrap::-webkit-scrollbar-thumb{ background: rgba(0,0,0,0.15); border-radius: 999px; }

/* X Pro / theme-safe reset for manual selection buttons ONLY within the board */
.sqg-board-table.pick button.cell{
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  outline: none !important;
}
.sqg-board-table.pick button.cell::before,
.sqg-board-table.pick button.cell::after{
  content: none !important;
  display: none !important;
}

/* Absolute no-ellipsis rule for cell numbers (mobile themes often force ellipsis on buttons) */
.sqg-board-wrap .sqg-board-table .cell,
.sqg-board-wrap .sqg-board-table .cell .coord{
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
.sqg-board-wrap .sqg-board-table .cell .coord{
  display: block;
  width: 100%;
  text-align: center;
}

/* Mobile board sizing: intentionally match desktop instead of shrinking cells */
@media (max-width: 520px){
  .sqg-board-table{ border-spacing: 5px; }
  .sqg-board-table .cell{
    min-width: 40px;
    height: 36px;
    padding: 0 5px;
    border-radius: 10px;
    font-size: 13px;
  }
  .sqg-board-table .axis-digit{
    min-width: 40px;
    height: 36px;
    line-height: 36px;
    border-radius: 9px;
    font-size: 13px;
  }
  .sqg-board-table .cell .coord{ font-size: 11px; letter-spacing: -0.2px; }
}

/* Shuffle animation visual cue */
.sqg-board-wrap.sqg-shuffle-animating .axis-digit{
  animation: sqgPulse 0.6s ease-in-out infinite alternate;
}
@keyframes sqgPulse{
  from { transform: translateY(0); opacity: 0.65; }
  to { transform: translateY(-1px); opacity: 1; }
}




.sqg.shell { line-height: 1.35; }
.sqg.shell .sqg-page-title{
  font-weight: 800;
  font-size: 20px;
  margin: 0 0 8px 0;
}
.sqg.shell .sqg-page-title.is-compact{ font-size: 18px; }
.sqg.shell .sqg-page-subtitle{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  margin: -4px 0 8px;
  color: #1f2937;
}

.sqg.shell .sqg-section-title{
  font-weight: 800;
  font-size: 16px;
  margin: 0 0 10px 0;
}

.sqg.shell h1, .sqg.shell h2, .sqg.shell h3, .sqg.shell h4, .sqg.shell h5{
  font-size: inherit !important;
  margin: 0 !important;
}

/* Reduce oversized theme headings inside SQG cards */
.sqg.shell .sqg-card .meta{ font-size: 13px; opacity: .85; margin-top: 4px; }

/* --- Responsive "table" for My Contests list --- */
.sqg-table-wrap{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
.sqg-table{
  min-width: 620px; /* ensures columns never "disappear" on small screens */
}
.sqg-table .sqg-row{
  display: grid;
  grid-template-columns: 2.2fr 1fr 0.9fr 1fr 0.8fr;
  gap: 10px;
  align-items: center;
}
.sqg-table .sqg-row.head{
  font-weight: 800;
  font-size: 13px;
  opacity: .85;
}
.sqg-table .sqg-row > div{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* --- Mobile tuning --- */
@keyframes sqgLiveIndicatorSwing{
  0%{transform:translateX(calc(-50% - 8px)) scaleX(.9);}
  50%{transform:translateX(calc(-50% + 8px)) scaleX(1.08);}
  100%{transform:translateX(calc(-50% - 8px)) scaleX(.9);}
}
@media (max-width: 640px){
  .sqg.shell { margin: 14px auto; padding: 0 12px; }
  .sqg-card { padding: 14px; }
  .sqg.shell .sqg-page-title{ font-size: 18px; }
  .sqg.shell .sqg-section-title{ font-size: 13px; }
  .sqg-table{ min-width: 560px; }
}

/* --- Prevent theme ellipsis / button styles from breaking square numbers --- */
.sqg-board-table .cell,
.sqg-board-table .cell button,
.sqg-board-table .cell .coord,
.sqg-board-table .cell .name{
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Make 2-digit numbers always fit and stay centered */
.sqg-board-table .cell .coord{
  display:block;
  width: 100%;
  text-align:center;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.2px;
}

/* Force Manual Selection cells to be fully flat like Live Board (X Pro-safe) */
.sqg-board-table.pick .cell button{
  appearance: none !important;
  -webkit-appearance: none !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid #e0e0e0 !important;
}
.sqg-board-table.pick .cell button:before,
.sqg-board-table.pick .cell button:after{
  content: none !important;
  display: none !important;
}


@media (max-width: 640px){
  .sqg-table-scroll{ padding-bottom: 4px; }
  .sqg-board-wrap{ padding-bottom: 6px; }
}

.sqg-wallet-table{ min-width: 680px; }
.sqg-wallet-table .sqg-row{ grid-template-columns: 1.25fr .8fr .75fr 1.6fr; }
@media (max-width: 640px){
  .sqg-wallet-table{ min-width: 720px; }
}


.sqg-table-scroll{
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding-bottom: 4px;
}
.sqg-table-scroll::after{
  content: "⇆ Swipe to scroll";
  position: sticky;
  right: 0;
  float: right;
  top: 0;
  z-index: 2;
  font-size: 11px;
  color: #777;
  background: rgba(255,255,255,.96);
  padding: 2px 8px;
  border: 1px solid #e6e6e6;
  border-radius: 999px;
  margin-bottom: 6px;
}
.sqg-table-scroll .sqg-table{ min-width: 640px; }
.sqg-table-scroll .sqg-scoreboard-table{ min-width: 640px; }
@media (min-width: 768px){
  .sqg-table-scroll::after{ display:none; }
}

/* scoreboard specific width */
.sqg-scoreboard-table .sqg-row{
  grid-template-columns: .8fr 1fr 1fr 1.3fr;
}

/* board zoom controls */
.sqg-board-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-left:auto;
  margin: 0 0 8px;
  flex-wrap: wrap;
}
.sqg-board-toolbar-label{
  font-size: 11px;
  color: #666;
  font-weight: 700;
}
.sqg-zoom-btn{
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #111;
  border-radius: 999px;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  font-weight: 700;
  line-height: 32px;
  cursor: pointer;
}
.sqg-board-wrap{
  --sqg-board-zoom: 0.92;
}
.sqg-board-wrap .sqg-board-table{
  transform: scale(var(--sqg-board-zoom));
  transform-origin: top left;
}
/* keep toolbar hidden on larger screens where it is unnecessary */
@media (min-width: 1024px){
  .sqg-board-toolbar{ display:none; }
  .sqg-board-wrap .sqg-board-table{ transform: none; }
}
/* On mobile, preserve readable intrinsic width and allow pan + pinch */
@media (max-width: 1023px){
  .sqg-board-wrap{ overflow: auto; }
  .sqg-board-wrap .sqg-board-table{ margin: 0; }
}


.sqg-table-scroll > .sqg-table,
.sqg-table-scroll > .sqg-scoreboard-table,
.sqg-table-scroll > .sqg-wallet-table,
.sqg-table-scroll > .sqg-prize-breakdown-table,
.sqg-table-scroll > .sqg-winners-table{
  width: max-content;
  min-width: 100%;
}

.sqg-prize-breakdown-table{
  min-width: 560px;
}
.sqg-prize-breakdown-table .sqg-row{
  grid-template-columns: .95fr 1.15fr 1.15fr 1.15fr;
}


.sqg-winners-table{
  min-width: 760px;
}
.sqg-winners-table .sqg-row{
  grid-template-columns: .75fr 1.35fr 1fr 1.35fr 1fr;
}

@media (max-width: 640px){
  .sqg-prize-breakdown-table{
    min-width: 620px;
  }
  .sqg-winners-table{
    min-width: 820px;
  }
}


.sqg-prize-breakdown-scroll{
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
}
.sqg-prize-breakdown-scroll > .sqg-prize-breakdown-table{
  display:block;
  width:max-content;
  min-width:640px;
}
.sqg-prize-breakdown-table .sqg-row{
  min-width:640px;
}
@media (max-width: 640px){
  .sqg-prize-breakdown-scroll > .sqg-prize-breakdown-table,
  .sqg-prize-breakdown-table .sqg-row{
    min-width:640px;
  }
}


.sqg-spectator-ui{ margin-top: 12px; }
.sqg-spectator-strip{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.sqg-spectator-chip{
  display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px;
  background:#f7f8fb; border:1px solid #e5e8ef; color:#1f2937; font-size:12px; font-weight:700;
}
.sqg-spectator-chip.live{ background:#eef7ff; border-color:#cfe3ff; }
.sqg-mini-status{ margin-top:4px; font-size:11px; font-weight:700; color:#5b6472; }
.sqg-mini-status.processed{ color:#0f7b3a; }
.sqg-mini-status.pending{ color:#9a6700; }
.sqg-mini-status.failed,
.sqg-mini-status.reversed{ color:#b42318; }
.sqg-board-table .cell.sqg-winning-cell{
  position:relative;
  border:2px solid #f59e0b !important;
  box-shadow:0 0 0 2px rgba(245,158,11,.18);
}
.sqg-board-table .cell.sqg-winning-current{
  animation: sqgWinPulse 1.5s ease-in-out infinite;
}
.sqg-board-table .cell.sqg-winning-processed{ border-color:#16a34a !important; box-shadow:0 0 0 2px rgba(22,163,74,.18); }
.sqg-board-table .cell.sqg-winning-pending{ border-color:#f59e0b !important; }
.sqg-board-table .cell.sqg-winning-failed,
.sqg-board-table .cell.sqg-winning-reversed{ border-color:#dc2626 !important; box-shadow:0 0 0 2px rgba(220,38,38,.16); }
.sqg-board-table .cell.sqg-winning-cell::after{
  content: attr(data-win-label);
  position:absolute; top:4px; right:4px; max-width:70%;
  padding:2px 5px; border-radius:999px; background:rgba(17,24,39,.9); color:#fff;
  font-size:9px; line-height:1; font-weight:800; letter-spacing:.02em;
}
@keyframes sqgWinPulse {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}
@media (max-width: 640px){
  .sqg-spectator-chip{ font-size:11px; padding:5px 8px; }
  .sqg-board-table .cell.sqg-winning-cell::after{ font-size:8px; top:3px; right:3px; }
}


body.sqg-modal-open{overflow:hidden;}
.sqg-shuffle-notice.hidden{display:none;}
.sqg-shuffle-notice{position:fixed;inset:0;z-index:99999;pointer-events:none;}
.sqg-shuffle-notice__backdrop{display:none;}
.sqg-shuffle-notice__dialog{position:fixed;right:18px;bottom:18px;left:auto;top:auto;transform:none;width:min(30vw,400px);min-width:280px;min-height:auto;max-width:calc(100vw - 36px);max-height:calc(100vh - 36px);overflow-y:auto;background:rgba(255,255,255,.97);border:1px solid rgba(191,219,254,.95);border-radius:18px;box-shadow:0 18px 48px rgba(0,0,0,.22);padding:18px 18px 16px;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;pointer-events:auto;animation:sqgNoticePop .28s ease-out;}
.sqg-shuffle-notice__close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:#4b5563;padding:4px 8px;}
.sqg-shuffle-notice__eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin-bottom:2px;}
.sqg-shuffle-notice__title{margin:0 26px 2px 0;font-size:clamp(18px,1.45vw,22px);line-height:1.2;}
.sqg-shuffle-notice__message{margin:0;font-size:14px;line-height:1.45;color:#1f2937;}
.sqg-shuffle-notice__meta{display:grid;grid-template-columns:1fr;gap:6px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px;margin:0;}
.sqg-shuffle-notice__meta strong{color:#111827;}
.sqg-shuffle-notice__actions{display:flex;justify-content:flex-end;}
.sqg-shuffle-notice__dismiss{min-width:96px;}
@keyframes sqgNoticePop{0%{opacity:0;transform:translateY(10px) scale(.96);}100%{opacity:1;transform:translateY(0) scale(1);}}
@media (max-width: 767px){.sqg-shuffle-notice__dialog{right:10px;bottom:10px;width:min(88vw,340px);min-width:0;max-width:calc(100vw - 20px);padding:16px 16px 14px;}.sqg-shuffle-notice__title{font-size:18px;}.sqg-shuffle-notice__message{font-size:14px;}}

.sqg-prize-breakdown-scroll{
  overflow-x: visible;
}
.sqg-prize-breakdown-scroll::after{
  display: none;
}
.sqg-prize-breakdown-table{
  width: 100%;
  min-width: 0;
}
.sqg-prize-breakdown-table .sqg-row{
  grid-template-columns: minmax(88px, max-content) repeat(3, minmax(0, 1fr));
  min-width: 0;
}
.sqg-prize-breakdown-table .sqg-row > div{
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 640px){
  .sqg-prize-breakdown-scroll{
    overflow: visible;
    padding-bottom: 0;
  }
  .sqg-prize-breakdown-table{
    min-width: 0 !important;
    width: 100%;
  }
  .sqg-prize-breakdown-table .sqg-row.head{
    display: none;
  }
  .sqg-prize-breakdown-table .sqg-row{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    min-width: 0 !important;
    padding: 12px;
    margin: 0 0 10px;
    border: 1px solid #e9edf3;
    border-radius: 14px;
    background: #fafbfd;
  }
  .sqg-prize-breakdown-table .sqg-row:last-child{
    margin-bottom: 0;
  }
  .sqg-prize-breakdown-table .sqg-row > div{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    white-space: normal;
    border-top: 1px solid #eef2f6;
    padding-top: 10px;
  }
  .sqg-prize-breakdown-table .sqg-row > div:first-child{
    border-top: 0;
    padding-top: 0;
  }
  .sqg-prize-breakdown-table .sqg-row > div::before{
    content: attr(data-label);
    font-weight: 700;
    color: #475467;
    flex: 0 0 auto;
    min-width: 72px;
  }
}

.sqg-shuffle-step-banner.hidden{display:none;}
.sqg-shuffle-step-banner{position:fixed;right:18px;bottom:18px;left:auto;top:auto;transform:none;width:min(28vw,360px);min-width:260px;max-width:calc(100vw - 36px);background:rgba(255,255,255,.97);border:1px solid #bfdbfe;border-radius:18px;box-shadow:0 18px 52px rgba(15,23,42,.24);padding:14px 16px;opacity:0;transition:opacity .22s ease,transform .22s ease;z-index:99997;pointer-events:none;}
.sqg-shuffle-step-banner.is-visible{opacity:1;transform:translateY(0);}
.sqg-shuffle-step-banner__eyebrow{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin-bottom:6px;text-align:left;}
.sqg-shuffle-step-banner__main{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.sqg-shuffle-step-banner__title{margin:0 0 4px;font-size:clamp(18px,1.35vw,22px);line-height:1.15;text-align:left;}
.sqg-shuffle-step-banner__teams{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0 0 6px;font-weight:800;font-size:clamp(14px,1.2vw,18px);line-height:1.2;text-align:left;flex-wrap:wrap;}
.sqg-shuffle-step-banner__teams .sqg-team-home{color:#166534;}
.sqg-shuffle-step-banner__teams .sqg-team-away{color:#1d4ed8;}
.sqg-shuffle-step-banner__teams .sqg-team-vs{color:#ef4444;font-size:.8em;text-transform:uppercase;letter-spacing:.08em;}
.sqg-shuffle-step-banner__message{margin:0;font-size:13px;line-height:1.4;color:#334155;text-align:left;}
.sqg-shuffle-step-banner__digit-wrap{display:flex;justify-content:center;align-items:center;flex:0 0 auto;}
.sqg-shuffle-step-banner__digit{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:999px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;font-weight:800;font-size:28px;color:#0f172a;box-shadow:inset 0 0 0 2px rgba(37,99,235,.08);}
.sqg-shuffle-step-banner__meta{display:grid;grid-template-columns:1fr;gap:4px;margin-top:10px;width:100%;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:9px 10px;text-align:left;font-size:12px;}
.sqg-shuffle-step-banner__meta strong{color:#111827;}
.sqg-board-wrap .axis-digit.sqg-shuffle-step-final{background:#dbf7df !important;color:#0f7b3a !important;box-shadow:inset 0 0 0 2px rgba(15,123,58,.24);}
@keyframes sqgShuffleStepPop{0%{opacity:0;transform:translateY(10px) scale(.96);}100%{opacity:1;transform:translateY(0) scale(1);}}
@keyframes sqgAxisPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.08);}}
@media (max-width: 767px){
  .sqg-shuffle-step-banner{right:10px;bottom:10px;width:min(82vw,300px);min-width:0;max-width:calc(100vw - 20px);padding:12px 12px;}
  .sqg-shuffle-step-banner__main{align-items:flex-start;gap:10px;}
  .sqg-shuffle-step-banner__title{font-size:17px;}
  .sqg-shuffle-step-banner__teams{font-size:13px;gap:6px;}
  .sqg-shuffle-step-banner__message{font-size:12px;}
  .sqg-shuffle-step-banner__digit{width:54px;height:54px;font-size:24px;}
}

.sqg-table-scroll .sqg-results-table{min-width:840px;}


.sqg-results-cards{display:none;}
.sqg-results-card{background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.08);display:grid;gap:12px;margin-bottom:12px;}
.sqg-results-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.sqg-results-card__matchup{font-weight:800;color:#0f172a;line-height:1.3;}
.sqg-results-card__amount{font-size:20px;font-weight:900;color:#0f172a;white-space:nowrap;}
.sqg-results-card__meta{font-size:13px;color:#475467;font-weight:600;}
.sqg-results-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;}
.sqg-results-card__item{display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe;}
.sqg-results-card__label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1d4ed8;}
.sqg-results-card__value{font-size:14px;font-weight:700;color:#0f172a;line-height:1.35;word-break:break-word;}
@media (max-width: 767px){
  .sqg-results-table-wrap{display:none;}
  .sqg-results-cards{display:block;}
  .sqg-results-card{padding:14px;border-radius:16px;}
  .sqg-results-card__top{align-items:center;}
  .sqg-results-card__amount{font-size:19px;}
  .sqg-results-card__grid{grid-template-columns:1fr;}
}

@media (max-width: 767px){
  body.sqg-app-shell-active .sqg-results-page .sqg-results-page__card,
  .sqg-results-page .sqg-results-page__card{
    background:linear-gradient(180deg,#0d3b8b 0%,#0b2f6f 100%) !important;
    border:1px solid rgba(96,165,250,.45) !important;
    box-shadow:0 18px 36px rgba(2,6,23,.35) !important;
    color:#fff !important;
  }
  body.sqg-app-shell-active .sqg-results-page .sqg-results-page__card h2,
  body.sqg-app-shell-active .sqg-results-page .sqg-results-page__card p,
  body.sqg-app-shell-active .sqg-results-page .sqg-results-page__card .sqg-note,
  .sqg-results-page .sqg-results-page__card h2,
  .sqg-results-page .sqg-results-page__card p,
  .sqg-results-page .sqg-results-page__card .sqg-note{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }
  .sqg-results-page .sqg-results-card{
    background:#0f4aa8 !important;
    border:1px solid rgba(191,219,254,.35) !important;
    color:#fff !important;
  }
  .sqg-results-page .sqg-results-card__matchup,
  .sqg-results-page .sqg-results-card__amount,
  .sqg-results-page .sqg-results-card__meta,
  .sqg-results-page .sqg-results-card__label,
  .sqg-results-page .sqg-results-card__value{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }
  .sqg-results-page .sqg-results-card__meta{opacity:.92;}
  .sqg-results-page .sqg-results-card__item{
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.18) !important;
  }
  .sqg-results-page .sqg-results-card__label{
    color:rgba(255,255,255,.82) !important;
    -webkit-text-fill-color:rgba(255,255,255,.82) !important;
  }
  .sqg-results-page #sqg-results-mount,
  .sqg-results-page #sqg-results-mount *{
    text-shadow:none;
  }
}


.sqg-alert{border-radius:14px;padding:14px 16px;margin:0 0 16px;font-weight:600;}
.sqg-alert-success{background:#ecfdf3;border:1px solid #b7ebc6;color:#166534;}
.sqg-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;}
.sqg-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin-bottom:8px;}
.sqg-withdraw-shell{display:grid;gap:18px;margin-bottom:20px;}
.sqg-withdraw-shell.is-compact .sqg-withdraw-history-card{display:none;}
.sqg-withdraw-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding:24px;border-radius:22px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;color:#0f172a;}
.sqg-withdraw-hero h2{margin:0 0 8px;font-size:32px;line-height:1.1;}
.sqg-withdraw-hero p{margin:0;color:#334155;max-width:760px;}
.sqg-withdraw-hero__amount{display:grid;gap:4px;min-width:200px;text-align:right;}
.sqg-withdraw-hero__amount span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#475569;}
.sqg-withdraw-hero__amount strong{font-size:34px;line-height:1;}
.sqg-withdraw-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.sqg-metric-card{padding:18px;border-radius:18px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;box-shadow:0 10px 25px rgba(15,23,42,.05);display:grid;gap:6px;}
.sqg-metric-card.is-primary{background:#0f172a;color:#fff;border-color:#0f172a;}
.sqg-metric-card__label{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;}
.sqg-metric-card__value{font-size:28px;line-height:1.05;}
.sqg-metric-card small{color:inherit;opacity:.8;}
.sqg-withdraw-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:18px;}
.sqg-withdraw-card{margin:0 !important;}
.sqg-connect-status{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid #e2e8f0;background:#f8fafc;margin:14px 0 16px;color:#0f172a;}
.sqg-connect-status.is-ready{background:#effcf4;border-color:#bbf7d0;}
.sqg-connect-status.is-pending{background:#fff7ed;border-color:#fed7aa;}
.sqg-connect-status__dot{width:12px;height:12px;border-radius:999px;background:#f59e0b;margin-top:5px;}
.sqg-connect-status.is-ready .sqg-connect-status__dot{background:#16a34a;}
.sqg-inline-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.sqg-field-label{display:block;font-weight:700;margin-bottom:8px;}
.sqg-withdraw-form{display:grid;gap:14px;}
.sqg-money-input{display:flex;align-items:center;gap:10px;border:1px solid #dbe1ea;border-radius:16px;padding:0 14px;background:#fff;max-width:320px;}
.sqg-money-input span{font-weight:800;font-size:22px;color:#0f172a;}
.sqg-money-input input{border:0 !important;box-shadow:none !important;background:transparent !important;font-size:28px !important;line-height:1.2 !important;padding:14px 0 !important;min-width:0;width:100%;color:#0f172a;}
.sqg-withdraw-steps{margin:0;padding-left:18px;display:grid;gap:10px;}
.sqg-latest-request{margin-top:18px;padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;}
.sqg-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent;}
.sqg-status-pill.status-pending{background:#fff7ed;border-color:#fdba74;color:#9a3412;}
.sqg-status-pill.status-approved{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;}
.sqg-status-pill.status-paid{background:#ecfdf3;border-color:#86efac;color:#166534;}
.sqg-status-pill.status-rejected,.sqg-status-pill.status-failed{background:#fef2f2;border-color:#fca5a5;color:#b91c1c;}
.sqg-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px;}
.sqg-section-head h2,.sqg-section-head h3{margin-bottom:4px;}
.sqg-history-list{display:grid;gap:12px;}
.sqg-history-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;}
.sqg-history-item__amount{font-size:22px;font-weight:800;color:#0f172a;}
.sqg-history-item__meta{color:#64748b;font-size:13px;}
.sqg-history-item__side{display:grid;justify-items:end;gap:6px;text-align:right;}
@media (max-width: 900px){.sqg-withdraw-metrics,.sqg-withdraw-grid{grid-template-columns:1fr;}.sqg-withdraw-hero{flex-direction:column;align-items:flex-start;}.sqg-withdraw-hero__amount{text-align:left;min-width:0;}}
@media (max-width: 640px){.sqg-withdraw-hero{padding:18px;}.sqg-withdraw-hero h2{font-size:26px;}.sqg-withdraw-hero__amount strong,.sqg-metric-card__value{font-size:26px;}.sqg-history-item{flex-direction:column;align-items:flex-start;}.sqg-history-item__side{justify-items:start;text-align:left;width:100%;}.sqg-wallet-table .sqg-row{grid-template-columns:1fr !important;gap:10px;}.sqg-wallet-table .sqg-row.head{display:none;}.sqg-wallet-table .sqg-row>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eef2f6;padding-top:10px;}.sqg-wallet-table .sqg-row>div:first-child{border-top:0;padding-top:0;}.sqg-wallet-table .sqg-row>div::before{content:attr(data-label);font-weight:700;color:#475569;}}

.sqg-withdraw-shell{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;gap:16px}
.sqg-withdraw-hero{padding:22px;border:1px solid #e2e8f0;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 60%,#eef6ff 100%);box-shadow:0 18px 40px rgba(15,23,42,.06)}
.sqg-withdraw-hero h2{font-size:clamp(28px,4vw,36px);letter-spacing:-.03em}
.sqg-withdraw-hero p{font-size:15px;line-height:1.65;max-width:42rem}
.sqg-withdraw-hero__amount{padding:16px 18px;border-radius:18px;background:#0f172a;color:#fff}
.sqg-withdraw-hero__amount span{color:rgba(255,255,255,.72)}
.sqg-withdraw-metrics{gap:16px}
.sqg-metric-card{padding:18px;border-radius:20px;border-color:#e2e8f0;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 14px 32px rgba(15,23,42,.05)}
.sqg-metric-card.is-primary{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#0f172a}
.sqg-withdraw-grid{gap:16px}
.sqg-withdraw-card{padding:20px !important;border-radius:22px !important;border:1px solid #e2e8f0 !important;box-shadow:0 16px 34px rgba(15,23,42,.05)}
.sqg-withdraw-card h3{margin:0 0 6px;font-size:24px;letter-spacing:-.02em}
.sqg-connect-status{margin:16px 0;padding:16px;border-radius:18px}
.sqg-withdraw-form .sqg-field-label{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#64748b}
.sqg-money-input{height:52px;padding:0 16px;border-radius:16px;border:1px solid #d5dfeb;background:#fff;box-shadow:inset 0 1px 2px rgba(15,23,42,.02)}
.sqg-money-input input{height:100%;font-size:18px;font-weight:700}
.sqg-inline-actions{display:flex;gap:10px;flex-wrap:wrap}
.sqg-inline-actions .sqg-btn{border-radius:12px}
.sqg-withdraw-steps{font-size:15px;line-height:1.7;padding-left:18px}
.sqg-latest-request{display:grid;gap:8px;padding:16px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0;margin-top:16px}
.sqg-withdraw-history-card{padding:20px !important;border-radius:22px !important;border:1px solid #e2e8f0 !important;box-shadow:0 16px 34px rgba(15,23,42,.05)}
.sqg-history-item{padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 20px rgba(15,23,42,.04)}
.sqg-history-item__amount{font-size:24px;letter-spacing:-.02em}
.sqg-wallet-table .sqg-row{border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.04);margin-bottom:12px;padding:14px 16px}
.sqg-wallet-table .sqg-row.head{background:transparent;box-shadow:none;margin-bottom:8px;padding:0}
@media (max-width: 640px){
  .sqg-withdraw-hero{padding:18px}
  .sqg-withdraw-hero__amount{width:100%;text-align:left}
  .sqg-inline-actions{display:grid;grid-template-columns:1fr}
  .sqg-inline-actions .sqg-btn{width:100%;justify-content:center}
  .sqg-withdraw-card,
  .sqg-withdraw-history-card{padding:16px !important}
}

.sqg-withdraw-shell{gap:14px}
.sqg-withdraw-hero{padding:14px;border-radius:14px;background:#fff;box-shadow:none}
.sqg-withdraw-hero h2{font-size:20px;font-weight:600;letter-spacing:0;margin-bottom:4px}
.sqg-withdraw-hero p{font-size:13px;line-height:1.45;color:#64748b}
.sqg-kicker{font-size:10px;font-weight:600;letter-spacing:.03em;color:#64748b;text-transform:uppercase}
.sqg-withdraw-hero__amount{padding:8px 10px;border-radius:10px;background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0}
.sqg-withdraw-hero__amount span{font-size:10px;font-weight:600;letter-spacing:.03em;color:#64748b}
.sqg-withdraw-hero__amount strong{font-size:18px;font-weight:600}
.sqg-withdraw-metrics{gap:10px}
.sqg-metric-card{padding:12px;border-radius:12px;box-shadow:none}
.sqg-metric-card.is-primary{background:#fff;color:#0f172a;border-color:#e2e8f0}
.sqg-metric-card__label{font-size:10px;font-weight:600;letter-spacing:.03em;color:#64748b}
.sqg-metric-card__value{font-size:20px;font-weight:600}
.sqg-metric-card small{font-size:11px;opacity:1;color:#94a3b8}
.sqg-withdraw-card,.sqg-withdraw-history-card{padding:14px !important;border-radius:14px !important;box-shadow:none}
.sqg-withdraw-card h3,.sqg-withdraw-history-card h3{font-size:18px;font-weight:600;letter-spacing:0;margin-bottom:4px}
.sqg-muted{font-size:12px;line-height:1.4;color:#94a3b8}
.sqg-connect-status{padding:10px 12px;border-radius:12px}
.sqg-connect-status strong{font-size:13px;font-weight:600}
.sqg-connect-status .sqg-muted, .sqg-connect-status code{font-size:11px;line-height:1.35}
.sqg-field-label{font-size:12px;font-weight:500}
.sqg-money-input input{font-size:14px}
.sqg-btn{padding:8px 12px;font-size:12px;font-weight:500;border-radius:10px}
.sqg-withdraw-steps{font-size:13px;line-height:1.5;padding-left:18px;margin:0}
.sqg-latest-request strong{font-size:18px;font-weight:600}
.sqg-section-head p{font-size:12px;line-height:1.4;color:#94a3b8}
.sqg-history-list{gap:10px}
.sqg-history-item{padding:12px;border-radius:12px;box-shadow:none}
.sqg-history-item__amount{font-size:18px;font-weight:600}
.sqg-history-item__meta,.sqg-history-item__side small{font-size:11px;line-height:1.35;color:#94a3b8}
.sqg-status-pill{padding:4px 8px;font-size:10px;font-weight:600;letter-spacing:.03em}
@media (max-width:640px){
 .sqg-withdraw-hero{padding:12px}
 .sqg-withdraw-hero__amount strong,.sqg-metric-card__value{font-size:18px}
}

.sqg-withdraw-simple{max-width:860px;margin:24px auto;color:#1d2327}
.sqg-withdraw-simple h2{margin:0 0 12px;font-size:24px;font-weight:600}
.sqg-withdraw-simple h3{margin:18px 0 10px;font-size:18px;font-weight:600}
.sqg-simple-table,.sqg-simple-list{width:100%;border-collapse:collapse;background:transparent}
.sqg-simple-table th,.sqg-simple-table td,.sqg-simple-list th,.sqg-simple-list td{padding:10px 0;border-bottom:1px solid #dcdcde;text-align:left;vertical-align:top;font-size:14px;font-weight:400}
.sqg-simple-table th,.sqg-simple-list th{width:180px;font-weight:600}
.sqg-help-text{margin:6px 0 0;color:#646970;font-size:12px}
.sqg-btn.small{padding:6px 10px;border-radius:3px;font-size:12px}
.sqg-note.success{border-left:4px solid #00a32a;padding:8px 12px;background:#fff;margin:0 0 12px}
.sqg-note.error{border-left:4px solid #d63638;padding:8px 12px;background:#fff;margin:0 0 12px}
@media (max-width:700px){
  .sqg-simple-table th,.sqg-simple-table td,.sqg-simple-list th,.sqg-simple-list td{display:block;width:auto;padding:8px 0}
  .sqg-simple-list thead{display:none}
  .sqg-simple-list tr{display:block;border-bottom:1px solid #dcdcde;padding:8px 0}
  .sqg-simple-list td{border:0;padding:4px 0}
}

.sqg-withdraw-plain{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 24px;box-shadow:none}
.sqg-withdraw-plain h2{font-size:26px;margin:0 0 14px;font-weight:600}
.sqg-withdraw-plain h3{font-size:18px;margin:22px 0 10px;font-weight:600}
.sqg-plain-table,.sqg-simple-list{width:100%;border-collapse:collapse;background:#fff}
.sqg-plain-table th,.sqg-plain-table td,.sqg-simple-list th,.sqg-simple-list td{padding:10px 0;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px;vertical-align:top}
.sqg-plain-table th{width:180px;font-weight:600;color:#374151}
.sqg-simple-list th{font-weight:600;color:#374151}
.sqg-plain-help{font-size:12px;color:#6b7280;margin:8px 0 0}
.sqg-plain-actions{margin:12px 0 0}
.sqg-plain-actions .sqg-btn{margin-right:8px}
.sqg-withdraw-notice{padding:10px 12px;margin:0 0 14px;border-left:3px solid #d1d5db;background:#f9fafb;font-size:13px;color:#0f172a !important;border-radius:8px;}
.sqg-withdraw-notice.success{border-left-color:#16a34a;background:#ecfdf3 !important;color:#166534 !important;}
.sqg-withdraw-notice.error{border-left-color:#dc2626;background:#fef2f2 !important;color:#991b1b !important;}
.sqg-withdraw-notice a{color:inherit !important;text-decoration:underline;}
@media (max-width: 700px){
  .sqg-withdraw-plain h2{font-size:22px}
  .sqg-plain-table th,.sqg-plain-table td,.sqg-simple-list th,.sqg-simple-list td{display:block;width:100%;padding:8px 0}
  .sqg-simple-list thead{display:none}
  .sqg-simple-list tr{display:block;border-bottom:1px solid #e5e7eb;padding:6px 0}
}


.sqg-withdraw-plain--minimal{max-width:900px;margin:0 auto 24px;}
.sqg-withdraw-plain--minimal h2{font-size:24px;font-weight:600;margin:0 0 12px;}
.sqg-withdraw-plain--minimal h3{font-size:17px;font-weight:600;margin:18px 0 8px;}
.sqg-withdraw-plain--minimal .sqg-plain-table,.sqg-withdraw-plain--minimal .sqg-simple-list{background:transparent;}
.sqg-withdraw-plain--minimal .sqg-plain-table th,.sqg-withdraw-plain--minimal .sqg-plain-table td,.sqg-withdraw-plain--minimal .sqg-simple-list th,.sqg-withdraw-plain--minimal .sqg-simple-list td{padding:8px 0;font-size:14px;border-bottom:1px solid #dcdcde;}
.sqg-withdraw-plain--minimal .sqg-plain-table th,.sqg-withdraw-plain--minimal .sqg-simple-list th{font-weight:600;color:#1d2327;width:180px;}
.sqg-withdraw-plain--minimal .sqg-btn.small{padding:6px 10px;font-size:12px;border-radius:3px;box-shadow:none;}
.sqg-withdraw-plain--minimal .sqg-plain-help{font-size:12px;color:#646970;margin:8px 0 0;}
.sqg-withdraw-plain--minimal .sqg-withdraw-notice{font-size:13px;padding:8px 10px;margin:0 0 12px;border-radius:3px;}
@media (max-width: 782px){.sqg-withdraw-plain--minimal .sqg-plain-table th,.sqg-withdraw-plain--minimal .sqg-plain-table td,.sqg-withdraw-plain--minimal .sqg-simple-list th,.sqg-withdraw-plain--minimal .sqg-simple-list td{display:block;width:100%;}}


.sqg-matchup-rooms-wrap{overflow:visible;padding-bottom:0;}
.sqg-matchup-rooms-table{width:100%;min-width:0 !important;}
.sqg-matchup-rooms-table .sqg-row.head{display:none;}
.sqg-matchup-rooms-table .sqg-row{display:grid;grid-template-columns:1fr;gap:10px;min-width:0 !important;padding:12px;margin:0 0 10px;border:1px solid #e9edf3;border-radius:14px;background:#fafbfd;}
.sqg-matchup-rooms-table .sqg-row:last-child{margin-bottom:0;}
.sqg-matchup-rooms-table .sqg-row > div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;white-space:normal;border-top:1px solid #eef2f6;padding-top:10px;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;}
.sqg-matchup-rooms-table .sqg-row > div:first-child{border-top:0;padding-top:0;}
.sqg-matchup-rooms-table .sqg-row > div::before{content:attr(data-label);font-weight:700;color:#475467;flex:0 0 auto;min-width:72px;}
.sqg-matchup-rooms-table .sqg-row > div:last-child .sqg-btn{margin-left:auto;}


.sqg-shuffle-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.sqg-verify-shuffle-result{font-size:12px;font-weight:600}.sqg-shuffle-panel-body code{word-break:break-all}


.sqg-live-status{ margin-top:14px; }
.sqg-live-status-tabs,
.sqg-live-status-subtabs{ display:flex; flex-wrap:wrap; gap:8px; }
.sqg-live-status-tabs{ margin-bottom:10px; }
.sqg-live-status-subtabs{ margin-bottom:10px; }
.sqg-live-status-tab,
.sqg-live-status-subtab{
  appearance:none; border:1px solid #d9dee8; background:#fff; color:#1f2937;
  border-radius:999px; padding:7px 12px; font-size:12px; line-height:1.2; cursor:pointer;
}
.sqg-live-status-tab.is-active,
.sqg-live-status-subtab.is-active{ background:#111827; border-color:#111827; color:#fff; }
.sqg-live-status-panel,
.sqg-live-status-card{ display:none; }
.sqg-live-status-panel.is-active,
.sqg-live-status-card.is-active{ display:block; }
.sqg-live-status-card{ border:1px solid #e8ecf3; border-radius:14px; background:#fafbfd; padding:12px 14px; }
.sqg-status-copy{ font-size:13px; color:#1f2937; line-height:1.55; }
.sqg-shuffle-panel-body--inline{ padding:0; border:0; background:transparent; }
.sqg-board-toolbar--landing{ display:flex; }
@media (max-width: 1023px){
  .sqg-board-toolbar--landing{ display:none !important; }
  .sqg-board-wrap--landing{ overflow-x:auto; }
}
@media (max-width: 640px){
  .sqg-live-status-tab,
  .sqg-live-status-subtab{ font-size:11px; padding:6px 10px; }
  .sqg-live-status-card{ padding:10px 12px; }
}


.sqg-live-board-title-row{display:flex;align-items:center;min-width:0;flex:1 1 auto;}
.sqg-live-board-inline-title{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;min-width:0;line-height:1.2;font-size:15px;}
.sqg-live-board-prefix{font-weight:500;color:#111827;flex:0 0 auto;}
.sqg-live-board-team{font-weight:600;overflow:hidden;text-overflow:ellipsis;}
.sqg-live-board-team-wrap{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;}
.sqg-live-board-team-wrap-away{justify-content:flex-start;}
.sqg-team-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border-radius:999px;overflow:hidden;box-shadow:0 2px 10px rgba(15,23,42,.18);}
.sqg-team-icon img{display:block;width:100%;height:100%;object-fit:cover;}
.sqg-live-board-team-badge{display:inline-flex;align-items:center;}
.sqg-live-board-team-home{color:#166534;}
.sqg-live-board-team-away{color:#1d4ed8;}
.sqg-live-board-vs{color:#6b7280;font-size:13px;text-transform:uppercase;letter-spacing:.04em;flex:0 0 auto;}
@media (max-width: 640px){
  .sqg-live-board-inline-title{font-size:14px;gap:6px;}
  .sqg-live-board-team-wrap{gap:6px;}
  .sqg-team-icon{width:24px;height:24px;}
}


.sqg-btn.sqg-btn-join-room{background:#111;border-color:#111;color:#fff;font-weight:600;}
.sqg-btn.sqg-btn-join-room:hover,.sqg-btn.sqg-btn-join-room:focus{background:#000;border-color:#000;color:#fff;}


@media (max-width: 640px) {
  .sqg-room-tab-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .sqg-room-tab-buttons .tab-btn {
    margin: 0;
    text-align: center;
    padding: 10px 8px;
  }

  .sqg-room-tab-buttons .tab-btn:nth-child(-n+3) {
    width: calc((100% - 16px) / 3);
  }

  .sqg-room-tab-buttons .tab-btn:nth-child(n+4) {
    width: calc((100% - 8px) / 2);
  }
}

.sqg-error-text{color:#ffb4b4!important;}



.sqg-user-badge{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:3px 8px;border-radius:999px;border:1px solid #d1d5db;background:#f8fafc;color:#111827;font-size:11px;font-weight:700;line-height:1;vertical-align:middle;white-space:nowrap}
.sqg-user-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.75);font-size:10px;font-weight:800}
.sqg-user-badge--subscriber,.sqg-user-badge--fan{background:#f3f4f6;border-color:#d1d5db;color:#374151}
.sqg-user-badge--player{background:#ecfeff;border-color:#67e8f9;color:#155e75}
.sqg-user-badge--winner{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
.sqg-user-badge--star{background:#fff7ed;border-color:#fdba74;color:#c2410c}
.sqg-user-badge--legend{background:#fff1f5;border-color:#f9a8d4;color:#9d174d}
.sqg-user-badge--fan .sqg-user-badge__icon{background:#111827;color:#ffffff}
.sqg-user-badge--winner .sqg-user-badge__icon{background:#047857;color:#ffffff}
.sqg-user-badge--star .sqg-user-badge__icon{background:#facc15;color:#111827;text-shadow:none}
.sqg-user-badge--player .sqg-user-badge__icon{background:#0891b2;color:#ffffff}
.sqg-user-badge--legend .sqg-user-badge__icon{background:#db2777;color:#ffffff}

.sqg-install-prompt{position:fixed;left:16px;right:16px;top:50%;bottom:auto;z-index:9999;display:flex;justify-content:center;pointer-events:none;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.sqg-install-prompt[hidden]{display:none !important}
.sqg-install-prompt__content{width:min(100%,560px);background:#111;color:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 18px 48px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.12);pointer-events:auto}
.sqg-install-prompt__title{display:block;font-size:18px;margin-bottom:6px}
.sqg-install-prompt__text,.sqg-install-prompt__note{margin:0;color:rgba(255,255,255,.84);line-height:1.5}
.sqg-install-prompt__actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 8px}
.sqg-install-prompt__note{margin-top:8px;font-size:13px}
.sqg-install-prompt .sqg-btn{border-color:rgba(255,255,255,.2)}
.sqg-install-prompt .sqg-btn.primary{background:#fff;color:#111;border-color:#fff}
 (max-width: 520px){.sqg-install-prompt{left:12px;right:12px;top:50%;bottom:auto}.sqg-install-prompt__content{padding:14px 14px 15px}}


/* ===== App shell mode for SQG pages ===== */
body.sqg-app-shell-active {
  background: #08111f;
  overflow: hidden;
}
body.sqg-app-shell-active #wpadminbar { position: fixed; }
body.sqg-app-shell-active header,
body.sqg-app-shell-active footer,
body.sqg-app-shell-active #masthead,
body.sqg-app-shell-active #colophon,
body.sqg-app-shell-active .site-header,
body.sqg-app-shell-active .site-footer,
body.sqg-app-shell-active .elementor-location-header,
body.sqg-app-shell-active .elementor-location-footer,
body.sqg-app-shell-active .entry-header,
body.sqg-app-shell-active .page-header,
body.sqg-app-shell-active .post-navigation,
body.sqg-app-shell-active .comments-area,
body.sqg-app-shell-active .widget-area,
body.sqg-app-shell-active aside,
body.sqg-app-shell-active .sidebar,
body.sqg-app-shell-active .footer-widgets {
  display: none !important;
}
body.sqg-app-shell-active .site,
body.sqg-app-shell-active #page,
body.sqg-app-shell-active .site-content,
body.sqg-app-shell-active #content,
body.sqg-app-shell-active main,
body.sqg-app-shell-active .content-area,
body.sqg-app-shell-active .entry-content,
body.sqg-app-shell-active article.page,
body.sqg-app-shell-active .elementor,
body.sqg-app-shell-active .elementor-section-wrap,
body.sqg-app-shell-active .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
body.sqg-app-shell-active .sqg.shell {
  box-sizing: border-box;
  min-height: 100svh;
  height: 100svh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: calc(env(safe-area-inset-top, 0px) + 14px) 0 calc(env(safe-area-inset-bottom, 0px) + 92px) !important;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  background: #08111f;
}
body.sqg-app-shell-active .sqg-card {
  border-radius: 20px;
  box-shadow: 0 12px 32px rgba(0,0,0,.28);
}
.sqg-app-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9998;
  padding: calc(env(safe-area-inset-top, 0px) + 10px) 14px 10px;
  background: rgba(11,15,23,.86);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.sqg-app-topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.sqg-app-brand {
  min-width: 0;
}
.sqg-app-brand__title {
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
}
.sqg-app-brand__subtitle {
  color: rgba(255,255,255,.7);
  font-size: 11px;
  margin-top: 2px;
}
.sqg-app-iconbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.06);
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}
.sqg-app-bottomnav {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
  z-index: 9998;
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 6px;
  padding: 7px;
  border-radius: 22px;
  background: rgba(17,24,39,.92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 10px 30px rgba(0,0,0,.34);
  border: 1px solid rgba(255,255,255,.08);
}
.sqg-app-bottomnav__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 56px;
  padding: 6px 4px;
  border-radius: 16px;
  color: rgba(255,255,255,.72);
  text-decoration: none;
  font-size: 10px;
  font-weight: 700;
}
.sqg-app-bottomnav__item.is-active {
  background: rgba(59,130,246,.18);
  color: #fff;
}
.sqg-app-bottomnav__icon {
  font-size: 18px;
  line-height: 1;
}
@media (min-width: 992px) {
  body.sqg-app-shell-active {
    overflow: auto;
  }
  body.sqg-app-shell-active .sqg.shell {
    height: auto;
    min-height: 100vh;
    max-width: 820px !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sqg-app-topbar__inner,
  .sqg-app-bottomnav {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
  }
}


.sqg-landing-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sqg-landing-quicktabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sqg-app-mini-tab,.sqg-app-topnav__item{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:30px;padding:6px 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);
  color:#fff;text-decoration:none;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;
}
.sqg-app-mini-tab:hover,.sqg-app-topnav__item:hover{background:rgba(255,255,255,.12);color:#fff}
.sqg-app-topnav__item.is-active,.sqg-app-mini-tab.is-active{background:rgba(59,130,246,.22);border-color:rgba(96,165,250,.45)}
.sqg-app-topbar{padding-bottom:8px}
.sqg-app-topbar__inner{margin-bottom:8px}
.sqg-app-topnav{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sqg-app-topnav::-webkit-scrollbar{display:none}
body.sqg-app-shell-active .sqg-landing-shell{padding-top:calc(env(safe-area-inset-top, 0px) + 14px) !important}
@media (max-width: 640px){
  .sqg-landing-head{align-items:flex-start}
  .sqg-landing-quicktabs{width:100%}
}


.sqg-app-topbar__slot{width:40px;height:40px;flex:0 0 40px}
.sqg-app-topbar__inner{justify-content:center}
.sqg-app-brand{flex:1 1 auto;display:flex;justify-content:center;text-align:center}
.sqg-app-brand__title{font-size:20px;font-weight:900;letter-spacing:.02em;text-align:center}
.sqg-app-topnav--icon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0}
.sqg-app-topnav--icon .sqg-app-topnav__item{min-height:56px;padding:6px 4px;border-radius:16px;white-space:normal;background:rgba(17,24,39,.92);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.72)}
.sqg-app-topnav--icon .sqg-app-topnav__item:hover{background:rgba(17,24,39,.92);color:#fff}
.sqg-app-topnav--icon .sqg-app-topnav__item.is-active{background:rgba(59,130,246,.18);color:#fff}
.sqg-landing-head{justify-content:center}
.sqg-live-board-title-row{width:100%;justify-content:center;text-align:center}
.sqg-live-board-inline-title{justify-content:center;width:100%;font-size:19px;font-weight:900;letter-spacing:.02em;font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif}
.sqg-live-board-prefix,.sqg-live-board-team,.sqg-live-board-vs{font-weight:900}
.sqg-live-board-prefix,.sqg-live-board-vs{color:#ffffff}
.sqg-live-board-team{font-size:1.05em}
.sqg-live-board-team-wrap{gap:10px}
.sqg-team-icon{width:30px;height:30px}
.sqg-live-board-team-home,.sqg-live-board-team-away{color:#ffffff}
@media (max-width: 640px){
  .sqg-app-brand__title{font-size:18px}
  .sqg-app-topnav--icon .sqg-app-topnav__item{min-height:52px;font-size:10px}
  .sqg-live-board-inline-title{font-size:17px;gap:5px}
  .sqg-live-board-team-wrap{gap:6px}
  .sqg-team-icon{width:24px;height:24px}
}


@media (min-width: 992px){
  .sqg-landing-head{justify-content:space-between;align-items:center}
  .sqg-live-board-title-row{width:auto;justify-content:flex-start;text-align:left}
  .sqg-live-board-inline-title{justify-content:flex-start;width:auto;font-size:15px;font-weight:700;letter-spacing:normal;font-family:inherit}
  .sqg-live-board-prefix,.sqg-live-board-team,.sqg-live-board-vs{font-weight:700}
  .sqg-live-board-team{font-size:inherit}
}

@media (max-width: 991px){
  body.sqg-app-shell-active {
    background: #08111f;
    overflow: hidden;
  }
  body.sqg-app-shell-active #wpadminbar { position: fixed; }
  body.sqg-app-shell-active header,
  body.sqg-app-shell-active footer,
  body.sqg-app-shell-active #masthead,
  body.sqg-app-shell-active #colophon,
  body.sqg-app-shell-active .site-header,
  body.sqg-app-shell-active .site-footer,
  body.sqg-app-shell-active .elementor-location-header,
  body.sqg-app-shell-active .elementor-location-footer,
  body.sqg-app-shell-active .entry-header,
  body.sqg-app-shell-active .page-header,
  body.sqg-app-shell-active .post-navigation,
  body.sqg-app-shell-active .comments-area,
  body.sqg-app-shell-active .widget-area,
  body.sqg-app-shell-active aside,
  body.sqg-app-shell-active .sidebar,
  body.sqg-app-shell-active .footer-widgets {
    display: none !important;
  }
}


.sqg-app-navitem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none}
.sqg-app-navitem__icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}
.sqg-app-navitem__icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sqg-app-navitem__label{display:block;line-height:1.05}
.sqg-app-topnav--icon .sqg-app-topnav__item,
.sqg-app-bottomnav__item{position:relative;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}
.sqg-app-topnav--icon .sqg-app-topnav__item.is-active,
.sqg-app-bottomnav__item.is-active{box-shadow:0 10px 24px rgba(37,99,235,.20), inset 0 0 0 1px rgba(255,255,255,.04);transform:translateY(-1px)}
.sqg-app-topnav--icon .sqg-app-topnav__item.is-active::after,
.sqg-app-bottomnav__item.is-active::after{content:'';position:absolute;left:22%;right:22%;bottom:6px;height:3px;border-radius:999px;background:#60a5fa}
.sqg-app-bottomnav__item{color:rgba(255,255,255,.68)}
.sqg-app-bottomnav__item.is-active{color:#fff}
@media (max-width: 991px){
  .sqg-app-topnav--icon .sqg-app-topnav__item,
  .sqg-app-bottomnav__item{min-height:56px}
}


body.sqg-app-shell-active .sqg-landing-shell{padding-top:calc(env(safe-area-inset-top, 0px) + 14px) !important}
.sqg-app-topbar{padding-bottom:0}
.sqg-app-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0}
.sqg-app-topbar__slot{display:none}
.sqg-app-brand{flex:1 1 auto;display:flex;justify-content:center;align-items:center;text-align:center;min-width:0}
.sqg-app-topbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.sqg-app-authlink{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.sqg-app-authlink .sqg-app-navitem__icon{width:18px;height:18px}
.sqg-app-authlink:hover,.sqg-app-authlink:focus{color:#fff}
.sqg-app-authlink.is-active{color:#fff;background:rgba(59,130,246,.18);border-color:rgba(96,165,250,.4);box-shadow:0 10px 24px rgba(37,99,235,.2), inset 0 0 0 1px rgba(255,255,255,.04)}
.sqg-app-brand__title{font-size:20px;font-weight:900;letter-spacing:.02em;text-align:center}
.sqg-app-topnav,.sqg-app-topnav--icon{display:none !important}
.sqg-app-cornericon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(17,24,39,.92);color:rgba(255,255,255,.88);text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.sqg-app-cornericon:hover,.sqg-app-cornericon:focus{color:#fff;background:rgba(17,24,39,.98)}
.sqg-app-cornericon.is-active{color:#fff;background:rgba(59,130,246,.18);border-color:rgba(96,165,250,.4);box-shadow:0 10px 24px rgba(37,99,235,.2), inset 0 0 0 1px rgba(255,255,255,.04)}
.sqg-app-cornericon .sqg-app-navitem__icon{width:22px;height:22px}
.sqg-app-cornericon{position:relative}
.sqg-app-notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.24);pointer-events:none}
@media (max-width: 640px){
  body.sqg-app-shell-active .sqg-landing-shell{padding-top:calc(env(safe-area-inset-top, 0px) + 12px) !important}
  .sqg-app-brand__title{font-size:18px}
  .sqg-app-cornericon{width:40px;height:40px;flex-basis:40px}
  .sqg-app-authlink .sqg-app-navitem__icon{width:17px;height:17px}
}


@media (max-width: 991px){
  :root{--sqg-app-vh:1vh}
  body.sqg-app-shell-active{
    overscroll-behavior:none;
    touch-action:pan-y;
    background:#08111f;
  }
  body.sqg-app-shell-active::before{
    content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
    background:transparent;
  }
  body.sqg-app-shell-active .sqg.shell{
    position:relative;z-index:1;
    min-height:calc(var(--sqg-app-vh,1vh) * 100);
    height:calc(var(--sqg-app-vh,1vh) * 100);
    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 96px) !important;
    scrollbar-width:none;
  }
  body.sqg-app-shell-active .sqg.shell::-webkit-scrollbar{display:none}
  body.sqg-app-shell-active .sqg-card{
    background:linear-gradient(180deg, rgba(17,24,39,.94), rgba(13,18,30,.96));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 16px 40px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03);
    overflow:hidden;
  }
  body.sqg-app-shell-active .sqg-landing-card{
    border-radius:24px;
  }
  body.sqg-app-shell-active .sqg-board-head,
  body.sqg-app-shell-active .sqg-section-title{
    letter-spacing:.01em;
  }
  .sqg-app-topbar{
    background:linear-gradient(180deg, rgba(8,17,31,.96), rgba(8,17,31,.72));
    box-shadow:0 12px 28px rgba(0,0,0,.22);
  }
  .sqg-app-brand__title{
    text-shadow:0 2px 14px rgba(0,0,0,.35);
  }
  .sqg-app-cornericon,
  .sqg-app-bottomnav{
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .sqg-app-cornericon:active,
  .sqg-app-bottomnav__item:active{
    transform:scale(.97);
  }
  .sqg-app-bottomnav{
    left:8px; right:8px;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 8px);
    padding:7px 6px 9px;
    border-radius:24px;
    background:rgba(10,15,25,.92);
    box-shadow:0 18px 44px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
  }
  .sqg-app-bottomnav__item{
    min-height:58px;
    gap:4px;
    padding:6px 2px 7px;
    border-radius:16px;
  }
  .sqg-app-bottomnav__item .sqg-app-navitem__icon{
    width:30px;height:30px;border-radius:999px;
    background:rgba(255,255,255,.04);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .sqg-app-bottomnav__item .sqg-app-navitem__icon svg{
    width:20px;height:20px;
    stroke-width:2.1;
  }
  .sqg-app-bottomnav__item.is-active .sqg-app-navitem__icon{
    background:rgba(96,165,250,.18);
  }
  .sqg-app-bottomnav__label,
  .sqg-app-navitem__label{
    letter-spacing:.01em;
  }
  .sqg-app-bottomnav__item .sqg-app-navitem__label{
    font-size:9px;
    line-height:1.02;
  }
  .sqg-live-board-title-row{
    display:flex;
    justify-content:center;
    margin:0 auto;
  }
  .sqg-live-board-inline-title{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:38px;
    padding:8px 14px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(59,130,246,.18), rgba(37,99,235,.10));
    border:1px solid rgba(96,165,250,.24);
    box-shadow:0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04);
  }
  body.sqg-app-shell-active .sqg-btn,
  body.sqg-app-shell-active button,
  body.sqg-app-shell-active input[type="submit"]{
    border-radius:16px;
  }
  body.sqg-app-shell-active.sqg-app-shell-ready .sqg.shell{
    animation:sqgAppFadeIn .18s ease-out;
  }
  body.sqg-app-shell-active.sqg-app-is-transitioning::after{
    content:'';position:fixed;inset:0;z-index:10020;
    background:rgba(7,12,20,.24);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
  }
  body.sqg-app-shell-active.sqg-app-is-transitioning .sqg.shell{
    opacity:.76;transform:scale(.992);
    transition:opacity .14s ease, transform .14s ease;
  }
  @keyframes sqgAppFadeIn{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:translateY(0)}
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-app-bottomnav{
    grid-template-columns: repeat(6, minmax(0,1fr));
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item{
    min-height: 60px;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__label{
    color: rgba(255,255,255,.96);
    font-weight: 800;
    letter-spacing: .01em;
    font-size: 8.5px;
    line-height: 1.0;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item.is-active{
    background: linear-gradient(180deg, rgba(1,51,105,.92), rgba(0,34,68,.96));
    border: 1px solid rgba(255,255,255,.12);
  }

  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-tab,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-subtab{
    background: linear-gradient(180deg, #013369 0%, #0a2a52 100%);
    border-color: rgba(255,255,255,.18);
    color: #ffffff;
    font-weight: 800;
    letter-spacing: .01em;
    text-shadow: 0 1px 0 rgba(0,0,0,.22);
    box-shadow: 0 8px 18px rgba(1,51,105,.28), inset 0 1px 0 rgba(255,255,255,.08);
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-tab:hover,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-subtab:hover,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-tab:focus,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-subtab:focus{
    color: #ffffff;
    border-color: rgba(255,255,255,.26);
    background: linear-gradient(180deg, #0a3d7a 0%, #013369 100%);
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-tab.is-active,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-subtab.is-active,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-subtab.sqg-live-status-subtab--default{
    background: linear-gradient(180deg, #d50a0a 0%, #a50909 100%);
    border-color: rgba(255,255,255,.24);
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(213,10,10,.32), inset 0 1px 0 rgba(255,255,255,.10);
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-tabs,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-subtabs{
    gap: 8px;
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell{
    border-radius: 14px;
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.open,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.taken,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table.pick button.cell{
    background: linear-gradient(180deg, #a66333 0%, #8b532b 52%, #6d3f1d 100%);
    border-color: rgba(58, 30, 12, 0.72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(58,30,12,.28), 0 8px 18px rgba(34,17,8,.18);
    opacity: 1;
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.open:hover,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table.pick button.cell:hover,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table.pick button.cell:focus-visible{
    background: linear-gradient(180deg, #b06a37 0%, #96572b 52%, #77431e 100%);
    border-color: rgba(255,255,255,.32) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 3px rgba(255,255,255,.10), 0 10px 20px rgba(34,17,8,.22);
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell .coord,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell .name,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.open .coord,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.taken .coord,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.taken .name{
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.72), 0 0 8px rgba(0,0,0,.18);
    opacity: 1 !important;
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell .coord{
    font-weight: 900;
    letter-spacing: 0;
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell .name{
    font-weight: 850;
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active{
    --sqg-app-text:#f8fafc;
    --sqg-app-text-soft:#dbe4ee;
    --sqg-app-text-muted:#c4cfdb;
    --sqg-app-surface:#111827;
    --sqg-app-surface-2:#182233;
    --sqg-app-border:rgba(255,255,255,.14);
    --sqg-app-accent:#93c5fd;
  }

  body.sqg-app-shell-active .sqg.shell,
  body.sqg-app-shell-active .sqg.shell .sqg,
  body.sqg-app-shell-active .sqg.shell .sqg-card,
  body.sqg-app-shell-active .sqg.shell .sqg-card *{
    border-color:var(--sqg-app-border);
  }

  body.sqg-app-shell-active .sqg.shell,
  body.sqg-app-shell-active .sqg.shell .sqg-card,
  body.sqg-app-shell-active .sqg.shell .sqg-card p,
  body.sqg-app-shell-active .sqg.shell .sqg-card li,
  body.sqg-app-shell-active .sqg.shell .sqg-card dd,
  body.sqg-app-shell-active .sqg.shell .sqg-card dt,
  body.sqg-app-shell-active .sqg.shell .sqg-card small,
  body.sqg-app-shell-active .sqg.shell .meta,
  body.sqg-app-shell-active .sqg.shell .muted,
  body.sqg-app-shell-active .sqg-shell .sqg-note,
  body.sqg-app-shell-active .sqg.shell .sqg-note,
  body.sqg-app-shell-active .sqg.shell .sqg-status-copy,
  body.sqg-app-shell-active .sqg.shell .sqg-help-text,
  body.sqg-app-shell-active .sqg.shell .sqg-plain-help,
  body.sqg-app-shell-active .sqg.shell .sqg-history-item__meta,
  body.sqg-app-shell-active .sqg.shell .sqg-history-item__side small,
  body.sqg-app-shell-active .sqg.shell .sqg-mini-status,
  body.sqg-app-shell-active .sqg.shell .sqg-muted,
  body.sqg-app-shell-active .sqg.shell .validation,
  body.sqg-app-shell-active .sqg.shell label,
  body.sqg-app-shell-active .sqg.shell legend,
  body.sqg-app-shell-active .sqg.shell .sqg-field-label,
  body.sqg-app-shell-active .sqg.shell .sqg-kicker,
  body.sqg-app-shell-active .sqg.shell .sqg-section-head p,
  body.sqg-app-shell-active .sqg.shell .sqg-user-badge,
  body.sqg-app-shell-active .sqg-shell .axis-team,
  body.sqg-app-shell-active .sqg-shell .axis-digit,
  body.sqg-app-shell-active .sqg.shell .axis-team,
  body.sqg-app-shell-active .sqg.shell .axis-digit,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell .name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell .name,
  body.sqg-app-shell-active .sqg.shell .sqg-row,
  body.sqg-app-shell-active .sqg.shell .sqg-row > div,
  body.sqg-app-shell-active .sqg.shell .sqg-table,
  body.sqg-app-shell-active .sqg.shell .sqg-table td,
  body.sqg-app-shell-active .sqg.shell .sqg-table th,
  body.sqg-app-shell-active .sqg.shell .sqg-plain-table td,
  body.sqg-app-shell-active .sqg.shell .sqg-plain-table th,
  body.sqg-app-shell-active .sqg.shell .sqg-simple-list td,
  body.sqg-app-shell-active .sqg.shell .sqg-simple-list th{
    color:var(--sqg-app-text) !important;
  }

  body.sqg-app-shell-active .sqg.shell a:not(.sqg-btn):not(.sqg-app-bottomnav__item):not(.sqg-mobile-menu-item):not(.sqg-app-mini-tab):not(.sqg-app-topnav__item){
    color:#bfdbfe;
  }

  body.sqg-app-shell-active .sqg.shell .meta,
  body.sqg-app-shell-active .sqg.shell .muted,
  body.sqg-app-shell-active .sqg.shell .sqg-note,
  body.sqg-app-shell-active .sqg.shell .sqg-help-text,
  body.sqg-app-shell-active .sqg.shell .sqg-plain-help,
  body.sqg-app-shell-active .sqg.shell .sqg-history-item__meta,
  body.sqg-app-shell-active .sqg.shell .sqg-history-item__side small,
  body.sqg-app-shell-active .sqg.shell .sqg-muted,
  body.sqg-app-shell-active .sqg.shell .sqg-mini-status,
  body.sqg-app-shell-active .sqg.shell .sqg-kicker,
  body.sqg-app-shell-active .sqg.shell .sqg-section-head p,
  body.sqg-app-shell-active .sqg.shell .sqg-field-label,
  body.sqg-app-shell-active .sqg.shell .axis-team,
  body.sqg-app-shell-active .sqg.shell .axis-digit{
    color:var(--sqg-app-text-soft) !important;
    opacity:1 !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-card,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .axis-team,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .axis-digit,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell,
  body.sqg-app-shell-active .sqg.shell .validation,
  body.sqg-app-shell-active .sqg.shell .badge,
  body.sqg-app-shell-active .sqg.shell .sqg-user-badge,
  body.sqg-app-shell-active .sqg.shell .sqg-connect-status,
  body.sqg-app-shell-active .sqg-shell .sqg-connect-status,
  body.sqg-app-shell-active .sqg.shell .sqg-history-item,
  body.sqg-app-shell-active .sqg.shell .sqg-money-input,
  body.sqg-app-shell-active .sqg.shell .sqg-live-status-subtab,
  body.sqg-app-shell-active .sqg.shell .sqg-live-status-tab{
    background-color:var(--sqg-app-surface-2);
  }

  body.sqg-app-shell-active .sqg.shell h1,
  body.sqg-app-shell-active .sqg.shell h2,
  body.sqg-app-shell-active .sqg.shell h3,
  body.sqg-app-shell-active .sqg.shell h4,
  body.sqg-app-shell-active .sqg.shell h5,
  body.sqg-app-shell-active .sqg.shell h6,
  body.sqg-app-shell-active .sqg.shell .title,
  body.sqg-app-shell-active .sqg.shell .sqg-board-head,
  body.sqg-app-shell-active .sqg.shell .sqg-section-title,
  body.sqg-app-shell-active .sqg.shell .sqg-history-item__amount,
  body.sqg-app-shell-active .sqg.shell .sqg-money-input span,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-hero h2,
  body.sqg-app-shell-active .sqg.shell .sqg-metric-card__value,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-hero__amount strong{
    color:#ffffff !important;
    text-shadow:0 1px 1px rgba(0,0,0,.14);
  }

  body.sqg-app-shell-active .sqg.shell .sqg-table th,
  body.sqg-app-shell-active .sqg.shell .sqg-row.head,
  body.sqg-app-shell-active .sqg.shell .sqg-plain-table th,
  body.sqg-app-shell-active .sqg.shell .sqg-simple-list th{
    color:#ffffff !important;
    font-weight:800;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-row,
  body.sqg-app-shell-active .sqg.shell .sqg-table td,
  body.sqg-app-shell-active .sqg.shell .sqg-table th,
  body.sqg-app-shell-active .sqg.shell .sqg-plain-table td,
  body.sqg-app-shell-active .sqg.shell .sqg-plain-table th,
  body.sqg-app-shell-active .sqg.shell .sqg-simple-list td,
  body.sqg-app-shell-active .sqg.shell .sqg-simple-list th{
    border-color:rgba(255,255,255,.12) !important;
  }

  body.sqg-app-shell-active .sqg.shell input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  body.sqg-app-shell-active .sqg.shell textarea,
  body.sqg-app-shell-active .sqg.shell select,
  body.sqg-app-shell-active .sqg.shell .sqg-card-element,
  body.sqg-app-shell-active .sqg.shell .StripeElement,
  body.sqg-app-shell-active .sqg.shell .sqg-money-input,
  body.sqg-app-shell-active .sqg.shell .sqg-money-input input{
    background:#f8fafc !important;
    color:#0f172a !important;
    border:1px solid rgba(15,23,42,.16) !important;
  }

  body.sqg-app-shell-active .sqg.shell input::placeholder,
  body.sqg-app-shell-active .sqg.shell textarea::placeholder{
    color:#64748b !important;
    opacity:1;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-btn{
    border-color:rgba(255,255,255,.16);
  }
  body.sqg-app-shell-active .sqg.shell .sqg-btn:not(.primary):not(.danger){
    background:#f8fafc;
    color:#0f172a;
    font-weight:700;
  }
  body.sqg-app-shell-active .sqg.shell .sqg-btn.primary,
  body.sqg-app-shell-active .sqg.shell .sqg-btn.sqg-btn-join-room,
  body.sqg-app-shell-active .sqg-shell .sqg-btn.primary,
  body.sqg-app-shell-active .sqg-shell .sqg-btn.sqg-btn-join-room{
    background:linear-gradient(180deg,#2563eb,#1d4ed8) !important;
    border-color:#3b82f6 !important;
    color:#fff !important;
    box-shadow:0 12px 24px rgba(37,99,235,.24);
  }
  body.sqg-app-shell-active .sqg.shell .sqg-btn.danger{
    background:#7f1d1d !important;
    border-color:#ef4444 !important;
    color:#fff !important;
  }

  body.sqg-app-shell-active .sqg.shell .badge.open,
  body.sqg-app-shell-active .sqg-shell .badge.open{background:#14532d !important;color:#fff !important;border-color:#22c55e !important;}
  body.sqg-app-shell-active .sqg.shell .badge.locked,
  body.sqg-app-shell-active .sqg-shell .badge.locked{background:#7c2d12 !important;color:#fff !important;border-color:#fb923c !important;}
  body.sqg-app-shell-active .sqg.shell .badge.pending,
  body.sqg-app-shell-active .sqg-shell .badge.pending{background:#334155 !important;color:#fff !important;border-color:#94a3b8 !important;}
  body.sqg-app-shell-active .sqg.shell .badge.final,
  body.sqg-app-shell-active .sqg-shell .badge.final{background:#1e3a8a !important;color:#fff !important;border-color:#60a5fa !important;}

  body.sqg-app-shell-active .sqg-shell .validation.ok,
  body.sqg-app-shell-active .sqg.shell .validation.ok,
  body.sqg-app-shell-active .sqg-shell .sqg-alert-success,
  body.sqg-app-shell-active .sqg.shell .sqg-alert-success{
    background:#14532d !important;
    border-color:#22c55e !important;
    color:#fff !important;
  }
  body.sqg-app-shell-active .sqg-shell .validation.bad,
  body.sqg-app-shell-active .sqg.shell .validation.bad,
  body.sqg-app-shell-active .sqg-shell .sqg-alert-error,
  body.sqg-app-shell-active .sqg.shell .sqg-alert-error{
    background:#7f1d1d !important;
    border-color:#ef4444 !important;
    color:#fff !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-status-pill.status-pending{background:#7c2d12 !important;color:#fff !important;border-color:#fb923c !important;}
  body.sqg-app-shell-active .sqg.shell .sqg-status-pill.status-approved{background:#1d4ed8 !important;color:#fff !important;border-color:#93c5fd !important;}
  body.sqg-app-shell-active .sqg.shell .sqg-status-pill.status-paid{background:#166534 !important;color:#fff !important;border-color:#86efac !important;}
  body.sqg-app-shell-active .sqg.shell .sqg-status-pill.status-rejected,
  body.sqg-app-shell-active .sqg.shell .sqg-status-pill.status-failed{background:#991b1b !important;color:#fff !important;border-color:#fca5a5 !important;}

  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.open,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.open{
    background:#1f2937;
    color:#fff !important;
    border-color:rgba(255,255,255,.16) !important;
  }
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.taken,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.taken{
    background:#334155;
    color:#fff !important;
    opacity:1;
  }
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.is-selected,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.is-selected{
    background:#14532d !important;
    color:#fff !important;
    border-color:#22c55e !important;
    box-shadow:0 0 0 3px rgba(34,197,94,.22);
  }

  body.sqg-app-shell-active .sqg.shell .sqg-live-status-subtab,
  body.sqg-app-shell-active .sqg.shell .sqg-live-status-tab,
  body.sqg-app-shell-active .sqg.shell .tab-btn{
    color:#fff !important;
    border-color:rgba(255,255,255,.14) !important;
    background:#1f2937 !important;
  }
  body.sqg-app-shell-active .sqg.shell .sqg-live-status-subtab.is-active,
  body.sqg-app-shell-active .sqg.shell .sqg-live-status-tab.is-active,
  body.sqg-app-shell-active .sqg.shell .tab-btn.active{
    background:#2563eb !important;
    color:#fff !important;
    border-color:#60a5fa !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-user-badge,
  body.sqg-app-shell-active .sqg-shell .sqg-user-badge{
    border-color:rgba(255,255,255,.14) !important;
    box-shadow:none;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-user-badge--subscriber,
  body.sqg-app-shell-active .sqg.shell .sqg-user-badge--fan{background:#374151 !important;color:#fff !important;}
  body.sqg-app-shell-active .sqg.shell .sqg-user-badge--player{background:#0f766e !important;color:#fff !important;}
  body.sqg-app-shell-active .sqg.shell .sqg-user-badge--winner{background:#166534 !important;color:#fff !important;}
  body.sqg-app-shell-active .sqg.shell .sqg-user-badge--star{background:#b45309 !important;color:#fff !important;}
  body.sqg-app-shell-active .sqg.shell .sqg-user-badge--legend{background:#9d174d !important;color:#fff !important;}
  body.sqg-app-shell-active .sqg.shell .sqg-user-badge--fan .sqg-user-badge__icon,
  body.sqg-app-shell-active .sqg-shell .sqg-user-badge--fan .sqg-user-badge__icon{background:#f9fafb !important;color:#111827 !important;}
  body.sqg-app-shell-active .sqg.shell .sqg-user-badge--winner .sqg-user-badge__icon,
  body.sqg-app-shell-active .sqg-shell .sqg-user-badge--winner .sqg-user-badge__icon{background:#dcfce7 !important;color:#166534 !important;}
  body.sqg-app-shell-active .sqg.shell .sqg-user-badge--star .sqg-user-badge__icon,
  body.sqg-app-shell-active .sqg-shell .sqg-user-badge--star .sqg-user-badge__icon{background:#facc15 !important;color:#111827 !important;}
  body.sqg-app-shell-active .sqg.shell .sqg-user-badge--player .sqg-user-badge__icon,
  body.sqg-app-shell-active .sqg-shell .sqg-user-badge--player .sqg-user-badge__icon{background:#ccfbf1 !important;color:#115e59 !important;}
  body.sqg-app-shell-active .sqg.shell .sqg-user-badge--legend .sqg-user-badge__icon,
  body.sqg-app-shell-active .sqg-shell .sqg-user-badge--legend .sqg-user-badge__icon{background:#ffe4e6 !important;color:#9f1239 !important;}

  body.sqg-app-shell-active .sqg.shell .sqg-matchup-rooms-table .sqg-row > div::before,
  body.sqg-app-shell-active .sqg.shell .sqg-wallet-table .sqg-row > div::before{
    color:#cbd5e1 !important;
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-landing-shell .sqg-card,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-landing-card{
    background: linear-gradient(180deg, rgba(17,24,39,.94), rgba(13,18,30,.96)) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-board-inline-title{
    background: linear-gradient(180deg, rgba(59,130,246,.18), rgba(37,99,235,.10)) !important;
    border: 1px solid rgba(96,165,250,.24) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04) !important;
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-board-prefix,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-board-team,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-board-vs,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-head,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-section-title,
  body.sqg-app-shell-active .sqg-landing-shell .title,
  body.sqg-app-shell-active .sqg-landing-shell h1,
  body.sqg-app-shell-active .sqg-landing-shell h2,
  body.sqg-app-shell-active .sqg-landing-shell h3,
  body.sqg-app-shell-active .sqg-landing-shell h4,
  body.sqg-app-shell-active .sqg-landing-shell h5,
  body.sqg-app-shell-active .sqg-landing-shell h6{
    color: #ffffff !important;
  }

  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-tab,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-subtab{
    background: linear-gradient(180deg, #013369 0%, #0a2a52 100%) !important;
    border-color: rgba(255,255,255,.18) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    letter-spacing: .01em;
    text-shadow: 0 1px 0 rgba(0,0,0,.22);
    box-shadow: 0 8px 18px rgba(1,51,105,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-tab.is-active,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-subtab.is-active,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-subtab.sqg-live-status-subtab--default{
    background: linear-gradient(180deg, #d50a0a 0%, #a50909 100%) !important;
    border-color: rgba(255,255,255,.24) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(213,10,10,.32), inset 0 1px 0 rgba(255,255,255,.10) !important;
  }

  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell{
    border-radius: 14px !important;
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.open,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.taken,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table.pick button.cell,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .cell.open,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .cell.taken{
    background: linear-gradient(180deg, #a66333 0%, #8b532b 52%, #6d3f1d 100%) !important;
    border-color: rgba(58, 30, 12, 0.72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(58,30,12,.28), 0 8px 18px rgba(34,17,8,.18) !important;
    color: #ffffff !important;
    opacity: 1 !important;
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.open:hover,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table.pick button.cell:hover,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table.pick button.cell:focus-visible{
    background: linear-gradient(180deg, #b06a37 0%, #96572b 52%, #77431e 100%) !important;
    border-color: rgba(255,255,255,.32) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 3px rgba(255,255,255,.10), 0 10px 20px rgba(34,17,8,.22) !important;
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell .coord,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell .name,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .cell .coord,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .cell .name{
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.72), 0 0 8px rgba(0,0,0,.18) !important;
    opacity: 1 !important;
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell .coord,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .cell .coord{
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell .name,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .cell .name{
    font-weight: 850 !important;
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell .coord,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.open .coord,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.taken .coord,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table.pick button.cell .coord{
    color:#ffffff !important;
    opacity:1 !important;
    font-weight:900 !important;
    text-shadow:0 2px 3px rgba(0,0,0,.68), 0 0 8px rgba(0,0,0,.22) !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell .name,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.taken .name{
    color:#ffffff !important;
    opacity:1 !important;
    font-weight:800 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.68), 0 0 6px rgba(0,0,0,.18) !important;
    -webkit-text-fill-color:#ffffff !important;
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .axis-digit,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .axis-digit{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    font-weight:900 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.22) !important;
    opacity:1 !important;
  }
}

@media (max-width: 991px){
  body.sqg-app-shell-active{
    --sqg-nfl-blue:#013369;
    --sqg-nfl-blue-2:#0b4f9c;
    --sqg-nfl-red:#d50a0a;
    --sqg-nfl-white:#ffffff;
    --sqg-nfl-ink:#07111f;
    --sqg-nfl-card:#0c1f3d;
    --sqg-nfl-card-2:#122b52;
    --sqg-nfl-line:rgba(255,255,255,.16);
    --sqg-nfl-soft:rgba(255,255,255,.82);
  }

  body.sqg-app-shell-active .sqg.shell{
    background:
      radial-gradient(circle at top center, rgba(213,10,10,.16), transparent 24%),
      radial-gradient(circle at top left, rgba(11,79,156,.18), transparent 28%),
      linear-gradient(180deg, #07111f 0%, #0a1a31 50%, #081427 100%) !important;
    color: var(--sqg-nfl-white);
  }

  body.sqg-app-shell-active .sqg-card,
  body.sqg-app-shell-active .sqg-card.inner,
  body.sqg-app-shell-active .sqg-shuffle-panel,
  body.sqg-app-shell-active .validation,
  body.sqg-app-shell-active .sqg-prize-breakdown-table .sqg-row,
  body.sqg-app-shell-active .sqg-modal__content,
  body.sqg-app-shell-active .sqg-shuffle-notice__dialog,
  body.sqg-app-shell-active .sqg-shuffle-step-banner{
    background: linear-gradient(180deg, rgba(1,51,105,.96) 0%, rgba(9,29,61,.98) 100%) !important;
    color: var(--sqg-nfl-white) !important;
    border: 1px solid var(--sqg-nfl-line) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  body.sqg-app-shell-active .sqg-card *,
  body.sqg-app-shell-active .sqg-modal__content *,
  body.sqg-app-shell-active .sqg-shuffle-notice__dialog *,
  body.sqg-app-shell-active .sqg-shuffle-step-banner *{
    border-color: var(--sqg-nfl-line);
  }

  body.sqg-app-shell-active .sqg-page-title,
  body.sqg-app-shell-active .sqg-section-title,
  body.sqg-app-shell-active .title,
  body.sqg-app-shell-active h1,
  body.sqg-app-shell-active h2,
  body.sqg-app-shell-active h3,
  body.sqg-app-shell-active h4,
  body.sqg-app-shell-active strong,
  body.sqg-app-shell-active label,
  body.sqg-app-shell-active legend,
  body.sqg-app-shell-active .sqg-board-head,
  body.sqg-app-shell-active .sqg-app-brand__title,
  body.sqg-app-shell-active .sqg-shuffle-notice__title,
  body.sqg-app-shell-active .sqg-shuffle-step-banner__title{
    color: var(--sqg-nfl-white) !important;
  }

  body.sqg-app-shell-active p,
  body.sqg-app-shell-active span,
  body.sqg-app-shell-active li,
  body.sqg-app-shell-active td,
  body.sqg-app-shell-active th,
  body.sqg-app-shell-active .meta,
  body.sqg-app-shell-active .muted,
  body.sqg-app-shell-active .sqg-note,
  body.sqg-app-shell-active .sqg-row,
  body.sqg-app-shell-active .sqg-row > div,
  body.sqg-app-shell-active .sqg-shuffle-row,
  body.sqg-app-shell-active .sqg-app-brand__subtitle,
  body.sqg-app-shell-active .sqg-mini-status,
  body.sqg-app-shell-active .validation-wrap,
  body.sqg-app-shell-active .sqg-shuffle-note{
    color: var(--sqg-nfl-soft) !important;
  }

  body.sqg-app-shell-active a:not(.sqg-btn):not(.sqg-app-bottomnav__item):not(.sqg-mobile-menu-item):not(.sqg-live-status-tab):not(.sqg-live-status-subtab){
    color: #ffffff !important;
  }

  body.sqg-app-shell-active .sqg-btn,
  body.sqg-app-shell-active button,
  body.sqg-app-shell-active input[type="submit"],
  body.sqg-app-shell-active .tab-btn,
  body.sqg-app-shell-active .sqg-zoom-btn{
    background: linear-gradient(180deg, #d50a0a 0%, #a30808 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 10px 22px rgba(213,10,10,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.22);
  }

  body.sqg-app-shell-active .sqg-btn.primary,
  body.sqg-app-shell-active .tab-btn.active,
  body.sqg-app-shell-active .sqg-app-bottomnav__item.is-active,
  body.sqg-app-shell-active .sqg-zoom-btn:focus,
  body.sqg-app-shell-active .sqg-zoom-btn:hover{
    background: linear-gradient(180deg, #0b4f9c 0%, #013369 100%) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.22) !important;
    box-shadow: 0 10px 22px rgba(1,51,105,.32), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  body.sqg-app-shell-active .sqg-btn.danger{
    background: linear-gradient(180deg, #f16f6f 0%, #d50a0a 100%) !important;
    color: #ffffff !important;
  }

  body.sqg-app-shell-active input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
  body.sqg-app-shell-active select,
  body.sqg-app-shell-active textarea,
  body.sqg-app-shell-active .sqg-card-element,
  body.sqg-app-shell-active .StripeElement,
  body.sqg-app-shell-active .select2-selection,
  body.sqg-app-shell-active .select2-dropdown{
    background: rgba(255,255,255,.98) !important;
    color: #07111f !important;
    border: 1px solid rgba(1,51,105,.28) !important;
    border-radius: 14px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  body.sqg-app-shell-active input::placeholder,
  body.sqg-app-shell-active textarea::placeholder{
    color: #475569 !important;
    opacity: 1;
  }

  body.sqg-app-shell-active .sqg-table .sqg-row,
  body.sqg-app-shell-active .sqg-wallet-table .sqg-row,
  body.sqg-app-shell-active .sqg-scoreboard-table .sqg-row,
  body.sqg-app-shell-active .sqg-winners-table .sqg-row,
  body.sqg-app-shell-active .sqg-prize-breakdown-table .sqg-row,
  body.sqg-app-shell-active .sqg-row{
    border-top: 1px solid rgba(255,255,255,.12) !important;
  }

  body.sqg-app-shell-active .sqg-row.head,
  body.sqg-app-shell-active .sqg-table .sqg-row.head,
  body.sqg-app-shell-active .sqg-wallet-table .sqg-row.head,
  body.sqg-app-shell-active .sqg-scoreboard-table .sqg-row.head,
  body.sqg-app-shell-active .sqg-winners-table .sqg-row.head{
    color: #ffffff !important;
    background: linear-gradient(180deg, rgba(11,79,156,.34), rgba(1,51,105,.28)) !important;
    border-radius: 10px;
    padding: 11px 9px;
  }

  body.sqg-app-shell-active .badge,
  body.sqg-app-shell-active .sqg-spectator-chip,
  body.sqg-app-shell-active .sqg-user-badge,
  body.sqg-app-shell-active .sqg-shuffle-badge{
    background: rgba(255,255,255,.1) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
  }
  body.sqg-app-shell-active .badge.open{ background: rgba(11,79,156,.28) !important; }
  body.sqg-app-shell-active .badge.locked{ background: rgba(213,10,10,.24) !important; }
  body.sqg-app-shell-active .badge.final,
  body.sqg-app-shell-active .validation.ok{ background: rgba(11,79,156,.26) !important; color:#ffffff !important; }
  body.sqg-app-shell-active .validation.bad{ background: rgba(213,10,10,.22) !important; color:#ffffff !important; }

  body.sqg-app-shell-active .sqg-app-bottomnav{
    background: rgba(1,51,105,.94) !important;
    border-color: rgba(255,255,255,.12) !important;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item{
    color: rgba(255,255,255,.92) !important;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__icon{
    background: rgba(255,255,255,.08) !important;
  }

  body.sqg-app-shell-active .sqg-app-cornericon,
  body.sqg-app-shell-active .sqg-app-topbar{
    background: linear-gradient(180deg, rgba(1,51,105,.96), rgba(7,17,31,.92)) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.12) !important;
  }

  body.sqg-app-shell-active .sqg-table-scroll::after,
  body.sqg-app-shell-active .sqg-shuffle-panel,
  body.sqg-app-shell-active .sqg-shuffle-panel > summary,
  body.sqg-app-shell-active .sqg-shuffle-row code,
  body.sqg-app-shell-active .sqg-shuffle-notice__meta,
  body.sqg-app-shell-active .sqg-shuffle-step-banner__meta{
    color: #ffffff !important;
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.14) !important;
  }

  body.sqg-app-shell-active .sqg-board-table .axis-team,
  body.sqg-app-shell-active .sqg-board-table .axis-digit,
  body.sqg-app-shell-active .sqg-grid10 .hdr{
    background: linear-gradient(180deg, #0b4f9c 0%, #013369 100%) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.18) !important;
  }

  body.sqg-app-shell-active .sqg-board-table .cell:not(.sqg-landing-shell .cell),
  body.sqg-app-shell-active .sqg-grid10 .cell{
    border-color: rgba(255,255,255,.12);
  }

  body.sqg-app-shell-active .sqg-board-table .cell.open,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell,
  body.sqg-app-shell-active .sqg-grid10 .cell{
    background: #ffffff !important;
    color: #07111f !important;
  }

  body.sqg-app-shell-active .sqg-board-table .cell.open .coord,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell .coord,
  body.sqg-app-shell-active .sqg-grid10 .cell .coord,
  body.sqg-app-shell-active .sqg-grid10 .cell .name{
    color: #07111f !important;
    text-shadow: none !important;
  }

  body.sqg-app-shell-active .sqg-board-table .cell.taken,
  body.sqg-app-shell-active .sqg-grid10 .cell.taken{
    background: linear-gradient(180deg, #0b4f9c 0%, #013369 100%) !important;
    color: #ffffff !important;
  }
  body.sqg-app-shell-active .sqg-board-table .cell.taken .coord,
  body.sqg-app-shell-active .sqg-board-table .cell.taken .name,
  body.sqg-app-shell-active .sqg-grid10 .cell.taken .coord,
  body.sqg-app-shell-active .sqg-grid10 .cell.taken .name{
    color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.28) !important;
  }

  /* Preserve the landing page's football-brown board styling. */
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .axis-digit,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .axis-digit{
    color:#ffffff !important;
    text-shadow: 0 2px 3px rgba(0,0,0,.72) !important;
    font-weight: 800 !important;
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table th.axis-digit,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 th.axis-digit,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .axis-digit,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .axis-digit{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 2px 3px rgba(0,0,0,.72) !important;
    font-weight:900 !important;
    opacity:1 !important;
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-tab--link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain{
    background:linear-gradient(180deg, rgba(1,51,105,.92), rgba(10,42,82,.96)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:18px !important;
    padding:16px !important;
    box-shadow:0 14px 32px rgba(0,0,0,.28) !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain h2,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain h3,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain p,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-plain-help{
    color:#ffffff !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-table-scroll{
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:14px !important;
    padding:8px 12px !important;
    overflow-x:auto;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-simple-list,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-simple-list thead,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-simple-list tbody,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-simple-list tr{
    background:transparent !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-simple-list th{
    color:#ffffff !important;
    font-weight:800 !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-simple-list td{
    color:#f8fafc !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-withdraw-notice{
    background:#f8fafc !important;
    color:#0f172a !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-left-width:4px !important;
    box-shadow:0 8px 18px rgba(0,0,0,.18) !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-withdraw-notice.success{
    background:#ecfdf3 !important;
    color:#166534 !important;
    border-color:rgba(34,197,94,.38) !important;
    border-left-color:#22c55e !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-withdraw-notice.error{
    background:#fef2f2 !important;
    color:#991b1b !important;
    border-color:rgba(248,113,113,.38) !important;
    border-left-color:#ef4444 !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-withdraw-notice *,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-withdraw-notice a{
    color:inherit !important;
  }
}


.sqg-landing-helpful-links{ margin-top:12px; }
.sqg-landing-helpful-links h3{ color:inherit; }
.sqg-landing-helpful-links .sqg-actions{ margin-top:8px; }
body.sqg-app-shell-active .sqg-landing-helpful-links{
  background: linear-gradient(180deg, rgba(1,51,105,.96) 0%, rgba(9,29,61,.98) 100%) !important;
  border: 1px solid var(--sqg-nfl-line) !important;
}
body.sqg-app-shell-active .sqg-landing-helpful-links .sqg-btn{
  width: 100%;
  justify-content: center;
}




body.sqg-app-shell-active .sqg-landing-helpful-links .sqg-live-status-tab[data-status-tab="shuffle"],
body.sqg-app-shell-active .sqg-landing-helpful-links .sqg-live-status-tab[data-status-tab="game"],
.sqg-landing-helpful-links .sqg-live-status-tab[data-status-tab="shuffle"],
.sqg-landing-helpful-links .sqg-live-status-tab[data-status-tab="game"]{
  background:#dc2626 !important;
  border-color:#dc2626 !important;
  color:#ffffff !important;
}

body.sqg-app-shell-active .sqg-landing-helpful-links .sqg-live-status-tab[data-status-tab="shuffle"]:hover,
body.sqg-app-shell-active .sqg-landing-helpful-links .sqg-live-status-tab[data-status-tab="game"]:hover,
.sqg-landing-helpful-links .sqg-live-status-tab[data-status-tab="shuffle"]:hover,
.sqg-landing-helpful-links .sqg-live-status-tab[data-status-tab="game"]:hover,
body.sqg-app-shell-active .sqg-landing-helpful-links .sqg-live-status-tab[data-status-tab="shuffle"]:focus,
body.sqg-app-shell-active .sqg-landing-helpful-links .sqg-live-status-tab[data-status-tab="game"]:focus,
.sqg-landing-helpful-links .sqg-live-status-tab[data-status-tab="shuffle"]:focus,
.sqg-landing-helpful-links .sqg-live-status-tab[data-status-tab="game"]:focus{
  background:#b91c1c !important;
  border-color:#b91c1c !important;
  color:#ffffff !important;
}



.sqg-landing-helpful-links .sqg-actions .sqg-live-status-tab[data-status-tab="shuffle"],
.sqg-landing-helpful-links .sqg-actions .sqg-live-status-tab[data-status-tab="game"]{
  width: calc(50% - 5px);
  flex: 0 0 calc(50% - 5px);
}

@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel[data-status-panel="shuffle"],
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel[data-status-panel="game"]{
    margin-top:10px;
  }

  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-card{
    display:none;
    background:linear-gradient(180deg, rgba(1,51,105,.96) 0%, rgba(8,23,46,.98) 100%) !important;
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 14px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-card.is-active{
    display:block;
  }

  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-card *,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel .sqg-status-copy,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel .sqg-shuffle-row,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel .sqg-shuffle-note,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel strong,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel p,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel span,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel li,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel code{
    color:#ffffff !important;
  }

  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel .sqg-shuffle-row code,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel .sqg-shuffle-panel,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel .sqg-shuffle-panel > summary,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel .sqg-shuffle-panel-body,
  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel .sqg-shuffle-panel-body--inline{
    background:rgba(255,255,255,.08) !important;
    color:#ffffff !important;
    border-color:rgba(255,255,255,.14) !important;
  }

  body.sqg-app-shell-active .sqg-landing-shell .sqg-live-status-panel .sqg-shuffle-panel-body--inline{
    padding:10px 12px !important;
    border-radius:12px;
  }
}


/* Terms & Privacy accordion contrast fix */
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox .sqg-prose,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox p,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox li,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox ul,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox ol,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox div,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox span,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox strong{
  color:#0f172a !important;
}
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox h1,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox h2,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox h3,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox h4,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox h5,
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox h6{
  color:#0b1220 !important;
  text-shadow:none !important;
}
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox a{
  color:#1d4ed8 !important;
}
body.sqg-app-shell-active .sqg.shell .sqg-acc-panel .sqg-scrollbox .sqg-note{
  color:#334155 !important;
}

.sqg-board-table .cell.cell-half,
.sqg-board-table.pick .cell.cell-half,
.sqg-grid10 .cell.cell-half,
.sqg-grid10.pick .cell.cell-half{
  padding:0;
  overflow:hidden;
}
.sqg-half-square{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
}
.sqg-half-square__part{
  position:relative;
  flex:1 1 50%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:3px;
  padding:12px 8px 7px;
  text-align:left;
  overflow:hidden;
}
.sqg-half-square__part--one{
  background:linear-gradient(180deg, #1d4f91 0%, #173f73 100%);
  color:#ffffff;
  border-bottom:1px solid rgba(255,255,255,.24);
}
.sqg-half-square__part--two{
  background:linear-gradient(180deg, #fde68a 0%, #f8c94f 100%);
  color:#111827;
}
.sqg-half-square__part--open{
  background:linear-gradient(180deg, #dbeafe 0%, #bfdbfe 100%);
  color:#0f172a;
}
.sqg-half-square__label{
  display:block;
  max-width:100%;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  opacity:.95;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sqg-half-square__name{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:11px;
  line-height:1.08;
  font-weight:800;
  max-width:100%;
  word-break:break-word;
  text-shadow:none;
}
.sqg-half-square__part--one .sqg-half-square__label,
.sqg-half-square__part--one .sqg-half-square__name{
  color:#ffffff;
}
.sqg-half-square__part--two .sqg-half-square__label,
.sqg-half-square__part--two .sqg-half-square__name,
.sqg-half-square__part--open .sqg-half-square__label,
.sqg-half-square__part--open .sqg-half-square__name{
  color:#111827;
}
.sqg-half-square--stacked::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:2px;
  transform:translateY(-1px);
  background:rgba(255,255,255,.85);
  box-shadow:0 1px 0 rgba(15,23,42,.18);
  pointer-events:none;
}
.sqg-half-square--partial::after{
  background:rgba(15,23,42,.22);
  box-shadow:none;
}
@media (max-width: 640px){
  .sqg-half-square__part{
    padding:11px 6px 6px;
    gap:2px;
  }
  .sqg-half-square__label{ font-size:8px; }
  .sqg-half-square__name{ font-size:9px; line-height:1.03; }
}

.sqg-desktop-legacy-landing-head-actions,
.sqg-desktop-legacy-landing-card{
  display:none;
}
@media (min-width: 992px){
  .sqg-desktop-legacy-landing-head-actions,
  .sqg-desktop-legacy-landing-card{
    display:block;
  }
  .sqg-desktop-legacy-landing-head-actions.sqg-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
  }
  .sqg-desktop-legacy-landing-card .sqg-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  .sqg-landing-helpful-links{
    display:none;
  }
}
@media (max-width: 991.98px){
  .sqg-desktop-legacy-landing-head-actions,
  .sqg-desktop-legacy-landing-card{
    display:none !important;
  }
}


.sqg-board-table.pick button.cell,
.sqg-board-table.pick button.cell.open,
.sqg-board-table.pick button.cell.is-selected,
.sqg-board-table.pick button.cell .coord,
.sqg-board-table.pick button.cell .name{
  color: #07111f !important;
  text-shadow: none !important;
}
.sqg-board-table.pick button.cell.open .coord,
.sqg-board-table.pick button.cell.is-selected .coord{
  color: #07111f !important;
  opacity: .92 !important;
}
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.open,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.is-selected,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell .name{
  color: #07111f !important;
  text-shadow: none !important;
}

@media (max-width: 991.98px){
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.open{
    background: linear-gradient(180deg, #0b3b75 0%, #082a57 100%) !important;
    border-color: rgba(255,255,255,.18) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 8px 18px rgba(2,12,27,.28) !important;
  }
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell .name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.open .coord{
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.32) !important;
  }
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.is-selected{
    background: linear-gradient(180deg, #1d73d1 0%, #0b4f9c 100%) !important;
    border-color: rgba(255,255,255,.34) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(147,197,253,.24), 0 10px 24px rgba(7,17,31,.32) !important;
  }
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.is-selected .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.is-selected .name{
    color: #ffffff !important;
    opacity: 1 !important;
  }
}


.sqg-board-table.pick button.cell.half-open,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.half-open{
  position: relative;
  background: linear-gradient(135deg, #173a63 0 49.2%, #2b6cb0 49.2% 50.8%, #f7fafc 50.8% 100%);
  border-color: #2b6cb0;
  color: #0f172a;
  cursor: pointer;
}
.sqg-board-table.pick button.cell.half-open .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.half-open .coord{
  color: #ffffff !important;
  opacity: 0.96;
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
}
.sqg-board-table.pick button.cell.half-open .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.half-open .sqg-half-square__part--one .sqg-half-square__name{
  color: #ffffff !important;
}
.sqg-board-table.pick button.cell.half-open .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.half-open .sqg-half-square__part--open .sqg-half-square__name{
  color: #0f172a !important;
  font-weight: 800;
}
.sqg-board-table.pick button.cell.half-open.is-selected,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.half-open.is-selected{
  outline: 3px solid #f6ad55;
  box-shadow: 0 0 0 3px rgba(246, 173, 85, .35);
}
.sqg-board-table.pick button.cell.half-open.is-disabled-for-share-type,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.half-open.is-disabled-for-share-type{
  cursor: not-allowed;
  opacity: .78;
  filter: grayscale(.08);
}


@media (max-width: 991.98px){
  .sqg-board-table.pick button.cell,
  .sqg-board-table.pick button.cell.open,
  .sqg-grid10.pick .cell,
  .sqg-grid10.pick .cell.open,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.open,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.open{
    background:linear-gradient(180deg, #0b3b75 0%, #082a57 100%) !important;
    border-color:rgba(255,255,255,.18) !important;
    color:#ffffff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 8px 18px rgba(2,12,27,.28) !important;
  }
  .sqg-board-table.pick button.cell .coord,
  .sqg-board-table.pick button.cell .name,
  .sqg-board-table.pick button.cell.open .coord,
  .sqg-grid10.pick .cell .coord,
  .sqg-grid10.pick .cell .name,
  .sqg-grid10.pick .cell.open .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell .name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell .name{
    color:#ffffff !important;
    opacity:1 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.32) !important;
  }
  .sqg-board-table.pick button.cell.is-selected,
  .sqg-grid10.pick .cell.is-selected,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.is-selected,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.is-selected{
    background:linear-gradient(180deg, #1d73d1 0%, #0b4f9c 100%) !important;
    border-color:rgba(255,255,255,.34) !important;
    color:#ffffff !important;
    box-shadow:0 0 0 3px rgba(147,197,253,.24), 0 10px 24px rgba(7,17,31,.32) !important;
  }
  .sqg-board-table.pick button.cell.half-open,
  .sqg-grid10.pick .cell.half-open,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.half-open,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.half-open{
    background:linear-gradient(180deg, #0b3b75 0%, #082a57 100%) !important;
    border-color:#60a5fa !important;
  }
}


.sqg-board-table .cell.cell-half,
.sqg-board-table.pick button.cell.cell-half,
.sqg-grid10 .cell.cell-half,
.sqg-grid10.pick .cell.cell-half{
  position:relative;
  overflow:hidden;
}
.sqg-board-table .cell.cell-half .coord,
.sqg-board-table.pick button.cell.cell-half .coord,
.sqg-grid10 .cell.cell-half .coord,
.sqg-grid10.pick .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
  position:absolute !important;
  top:4px !important;
  right:4px !important;
  left:auto !important;
  z-index:6 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 5px;
  border-radius:999px;
  background:rgba(2, 6, 23, .78) !important;
  color:#ffffff !important;
  opacity:1 !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  box-shadow:0 1px 2px rgba(0,0,0,.28);
}
.sqg-board-table .cell.cell-half .sqg-half-square,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square,
.sqg-grid10 .cell.cell-half .sqg-half-square,
.sqg-grid10.pick .cell.cell-half .sqg-half-square{
  z-index:1;
  inset:0;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
.sqg-grid10 .cell.cell-half .sqg-half-square__part,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
  padding:18px 8px 7px !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__label,
.sqg-board-table .cell.cell-half .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__label,
.sqg-grid10 .cell.cell-half .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name{
  position:relative;
  z-index:3;
  opacity:1 !important;
  text-shadow:none !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__label,
.sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one .sqg-half-square__name{
  color:#ffffff !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__label,
.sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__label,
.sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name{
  color:#111827 !important;
}
@media (max-width: 991.98px){
  .sqg-board-table.pick button.cell,
  .sqg-board-table.pick button.cell.open,
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10.pick .cell,
  .sqg-grid10.pick .cell.open,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.open,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.open,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half{
    background:linear-gradient(180deg, #0b3b75 0%, #082a57 100%) !important;
    border-color:rgba(255,255,255,.18) !important;
    color:#ffffff !important;
  }
  .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .coord{
    background:rgba(255,255,255,.18) !important;
    border:1px solid rgba(255,255,255,.22);
    color:#ffffff !important;
  }
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    padding:18px 6px 6px !important;
  }
}

.sqg-board-table .cell.cell-half,
.sqg-board-table.pick button.cell.cell-half,
.sqg-grid10 .cell.cell-half,
.sqg-grid10.pick .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
  min-width:58px !important;
  height:72px !important;
  align-items:stretch !important;
  justify-content:stretch !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square,
.sqg-grid10 .cell.cell-half .sqg-half-square,
.sqg-grid10.pick .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
  display:flex !important;
  flex-direction:column !important;
  z-index:2 !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
.sqg-grid10 .cell.cell-half .sqg-half-square__part,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
  position:relative !important;
  flex:1 1 50% !important;
  min-height:34px !important;
  padding:16px 5px 4px !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  overflow:hidden !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
.sqg-grid10 .cell.cell-half .sqg-half-square__label,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__label{
  position:absolute !important;
  top:4px !important;
  left:4px !important;
  z-index:4 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:20px !important;
  height:12px !important;
  padding:0 4px !important;
  border-radius:999px !important;
  font-size:9px !important;
  line-height:12px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
  text-shadow:none !important;
  opacity:1 !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one .sqg-half-square__label,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--one .sqg-half-square__label,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one .sqg-half-square__label{
  background:rgba(255,255,255,.16) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__label,
.sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__label,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--two .sqg-half-square__label,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__label,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two .sqg-half-square__label,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__label{
  background:rgba(15,23,42,.10) !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
  display:block !important;
  width:100% !important;
  overflow:hidden !important;
  white-space:normal !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  font-size:10px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  text-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name{
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
}
.sqg-board-table .cell.cell-half .coord,
.sqg-board-table.pick button.cell.cell-half .coord,
.sqg-grid10 .cell.cell-half .coord,
.sqg-grid10.pick .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
  top:4px !important;
  right:4px !important;
  min-width:18px !important;
  height:18px !important;
}
@media (max-width: 991.98px){
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half{
    min-width:54px !important;
    height:68px !important;
    background:linear-gradient(180deg, #0b3b75 0%, #082a57 100%) !important;
  }
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    font-size:10px !important;
  }
}


.sqg-board-table .cell.cell-half,
.sqg-board-table.pick button.cell.cell-half,
.sqg-grid10 .cell.cell-half,
.sqg-grid10.pick .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
  min-height:72px !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square,
.sqg-grid10 .cell.cell-half .sqg-half-square,
.sqg-grid10.pick .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  grid-template-rows:1fr 1fr !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
.sqg-grid10 .cell.cell-half .sqg-half-square__part,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
  min-height:0 !important;
  padding:15px 4px 3px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
.sqg-grid10 .cell.cell-half .sqg-half-square__label,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__label{
  display:none !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
  display:block !important;
  position:relative !important;
  z-index:5 !important;
  width:100% !important;
  max-width:100% !important;
  max-height:none !important;
  overflow:hidden !important;
  white-space:normal !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  font-size:10px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  text-align:center !important;
  text-shadow:none !important;
  text-indent:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name{
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
}
@media (max-width: 991.98px){
  .sqg-board-table.pick button.cell,
  .sqg-grid10.pick .cell,
  .sqg-board-table.pick button.cell.open,
  .sqg-grid10.pick .cell.open,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.open,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.open{
    background:linear-gradient(180deg, #0a2f63 0%, #072349 100%) !important;
    color:#ffffff !important;
  }
}


.sqg-board-table .cell.cell-half,
.sqg-board-table.pick button.cell.cell-half,
.sqg-grid10 .cell.cell-half,
.sqg-grid10.pick .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
  position:relative !important;
  min-width:44px !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  background:#ffffff !important;
  color:#0f172a !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square,
.sqg-grid10 .cell.cell-half .sqg-half-square,
.sqg-grid10.pick .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
  position:absolute !important;
  inset:0 !important;
  padding-top:15px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-template-rows:1fr !important;
  gap:0 !important;
  z-index:1 !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
.sqg-grid10 .cell.cell-half .sqg-half-square__part,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
  min-height:0 !important;
  height:auto !important;
  padding:3px 3px 4px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  overflow:hidden !important;
  border-top:1px solid rgba(15,23,42,.06) !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
.sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
  border-left:1px solid rgba(15,23,42,.10) !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--one,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one{
  background:linear-gradient(180deg, #f8fbff 0%, #eaf3ff 100%) !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--two,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two{
  background:linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%) !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--open,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open{
  background:linear-gradient(180deg, #eef8ef 0%, #dff3e3 100%) !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
.sqg-grid10 .cell.cell-half .sqg-half-square__label,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__label{
  display:none !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  font-size:10px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  text-align:center !important;
  visibility:visible !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
.sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
.sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name{
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
}
.sqg-board-table .cell.cell-half .coord,
.sqg-board-table.pick button.cell.cell-half .coord,
.sqg-grid10 .cell.cell-half .coord,
.sqg-grid10.pick .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
  position:absolute !important;
  top:4px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  z-index:4 !important;
  min-width:18px !important;
  height:16px !important;
  padding:0 5px !important;
  border-radius:999px !important;
  background:rgba(15,23,42,.92) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-size:10px !important;
  line-height:16px !important;
  font-weight:800 !important;
  opacity:1 !important;
  box-shadow:0 1px 2px rgba(0,0,0,.16) !important;
}
@media (max-width: 991.98px){
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half{
    min-width:44px !important;
    height:48px !important;
    min-height:48px !important;
    background:linear-gradient(180deg, #0a2f63 0%, #072349 100%) !important;
    border-color:rgba(255,255,255,.16) !important;
  }
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one{
    background:rgba(255,255,255,.12) !important;
  }
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two{
    background:rgba(255,255,255,.06) !important;
  }
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open{
    background:rgba(34,197,94,.20) !important;
  }
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    border-top-color:rgba(255,255,255,.10) !important;
  }
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
    border-left-color:rgba(255,255,255,.14) !important;
  }
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:8px !important;
  }
  .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .coord{
    background:#ffffff !important;
    color:#082a57 !important;
    -webkit-text-fill-color:#082a57 !important;
  }
}


.sqg-board-table .cell.cell-half,
.sqg-board-table.pick button.cell.cell-half,
.sqg-grid10 .cell.cell-half,
.sqg-grid10.pick .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
  min-width:72px !important;
  height:44px !important;
  padding:4px 6px 5px !important;
  gap:3px !important;
  background:#f3f3f3 !important;
  border:1px solid rgba(0,0,0,0.08) !important;
  color:rgba(0,0,0,0.78) !important;
  opacity:1 !important;
}
.sqg-board-table .cell.cell-half .coord,
.sqg-board-table.pick button.cell.cell-half .coord,
.sqg-grid10 .cell.cell-half .coord,
.sqg-grid10.pick .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
  position:static !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  text-align:center !important;
  font-size:12px !important;
  font-weight:650 !important;
  line-height:1 !important;
  color:rgba(0,0,0,0.78) !important;
  -webkit-text-fill-color:rgba(0,0,0,0.78) !important;
  opacity:.85 !important;
  box-shadow:none !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square,
.sqg-grid10 .cell.cell-half .sqg-half-square,
.sqg-grid10.pick .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:20px !important;
  gap:0 !important;
  z-index:1 !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
.sqg-grid10 .cell.cell-half .sqg-half-square__part,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  min-height:0 !important;
  height:20px !important;
  padding:0 4px !important;
  overflow:hidden !important;
  background:transparent !important;
  border-radius:0 !important;
  border:0 !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
.sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
  border-left:1px solid rgba(0,0,0,0.10) !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
.sqg-grid10 .cell.cell-half .sqg-half-square__label,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__label{
  display:none !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:center !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:rgba(0,0,0,0.78) !important;
  -webkit-text-fill-color:rgba(0,0,0,0.78) !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name{
  color:rgba(0,0,0,0.58) !important;
  -webkit-text-fill-color:rgba(0,0,0,0.58) !important;
}
@media (max-width: 991.98px){
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half{
    min-width:66px !important;
    height:42px !important;
    background:linear-gradient(180deg, #0b3b75 0%, #082a57 100%) !important;
    border-color:rgba(255,255,255,.18) !important;
  }
  .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .coord,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name{
    color:rgba(255,255,255,.72) !important;
    -webkit-text-fill-color:rgba(255,255,255,.72) !important;
  }
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
    border-left:1px solid rgba(255,255,255,.20) !important;
  }
}

.sqg-board-table .cell.cell-half,
.sqg-board-table.pick button.cell.cell-half,
.sqg-grid10 .cell.cell-half,
.sqg-grid10.pick .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
  position:relative !important;
  min-width:84px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, #0b4f9c 0%, #013369 100%) !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#ffffff !important;
}

.sqg-board-table.pick button.cell.cell-half.half-open,
.sqg-grid10.pick .cell.cell-half.half-open,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half.half-open,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half.half-open{
  background:linear-gradient(180deg, #0b3b75 0%, #082a57 100%) !important;
  border-color:rgba(255,255,255,.18) !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square,
.sqg-grid10 .cell.cell-half .sqg-half-square,
.sqg-grid10.pick .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) !important;
  align-items:center !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  z-index:1 !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square::before,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
.sqg-grid10 .cell.cell-half .sqg-half-square::before,
.sqg-grid10.pick .cell.cell-half .sqg-half-square::before,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square::before,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square::before,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square::before{
  content:"";
  position:absolute;
  left:50%;
  top:7px;
  bottom:7px;
  width:1px;
  transform:translateX(-50%);
  background:rgba(255,255,255,.22);
  box-shadow:none;
  pointer-events:none;
}

.sqg-board-table .cell.cell-half .sqg-half-square__part,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
.sqg-grid10 .cell.cell-half .sqg-half-square__part,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
  min-width:0 !important;
  min-height:0 !important;
  height:100% !important;
  padding:0 6px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square__part--one,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--one,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one{
  grid-column:1 !important;
  padding-left:7px !important;
  padding-right:8px !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square__part--two,
.sqg-board-table .cell.cell-half .sqg-half-square__part--open,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--two,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open{
  grid-column:3 !important;
  padding-left:8px !important;
  padding-right:7px !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square__part--open,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open{
  background:rgba(255,255,255,.08) !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
.sqg-grid10 .cell.cell-half .sqg-half-square__label,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__label{
  display:none !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  text-align:center !important;
  font-size:10px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.20) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name{
  color:rgba(255,255,255,.78) !important;
  -webkit-text-fill-color:rgba(255,255,255,.78) !important;
}

.sqg-board-table .cell.cell-half .coord,
.sqg-board-table.pick button.cell.cell-half .coord,
.sqg-grid10 .cell.cell-half .coord,
.sqg-grid10.pick .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  right:auto !important;
  transform:translate(-50%,-50%) !important;
  z-index:4 !important;
  display:block !important;
  width:24px !important;
  min-width:24px !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-align:center !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  opacity:1 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.28) !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

@media (max-width: 991.98px){
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half{
    min-width:72px !important;
    height:42px !important;
    min-height:42px !important;
    background:linear-gradient(180deg, #0b3b75 0%, #082a57 100%) !important;
    border-color:rgba(255,255,255,.18) !important;
  }

  .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square{
    grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) !important;
  }

  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    font-size:10px !important;
  }

  .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .coord{
    width:22px !important;
    min-width:22px !important;
    font-size:11px !important;
  }
}


.sqg-board-table .cell.cell-half,
.sqg-board-table.pick button.cell.cell-half,
.sqg-grid10 .cell.cell-half,
.sqg-grid10.pick .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
  position:relative !important;
  min-width:84px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, #0b4f9c 0%, #013369 100%) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#ffffff !important;
}

.sqg-board-table.pick button.cell.cell-half.half-open,
.sqg-grid10.pick .cell.cell-half.half-open,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half.half-open,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half.half-open{
  background:linear-gradient(180deg, #0b4f9c 0%, #013369 100%) !important;
  border-color:rgba(255,255,255,.18) !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square,
.sqg-grid10 .cell.cell-half .sqg-half-square,
.sqg-grid10.pick .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  align-items:stretch !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  z-index:1 !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square::before,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
.sqg-grid10 .cell.cell-half .sqg-half-square::before,
.sqg-grid10.pick .cell.cell-half .sqg-half-square::before,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square::before,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square::before,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square::before{
  content:"";
  position:absolute;
  left:50%;
  top:18px;
  bottom:6px;
  width:1px;
  transform:translateX(-50%);
  background:rgba(255,255,255,.22);
  pointer-events:none;
}

.sqg-board-table .cell.cell-half .sqg-half-square__part,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
.sqg-grid10 .cell.cell-half .sqg-half-square__part,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
  min-width:0 !important;
  min-height:0 !important;
  height:100% !important;
  padding:18px 6px 5px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  text-align:center !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
.sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
  border-left:1px solid rgba(255,255,255,.18) !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
.sqg-grid10 .cell.cell-half .sqg-half-square__label,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__label{
  display:none !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  text-align:center !important;
  font-size:10px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.28) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name{
  color:rgba(255,255,255,.88) !important;
  -webkit-text-fill-color:rgba(255,255,255,.88) !important;
}

.sqg-board-table .cell.cell-half .coord,
.sqg-board-table.pick button.cell.cell-half .coord,
.sqg-grid10 .cell.cell-half .coord,
.sqg-grid10.pick .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
  position:absolute !important;
  left:50% !important;
  top:4px !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  z-index:4 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-align:center !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
  opacity:1 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.28) !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

@media (max-width: 991.98px){
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half{
    min-width:72px !important;
    height:42px !important;
    min-height:42px !important;
    background:linear-gradient(180deg, #a66333 0%, #8b532b 52%, #6d3f1d 100%) !important;
    border-color:rgba(58,30,12,.72) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(58,30,12,.28), 0 8px 18px rgba(34,17,8,.18) !important;
  }

  .sqg-board-table.pick button.cell.cell-half.half-open,
  .sqg-grid10.pick .cell.cell-half.half-open,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half.half-open,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half.half-open{
    background:linear-gradient(180deg, #a66333 0%, #8b532b 52%, #6d3f1d 100%) !important;
    border-color:rgba(58,30,12,.72) !important;
  }

  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
    border-left:1px solid rgba(255,255,255,.22) !important;
  }

  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    font-size:10px !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-grid10.pick .cell.cell-half .coord{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    top:4px !important;
  }
}


@media (min-width: 992px){
  .sqg-board-table .cell.cell-half,
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10 .cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
    background:linear-gradient(180deg, #0b4f9c 0%, #013369 100%) !important;
    border-color:rgba(255,255,255,.14) !important;
    color:#ffffff !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    background:transparent !important;
    border-top-color:rgba(255,255,255,.12) !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
    border-left-color:rgba(255,255,255,.18) !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 1px rgba(0,0,0,.28) !important;
  }

  .sqg-board-table .cell.cell-half .coord,
  .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg-grid10 .cell.cell-half .coord,
  .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
    background:transparent !important;
    box-shadow:none !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 1px rgba(0,0,0,.28) !important;
  }
}


@media (min-width: 992px){
  .sqg-board-table .cell.cell-half,
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10 .cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
    background: inherit !important;
    color: inherit !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  .sqg-grid10 .cell.cell-half .sqg-half-square,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
    background: transparent !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    background: transparent !important;
    box-shadow: none !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
    border-left-color: rgba(255,255,255,.20) !important;
  }
}

@media (min-width: 992px){
  .sqg-board-table .cell.cell-half,
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10 .cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
    min-width:108px !important;
    width:108px !important;
    height:50px !important;
    min-height:50px !important;
    background:#f3f3f3 !important;
    border:1px solid rgba(0,0,0,0.08) !important;
    color:rgba(0,0,0,0.78) !important;
    opacity:1 !important;
    box-shadow:none !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square::before,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
  .sqg-grid10 .cell.cell-half .sqg-half-square::before,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square::before{
    background:rgba(0,0,0,0.10) !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    padding:18px 4px 4px !important;
    align-items:flex-end !important;
    justify-content:center !important;
    overflow:visible !important;
    background:transparent !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
    border-left:1px solid rgba(0,0,0,0.10) !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    overflow:visible !important;
    white-space:normal !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    display:block !important;
    max-height:none !important;
    font-size:10px !important;
    line-height:1.05 !important;
    font-weight:700 !important;
    color:rgba(0,0,0,0.82) !important;
    -webkit-text-fill-color:rgba(0,0,0,0.82) !important;
    text-shadow:none !important;
    text-align:center !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name{
    color:rgba(0,0,0,0.62) !important;
    -webkit-text-fill-color:rgba(0,0,0,0.62) !important;
  }

  .sqg-board-table .cell.cell-half .coord,
  .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg-grid10 .cell.cell-half .coord,
  .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
    color:rgba(0,0,0,0.70) !important;
    -webkit-text-fill-color:rgba(0,0,0,0.70) !important;
    text-shadow:none !important;
    font-size:12px !important;
    font-weight:650 !important;
    opacity:1 !important;
    top:4px !important;
  }
}

@media (min-width: 992px){
  .sqg-board-table .cell.cell-half .sqg-half-square,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  .sqg-grid10 .cell.cell-half .sqg-half-square,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:1fr !important;
    align-items:stretch !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    min-width:0 !important;
    min-height:100% !important;
    padding:22px 2px 4px !important;
    justify-content:flex-end !important;
    overflow:visible !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part--one,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one{
    align-items:flex-end !important;
    text-align:right !important;
    padding-right:1px !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part--two,
  .sqg-board-table .cell.cell-half .sqg-half-square__part--open,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open{
    align-items:flex-start !important;
    text-align:left !important;
    padding-left:1px !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    width:auto !important;
    max-width:100% !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }
}


@media (min-width: 992px){
  .sqg-board-table .cell.cell-half .sqg-half-square,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  .sqg-grid10 .cell.cell-half .sqg-half-square,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    gap:2px !important;
    padding:20px 4px 4px !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    flex:0 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:calc(50% - 4px) !important;
    min-height:auto !important;
    padding:0 !important;
    justify-content:flex-end !important;
    align-items:flex-end !important;
    background:transparent !important;
    overflow:visible !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
    border-left:none !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part--one,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one{
    justify-content:flex-end !important;
    text-align:right !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part--two,
  .sqg-board-table .cell.cell-half .sqg-half-square__part--open,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open{
    justify-content:flex-start !important;
    text-align:left !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    display:inline-block !important;
    width:auto !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 !important;
    white-space:nowrap !important;
    line-height:1 !important;
  }
}


@media (min-width: 992px){
  .sqg-board-table .cell.cell-half,
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10 .cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
    min-width:96px !important;
    width:96px !important;
    height:50px !important;
    min-height:50px !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  .sqg-grid10 .cell.cell-half .sqg-half-square,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:1fr !important;
    align-items:end !important;
    justify-items:stretch !important;
    gap:0 !important;
    padding:18px 0 4px !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    min-width:0 !important;
    min-height:0 !important;
    width:auto !important;
    height:auto !important;
    padding:0 3px !important;
    margin:0 !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    background:transparent !important;
    overflow:hidden !important;
    border-top:1px solid rgba(0,0,0,.08) !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
    border-left:1px solid rgba(0,0,0,.10) !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.05 !important;
    font-weight:700 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    color:rgba(0,0,0,0.82) !important;
    -webkit-text-fill-color:rgba(0,0,0,0.82) !important;
    text-shadow:none !important;
  }

  .sqg-board-table .cell.cell-half .coord,
  .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg-grid10 .cell.cell-half .coord,
  .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
    top:4px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:auto !important;
    min-width:0 !important;
    color:rgba(0,0,0,0.70) !important;
    -webkit-text-fill-color:rgba(0,0,0,0.70) !important;
    text-shadow:none !important;
  }
}


@media (min-width: 992px){
  .sqg-board-table .cell.cell-half,
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10 .cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
    min-width:112px !important;
    width:112px !important;
    height:58px !important;
    min-height:58px !important;
    padding:0 !important;
  }

  .sqg-board-table .cell.cell-half .coord,
  .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg-grid10 .cell.cell-half .coord,
  .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
    position:absolute !important;
    top:6px !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:none !important;
    border:0 !important;
    border-radius:0 !important;
    color:rgba(0,0,0,0.78) !important;
    -webkit-text-fill-color:rgba(0,0,0,0.78) !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
    z-index:5 !important;
    box-shadow:none !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  .sqg-grid10 .cell.cell-half .sqg-half-square,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:24px 1fr !important;
    align-items:stretch !important;
    justify-items:stretch !important;
    padding:0 !important;
    gap:0 !important;
    z-index:1 !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square::before,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
  .sqg-grid10 .cell.cell-half .sqg-half-square::before,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square::before{
    top:24px !important;
    bottom:6px !important;
    left:50% !important;
    width:1px !important;
    background:rgba(0,0,0,.10) !important;
    transform:translateX(-50%) !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    grid-row:2 !important;
    min-width:0 !important;
    min-height:0 !important;
    width:auto !important;
    height:auto !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    padding:0 6px 6px !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    overflow:visible !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
    border-left:1px solid rgba(0,0,0,.10) !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__label,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
  .sqg-grid10 .cell.cell-half .sqg-half-square__label,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__label{
    display:none !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    font-size:11px !important;
    line-height:1.08 !important;
    font-weight:700 !important;
    text-align:center !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
    overflow:visible !important;
    text-overflow:unset !important;
    -webkit-line-clamp:unset !important;
    -webkit-box-orient:unset !important;
    color:rgba(0,0,0,0.82) !important;
    -webkit-text-fill-color:rgba(0,0,0,0.82) !important;
    text-shadow:none !important;
  }
}

@media (min-width: 768px){
  .sqg-board-table .cell.cell-half,
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10 .cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
    min-width: 118px !important;
    width: 118px !important;
    height: 56px !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .sqg-board-table .cell.cell-half .coord,
  .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg-grid10 .cell.cell-half .coord,
  .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
    position: absolute !important;
    top: 6px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 3 !important;
    display: block !important;
    width: auto !important;
    max-width: calc(100% - 12px) !important;
    line-height: 1 !important;
    color: #525252 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    background: transparent !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  .sqg-grid10 .cell.cell-half .sqg-half-square,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 1fr !important;
    align-items: end !important;
    gap: 0 !important;
    padding: 22px 4px 4px !important;
    background: transparent !important;
    z-index: 1 !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 0 4px 5px !important;
    margin: 0 !important;
    border-top: 1px solid rgba(15,23,42,.09) !important;
    background: transparent !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
    border-left: 1px solid rgba(15,23,42,.09) !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    letter-spacing: 0 !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__label,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
  .sqg-grid10 .cell.cell-half .sqg-half-square__label,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__label{
    display: none !important;
  }
}


@media (min-width: 768px){
  .sqg-board-table .cell.cell-half,
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10 .cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
    min-width: 138px !important;
    width: 138px !important;
    height: 50px !important;
    padding: 0 !important;
    gap: 0 !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .sqg-board-table .cell.cell-half .coord,
  .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg-grid10 .cell.cell-half .coord,
  .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
    position: absolute !important;
    top: 6px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 4 !important;
    color: rgba(0,0,0,0.70) !important;
    -webkit-text-fill-color: rgba(0,0,0,0.70) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    letter-spacing: -0.2px !important;
    opacity: 1 !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  .sqg-grid10 .cell.cell-half .sqg-half-square,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 24px 1fr !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    z-index: 1 !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    grid-row: 2 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-top: 1px solid rgba(15,23,42,.10) !important;
    background: transparent !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part--one,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one{
    grid-column: 1 !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part--two,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
  .sqg-board-table .cell.cell-half .sqg-half-square__part--open,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open{
    grid-column: 2 !important;
    border-left: 1px solid rgba(15,23,42,.10) !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    letter-spacing: 0 !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__label,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
  .sqg-grid10 .cell.cell-half .sqg-half-square__label,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__label{
    display: none !important;
  }
}


@media (min-width: 768px){
  .sqg-board-table .cell.cell-half,
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10 .cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
    min-width: 112px !important;
    width: 112px !important;
    height: 46px !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  .sqg-grid10 .cell.cell-half .sqg-half-square,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
    grid-template-columns: max-content max-content !important;
    grid-template-rows: 22px auto !important;
    justify-content: center !important;
    align-content: stretch !important;
    column-gap: 0 !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__part,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 4px !important;
    justify-self: center !important;
  }

  .sqg-board-table .cell.cell-half .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    width: fit-content !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    font-size: 12px !important;
  }
}


@media (max-width: 767px){
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
    min-width: 72px !important;
    width: auto !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 0 !important;
    background: linear-gradient(180deg, #a66333 0%, #8b532b 52%, #6d3f1d 100%) !important;
    border-color: rgba(58, 30, 12, 0.72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(58,30,12,.28), 0 8px 18px rgba(34,17,8,.18) !important;
    color: #ffffff !important;
    overflow: hidden !important;
  }

  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .coord{
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.72), 0 0 8px rgba(0,0,0,.18) !important;
    top: 6px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 20px minmax(22px, auto) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: inherit !important;
    overflow: hidden !important;
  }

  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    grid-row: 2 !important;
    min-width: 0 !important;
    min-height: 22px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 2px 4px 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-top: 1px solid rgba(255,255,255,.22) !important;
    background: transparent !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one{
    grid-column: 1 !important;
    border-left: 0 !important;
  }

  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open{
    grid-column: 2 !important;
    border-left: 1px solid rgba(255,255,255,.22) !important;
  }

  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.72), 0 0 8px rgba(0,0,0,.18) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    letter-spacing: 0 !important;
  }

  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__label{
    display: none !important;
  }
}


@media (max-width: 767px){
  .sqg-board-table .cell.cell-half .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  .sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
  .sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
  .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
  .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
  .sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
  .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.72), 0 0 8px rgba(0,0,0,.18) !important;
  }
}


@media (max-width: 767px){
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-board-table .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-grid10 .cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-board-table .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-board-table .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-board-table .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--one .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--two .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-grid10 .cell.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-board-table .cell.cell-half .sqg-half-square__name *,
  body.sqg-app-shell-active .sqg.shell.sqg-landing-shell .sqg-grid10 .cell.cell-half .sqg-half-square__name *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.72), 0 0 8px rgba(0,0,0,.18) !important;
  }
}


@media (max-width: 991.98px){
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half,
  .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half{
    display:grid !important;
    grid-template-rows:18px minmax(22px, auto) !important;
    align-items:stretch !important;
    justify-items:stretch !important;
    min-width:64px !important;
    width:64px !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, #0b3b75 0%, #082a57 100%) !important;
    border-color:rgba(255,255,255,.18) !important;
    color:#ffffff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 8px 18px rgba(2,12,27,.28) !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .coord{
    position:relative !important;
    inset:auto !important;
    z-index:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:stretch !important;
    justify-self:stretch !important;
    width:100% !important;
    min-width:0 !important;
    height:18px !important;
    margin:0 !important;
    padding:0 2px !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:10px !important;
    line-height:18px !important;
    font-weight:800 !important;
    border-bottom:1px solid rgba(255,255,255,.16) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.32) !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square{
    position:relative !important;
    inset:auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    width:100% !important;
    height:26px !important;
    min-height:26px !important;
    margin:0 !important;
    padding:0 !important;
    align-self:stretch !important;
    justify-self:stretch !important;
    background:transparent !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
  .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square::before{
    content:"";
    position:absolute;
    top:4px;
    bottom:4px;
    left:50%;
    width:1px;
    transform:translateX(-.5px);
    background:rgba(255,255,255,.18) !important;
    pointer-events:none;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    min-height:26px !important;
    height:26px !important;
    margin:0 !important;
    padding:0 2px !important;
    overflow:hidden !important;
    background:transparent !important;
    border:0 !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
  .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label{
    display:none !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name *,
  .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name *{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    transform:none !important;
    text-align:center !important;
    font-size:8px !important;
    line-height:1.1 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:none !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.half-open.cell-half .sqg-half-square__part--open .sqg-half-square__name,
  .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.half-open.cell-half .sqg-half-square__part--open .sqg-half-square__name{
    font-size:6px !important;
  }
}

@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half{
    position: relative !important;
    min-width: 52px !important;
    width: 52px !important;
    max-width: 52px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #0b4f9c 0%, #013369 100%) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.18) !important;
    color: #ffffff !important;
  }

  body.sqg-app-shell-active .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .coord,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .coord{
    position: absolute !important;
    top: 3px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 3 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.45) !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  body.sqg-app-shell-active .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square{
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: 15px minmax(0, 1fr) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  body.sqg-app-shell-active .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
  body.sqg-app-shell-active .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square::after,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square::before,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square::after{
    content: none !important;
    display: none !important;
  }

  body.sqg-app-shell-active .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 1px 2px 2px !important;
    background: transparent !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  body.sqg-app-shell-active .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one{
    grid-column: 1 !important;
    grid-row: 2 !important;
    border-right: 1px solid rgba(255,255,255,.14) !important;
  }

  body.sqg-app-shell-active .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open{
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  body.sqg-app-shell-active .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name{
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 8px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-align: center !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.45) !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
  }
}

@media (max-width: 991px){
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-grid10.pick .cell.cell-half{
    position:relative !important;
    min-width:56px !important;
    width:56px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:10px !important;
    background:linear-gradient(180deg, #0a2f63 0%, #072349 100%) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:none !important;
    color:#ffffff !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .coord,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-grid10.pick .cell.cell-half .coord{
    position:absolute !important;
    top:4px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    display:block !important;
    z-index:4 !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    border-radius:0 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
    text-align:center !important;
    text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
    box-shadow:none !important;
    opacity:1 !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:1fr !important;
    gap:0 !important;
    padding:18px 0 0 0 !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    z-index:1 !important;
    background:none !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    min-height:0 !important;
    height:26px !important;
    padding:0 2px !important;
    margin:0 !important;
    overflow:hidden !important;
    background:rgba(255,255,255,.08) !important;
    border-top:1px solid rgba(255,255,255,.14) !important;
    border-radius:0 !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part + .sqg-half-square__part,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part + .sqg-half-square__part{
    border-left:1px solid rgba(255,255,255,.16) !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one{
    background:rgba(255,255,255,.10) !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two{
    background:rgba(255,255,255,.06) !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
  body.sqg-app-shell-active .sqg.shell.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open{
    background:rgba(34,197,94,.16) !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__label{
    display:none !important;
  }

  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:visible !important;
    white-space:nowrap !important;
    text-overflow:clip !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    transform:none !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    text-shadow:0 1px 1px rgba(0,0,0,.35) !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}

@media (max-width: 991.98px){
  .sqg-withdraw-plain .sqg-mobile-card{
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:16px;
    margin:0 0 16px;
    box-shadow:0 10px 24px rgba(15,23,42,.08);
  }

  .sqg-withdraw-plain .sqg-mobile-card h2,
  .sqg-withdraw-plain .sqg-mobile-card h3{
    margin-top:0;
  }

  .sqg-withdraw-plain .sqg-mobile-card .sqg-plain-table{
    background:transparent;
  }


  .sqg-withdraw-plain .sqg-mobile-card--request select#sqg_withdraw_speed,
  .sqg-withdraw-plain .sqg-mobile-card--request .regular-text#sqg_withdraw_speed{
    display:block;
    width:100% !important;
    max-width:100% !important;
    min-width:0;
    padding-right:40px;
    box-sizing:border-box;
    background-position:right 12px center;
  }

  .sqg-withdraw-plain .sqg-mobile-card--request td{
    overflow:visible;
  }

  .sqg-withdraw-plain .sqg-wallet-transactions-scroll{
    background:transparent;
    border:0;
    padding:0;
    overflow:visible;
  }

  .sqg-withdraw-plain .sqg-wallet-transactions-list,
  .sqg-withdraw-plain .sqg-wallet-transactions-list thead,
  .sqg-withdraw-plain .sqg-wallet-transactions-list tbody{
    display:block;
    background:transparent;
  }

  .sqg-withdraw-plain .sqg-wallet-transactions-list thead{
    display:none;
  }

  .sqg-withdraw-plain .sqg-wallet-transactions-list tr{
    display:block;
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:14px 16px;
    margin:0 0 14px;
    box-shadow:0 10px 24px rgba(15,23,42,.08);
  }

  .sqg-withdraw-plain .sqg-wallet-transactions-list td{
    display:flex;
    width:100%;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    padding:8px 0;
    border:0;
  }

  .sqg-withdraw-plain .sqg-wallet-transactions-list td + td{
    border-top:1px solid #eef2f7;
  }

  .sqg-withdraw-plain .sqg-wallet-transactions-list td::before{
    content:attr(data-label);
    display:block;
    flex:0 0 92px;
    font-weight:700;
    color:#475569;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-mobile-card,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-wallet-transactions-list tr{
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 14px 32px rgba(0,0,0,.22) !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-wallet-transactions-list td{
    color:#f8fafc !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-wallet-transactions-list td + td{
    border-top:1px solid rgba(255,255,255,.14) !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain .sqg-wallet-transactions-list td::before{
    color:#dbeafe !important;
  }
}


@media (max-width: 640px){
  .validation-wrap{
    width: 100%;
    min-width: 0;
  }
  .validation{
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
    font-size: 13px;
    box-sizing: border-box;
  }
}


@media (max-width: 991.98px){
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.open,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.open{
    background:linear-gradient(180deg, #0b3b75 0%, #082a57 100%) !important;
    border-color:rgba(255,255,255,.18) !important;
    color:#ffffff !important;
    opacity:1 !important;
  }

  .sqg-manual-selection-shell .sqg-board-table.pick button.cell .coord,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell .name,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.open .coord,
  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.open .name,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell .coord,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell .name,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.open .coord,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.open .name{
    color:#ffffff !important;
    opacity:1 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.32) !important;
  }

  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.is-selected,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.is-selected{
    background:linear-gradient(180deg, #1d73d1 0%, #0b4f9c 100%) !important;
    border-color:rgba(255,255,255,.34) !important;
    color:#ffffff !important;
    box-shadow:0 0 0 3px rgba(147,197,253,.24), 0 10px 24px rgba(7,17,31,.32) !important;
  }

  .sqg-manual-selection-shell .sqg-board-table.pick button.cell.half-open,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick button.cell.half-open{
    background:linear-gradient(180deg, #0b3b75 0%, #082a57 100%) !important;
    border-color:#60a5fa !important;
  }
}


@media (max-width: 991.98px){
  .sqg-board-wrap[data-status-layout="room-detail"] .sqg-board-table .cell.open,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-wrap[data-status-layout="room-detail"] .sqg-board-table .cell.open{
    background:linear-gradient(180deg, #0a2f63 0%, #072349 100%) !important;
    color:#ffffff !important;
    border-color:rgba(255,255,255,.14) !important;
  }

  .sqg-board-wrap[data-status-layout="room-detail"] .sqg-board-table .cell.open .coord,
  .sqg-board-wrap[data-status-layout="room-detail"] .sqg-board-table .cell.open .name,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-wrap[data-status-layout="room-detail"] .sqg-board-table .cell.open .coord,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-wrap[data-status-layout="room-detail"] .sqg-board-table .cell.open .name{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 1px rgba(0,0,0,.28) !important;
    opacity:1 !important;
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg.shell .sqg-page-title,
  body.sqg-app-shell-active .sqg.shell > .sqg-card > h1:first-child,
  body.sqg-app-shell-active .sqg.shell > .sqg-card > h2:first-child,
  body.sqg-app-shell-active .sqg.shell > .sqg-card > h3:first-child,
  body.sqg-app-shell-active .sqg.shell > h1:first-child,
  body.sqg-app-shell-active .sqg.shell > h2:first-child,
  body.sqg-app-shell-active .sqg.shell > h3:first-child,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain > h1:first-child,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain > h2:first-child,
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain > h3:first-child,
  body.sqg-app-shell-active .sqg.shell .sqg-card > h1:first-child,
  body.sqg-app-shell-active .sqg.shell .sqg-card > h2:first-child,
  body.sqg-app-shell-active .sqg.shell .sqg-card > h3:first-child{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    font-size:1.25rem !important; /* h5 */
    line-height:1.35 !important;
    font-weight:700 !important;
    margin:0 0 14px !important;
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg.shell .sqg-withdraw-plain > .sqg-wallet-transactions-title{
    display:none !important;
  }
}


@media (max-width: 991.98px){
  .sqg-manual-selection-shell .sqg-board-table.pick .axis-digit,
  body.sqg-app-shell-active .sqg.shell.sqg-manual-selection-shell .sqg-board-table.pick .axis-digit,
  .sqg-board-wrap[data-status-layout="room-detail"] .sqg-board-table .axis-digit,
  body.sqg-app-shell-active .sqg.shell:not(.sqg-landing-shell) .sqg-board-wrap[data-status-layout="room-detail"] .sqg-board-table .axis-digit{
    background: linear-gradient(180deg, #a66333 0%, #8b532b 52%, #6d3f1d 100%) !important;
    border-color: rgba(58, 30, 12, 0.72) !important;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.58) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(58,30,12,.28), 0 8px 18px rgba(34,17,8,.18) !important;
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg.shell .sqg-card .sqg-join-room-method-tabs{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;
    margin:12px 0 14px !important;
  }
  body.sqg-app-shell-active .sqg.shell .sqg-card .sqg-join-room-method-tabs > a,
  body.sqg-app-shell-active .sqg.shell .sqg-card .sqg-join-room-method-tabs > button{
    width:auto !important;
    flex:1 1 0 !important;
    white-space:nowrap !important;
    text-align:center !important;
    min-width:0 !important;
  }
}


.sqg-payment-box{position:relative;}
.sqg-payment-box__close{display:none;}
.sqg-payment-box__eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin-bottom:6px;}
.sqg-payment-box__intro{font-size:13px;line-height:1.5;color:#475569;margin:0 0 10px;}
.sqg-payment-box__progress{display:none;font-size:13px;font-weight:700;color:#0f172a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:10px 12px;margin:0 0 10px;}
.sqg-payment-box.is-preparing .sqg-payment-box__progress{display:block;}
@media (max-width: 767px){
  body.sqg-mobile-payment-open{overflow:hidden;}
  body.sqg-mobile-payment-open::before{content:'';position:fixed;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(2px);z-index:9997;}
  .sqg.shell #sqg-payment-box.sqg-payment-box{position:fixed;left:10px;right:10px;bottom:10px;top:auto;z-index:9998;margin:0;max-height:min(86vh,760px);overflow:auto;border-radius:20px;box-shadow:0 22px 50px rgba(15,23,42,.34);padding:18px 16px 16px;}
  .sqg.shell #sqg-payment-box.sqg-payment-box.hidden{display:none !important;}
  .sqg.shell #sqg-payment-box .sqg-card-element{min-height:92px;}
  .sqg-payment-box__close{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid rgba(15,23,42,.10);border-radius:999px;background:#fff;color:#0f172a;font-size:22px;line-height:1;cursor:pointer;}
  .sqg-payment-box h3{margin-right:40px;margin-bottom:8px;}
  .sqg-payment-box__intro{padding-right:10px;}
  .sqg-payment-box #sqg-confirm-pay{width:100%;min-height:48px;font-size:16px;}
}


@media (max-width: 767px){
  body.sqg-mobile-payment-open::before{
    background:rgba(15,23,42,.38) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body.sqg-mobile-payment-open.sqg-app-shell-active::after{
    display:none !important;
  }
  body.sqg-mobile-payment-open.sqg-app-shell-active .sqg.shell{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box{
    background:#ffffff !important;
    color:#0f172a !important;
    border:1px solid rgba(15,23,42,.10) !important;
    box-shadow:0 22px 50px rgba(15,23,42,.24) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
    text-shadow:none !important;
    isolation:isolate;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box h3,
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__eyebrow,
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__intro,
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-note,
  .sqg.shell #sqg-payment-box.sqg-payment-box label,
  .sqg.shell #sqg-payment-box.sqg-payment-box p,
  .sqg.shell #sqg-payment-box.sqg-payment-box span,
  .sqg.shell #sqg-payment-box.sqg-payment-box div{
    color:inherit !important;
    text-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
  }
  .sqg.shell #sqg-payment-box .sqg-card-element,
  .sqg.shell #sqg-payment-box .StripeElement{
    background:#ffffff !important;
    color:#0f172a !important;
    border:1px solid rgba(15,23,42,.12) !important;
    box-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
  }
  .sqg.shell #sqg-payment-box iframe{
    filter:none !important;
    opacity:1 !important;
    transform:translateZ(0) !important;
    backface-visibility:hidden;
  }
}


@media (max-width: 767px){
  body.sqg-mobile-payment-open::before{
    background:rgba(15,23,42,.30) !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box{
    left:8px !important;
    right:8px !important;
    width:auto !important;
    max-width:calc(100vw - 16px) !important;
    max-height:min(88vh,760px) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    box-sizing:border-box !important;
    padding:16px 14px 14px !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box,
  .sqg.shell #sqg-payment-box.sqg-payment-box *{
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__eyebrow{
    padding-right:34px;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box h3{
    margin:0 38px 8px 0 !important;
    font-size:20px !important;
    line-height:1.2 !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__intro,
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__progress,
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-note{
    font-size:13px !important;
    line-height:1.45 !important;
  }
  .sqg.shell #sqg-payment-box .sqg-card-element{
    min-height:120px !important;
    padding:10px !important;
    overflow:hidden !important;
  }
  .sqg.shell #sqg-payment-box iframe,
  .sqg.shell #sqg-payment-box .StripeElement iframe{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .sqg.shell #sqg-payment-box #sqg-confirm-pay{
    width:100% !important;
  }
}


@media (max-width: 767px){
  body.sqg-mobile-payment-open{
    overflow:hidden;
  }
  body.sqg-mobile-payment-open::before{
    content:'';
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.52) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    z-index:9997;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    top:50% !important;
    bottom:auto !important;
    transform:translate(-50%, -50%) !important;
    width:min(94vw, 520px) !important;
    max-width:min(94vw, 520px) !important;
    max-height:min(86vh, 760px) !important;
    margin:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    border-radius:18px !important;
    padding:20px 18px 18px !important;
    background:#ffffff !important;
    color:#0f172a !important;
    border:1px solid rgba(15,23,42,.12) !important;
    box-shadow:0 24px 60px rgba(15,23,42,.30) !important;
    filter:none !important;
    text-shadow:none !important;
    z-index:9998 !important;
    isolation:isolate;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box.hidden{
    display:none !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box,
  .sqg.shell #sqg-payment-box.sqg-payment-box *{
    box-sizing:border-box !important;
    max-width:100% !important;
    overflow-wrap:anywhere;
    word-break:break-word;
    filter:none !important;
    text-shadow:none !important;
    opacity:1 !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box h3{
    margin:0 42px 8px 0 !important;
    font-size:22px !important;
    line-height:1.2 !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__eyebrow{
    padding-right:40px !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__intro,
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__progress,
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-note{
    font-size:13px !important;
    line-height:1.5 !important;
  }
  .sqg.shell #sqg-payment-box .sqg-card-element,
  .sqg.shell #sqg-payment-box .StripeElement{
    min-height:92px !important;
    width:100% !important;
    padding:0 !important;
    background:#ffffff !important;
    color:#0f172a !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }
  .sqg.shell #sqg-payment-box iframe,
  .sqg.shell #sqg-payment-box .StripeElement iframe{
    width:100% !important;
    max-width:100% !important;
    filter:none !important;
    opacity:1 !important;
    transform:translateZ(0) !important;
    backface-visibility:hidden;
  }
  .sqg.shell #sqg-payment-box #sqg-confirm-pay{
    width:100% !important;
    min-height:48px !important;
    font-size:16px !important;
  }
  .sqg-payment-box__close{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:10px;
    right:10px;
    width:34px;
    height:34px;
    border:1px solid rgba(15,23,42,.10);
    border-radius:999px;
    background:#fff;
    color:#0f172a;
    font-size:22px;
    line-height:1;
    cursor:pointer;
  }
}


@media (max-width: 767px){
  body.sqg-mobile-payment-open{
    overflow:hidden !important;
  }
  body.sqg-mobile-payment-open::before{
    content:'' !important;
    position:fixed !important;
    inset:0 !important;
    background:rgba(15,23,42,.52) !important;
    z-index:9997 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box{
    position:fixed !important;
    inset: max(8px, env(safe-area-inset-top, 0px)) 8px max(8px, env(safe-area-inset-bottom, 0px)) 8px !important;
    left:8px !important;
    right:8px !important;
    top:max(8px, env(safe-area-inset-top, 0px)) !important;
    bottom:max(8px, env(safe-area-inset-bottom, 0px)) !important;
    transform:none !important;
    width:auto !important;
    max-width:calc(100vw - 16px) !important;
    min-width:0 !important;
    max-height:none !important;
    height:auto !important;
    margin:0 !important;
    padding:16px 14px calc(14px + env(safe-area-inset-bottom, 0px)) 14px !important;
    border-radius:18px !important;
    background:#fff !important;
    color:#0f172a !important;
    border:1px solid rgba(15,23,42,.12) !important;
    box-shadow:0 24px 60px rgba(15,23,42,.28) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    z-index:9998 !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box,
  .sqg.shell #sqg-payment-box.sqg-payment-box *{
    box-sizing:border-box !important;
    max-width:100% !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box h3{
    margin:0 42px 8px 0 !important;
    font-size:21px !important;
    line-height:1.2 !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__eyebrow,
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__intro,
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__progress,
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-note{
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .sqg.shell #sqg-payment-box .sqg-card-element,
  .sqg.shell #sqg-payment-box .StripeElement,
  .sqg.shell #sqg-payment-box iframe,
  .sqg.shell #sqg-payment-box .StripeElement iframe{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  .sqg.shell #sqg-payment-box .sqg-card-element,
  .sqg.shell #sqg-payment-box .StripeElement{
    min-height:140px !important;
    padding:0 !important;
    background:#fff !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .sqg.shell #sqg-payment-box #sqg-confirm-pay{
    position:sticky !important;
    bottom:0 !important;
    width:100% !important;
    min-height:48px !important;
    margin-top:12px !important;
    z-index:2 !important;
  }
  .sqg.shell #sqg-payment-box .sqg-note:last-child{
    padding-bottom:4px !important;
  }
  .sqg.shell #sqg-payment-box.sqg-payment-box.hidden{
    display:none !important;
  }
}


@media (max-width: 767px){
  body.sqg-mobile-payment-open::before{
    z-index:2147483000 !important;
    pointer-events:none !important;
  }
  body > #sqg-payment-box.sqg-payment-box.sqg-mobile-payment-floating{
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    top:max(8px, env(safe-area-inset-top, 0px)) !important;
    bottom:auto !important;
    width:auto !important;
    max-width:calc(100vw - 16px) !important;
    max-width:calc(100dvw - 16px) !important;
    min-width:0 !important;
    max-height:min(calc(100vh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)), 760px) !important;
    max-height:min(calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)), 760px) !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:auto !important;
    overscroll-behavior:contain !important;
    touch-action:auto !important;
    pointer-events:auto !important;
    z-index:2147483001 !important;
    transform:none !important;
  }
  body > #sqg-payment-box.sqg-payment-box.sqg-mobile-payment-floating,
  body > #sqg-payment-box.sqg-payment-box.sqg-mobile-payment-floating *{
    box-sizing:border-box !important;
    max-width:100% !important;
    min-width:0 !important;
    pointer-events:auto !important;
  }
  body > #sqg-payment-box.sqg-payment-box.sqg-mobile-payment-floating .sqg-card-element,
  body > #sqg-payment-box.sqg-payment-box.sqg-mobile-payment-floating .StripeElement,
  body > #sqg-payment-box.sqg-payment-box.sqg-mobile-payment-floating .__PrivateStripeElement{
    position:relative !important;
    z-index:1 !important;
    pointer-events:auto !important;
    touch-action:auto !important;
  }
  body > #sqg-payment-box.sqg-payment-box.sqg-mobile-payment-floating iframe,
  body > #sqg-payment-box.sqg-payment-box.sqg-mobile-payment-floating .StripeElement iframe,
  body > #sqg-payment-box.sqg-payment-box.sqg-mobile-payment-floating .__PrivateStripeElement iframe{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    pointer-events:auto !important;
  }
}


@media (max-width: 991.98px){
  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-table-scroll,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-table-scroll{
    overflow:visible;
    padding-bottom:0;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-table-scroll::after,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-table-scroll::after{
    display:none;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards{
    min-width:0 !important;
    display:grid;
    gap:12px;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row.head,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row.head{
    display:none;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#ffffff;
    padding:12px;
    box-shadow:0 6px 18px rgba(15,23,42,.06);
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:0;
    border-top:1px solid #eef2f7;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div:first-child,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div:first-child{
    border-top:0;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div::before,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div::before{
    content:attr(data-label);
    font-weight:700;
    color:#475569;
    flex:0 0 auto;
    margin-right:12px;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div{
    min-width:0;
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div .sqg-card-value,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div .sqg-card-value{
    flex:1 1 auto;
    min-width:0;
    text-align:right;
    color:#0f172a;
    font-weight:600;
    white-space:normal;
    word-break:break-word;
  }
}


@media (max-width: 991.98px){
  body.sqg-app-shell-active .sqg.shell #tab-scoreboard #sqg-scoreboard-mount.sqg-card.inner,
  .sqg.shell #tab-scoreboard #sqg-scoreboard-mount.sqg-card.inner{
    background:linear-gradient(180deg,#0b3c78 0%,#0a2f5d 100%) !important;
    border:1px solid rgba(147,197,253,.32) !important;
    box-shadow:0 14px 32px rgba(2,16,38,.28) !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-note,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-note{
    color:#dbeafe !important;
    background:rgba(255,255,255,.08) !important;
    border-color:rgba(191,219,254,.18) !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row{
    background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%) !important;
    border:1px solid rgba(147,197,253,.42) !important;
    border-radius:14px !important;
    box-shadow:0 8px 20px rgba(15,23,42,.12) !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div::before,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div::before{
    content:attr(data-label) !important;
    color:#1e3a5f !important;
    font-weight:700 !important;
    font-size:13px !important;
    line-height:1.35 !important;
    flex:0 0 auto !important;
    margin-right:12px !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div .sqg-card-value,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div .sqg-card-value{
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    text-align:right !important;
    color:#0f172a !important;
    font-weight:800 !important;
    font-size:14px !important;
    line-height:1.4 !important;
    white-space:normal !important;
    word-break:break-word !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}


.sqg-scoreboard--room-detail .sqg-card-label{
  display:none;
}

@media (max-width: 991.98px){
  body.sqg-app-shell-active .sqg.shell #tab-scoreboard #sqg-scoreboard-mount.sqg-card.inner,
  .sqg.shell #tab-scoreboard #sqg-scoreboard-mount.sqg-card.inner{
    background:linear-gradient(180deg,#0b3c78 0%,#0a2f5d 100%) !important;
    border:1px solid rgba(147,197,253,.32) !important;
    box-shadow:0 14px 32px rgba(2,16,38,.28) !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-table-scroll,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-table-scroll{
    overflow:visible !important;
    padding-bottom:0 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-table-scroll::after,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-table-scroll::after{
    display:none !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-note,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-note{
    color:#dbeafe !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(191,219,254,.18) !important;
    border-radius:12px !important;
    padding:10px 12px !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards{
    min-width:0 !important;
    display:grid !important;
    gap:12px !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row.head,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row.head{
    display:none !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    min-width:0 !important;
    background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%) !important;
    border:1px solid rgba(147,197,253,.42) !important;
    border-radius:14px !important;
    box-shadow:0 8px 20px rgba(15,23,42,.12) !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px !important;
    min-width:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    padding:12px 14px !important;
    border-top:1px solid rgba(30,58,95,.10) !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div:first-child,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div:first-child{
    border-top:0 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div::before,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div::before{
    content:none !important;
    display:none !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-label,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-label{
    display:block !important;
    flex:0 0 auto !important;
    margin:0 !important;
    color:#1e3a5f !important;
    font-weight:700 !important;
    font-size:13px !important;
    line-height:1.35 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-value,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-value{
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
    text-align:right !important;
    color:#0f172a !important;
    font-weight:800 !important;
    font-size:14px !important;
    line-height:1.4 !important;
    white-space:normal !important;
    word-break:break-word !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}


@media (max-width: 991.98px){
  body.sqg-app-shell-active .sqg.shell #tab-scoreboard #sqg-scoreboard-mount.sqg-card.inner,
  .sqg.shell #tab-scoreboard #sqg-scoreboard-mount.sqg-card.inner{
    background:linear-gradient(180deg,#0b3f86 0%,#082f63 100%) !important;
    border:1px solid rgba(96,165,250,.38) !important;
    box-shadow:0 14px 32px rgba(2,16,38,.32) !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row{
    background:linear-gradient(180deg,#114b94 0%,#0b3974 100%) !important;
    border:1px solid rgba(191,219,254,.26) !important;
    box-shadow:0 10px 24px rgba(2,16,38,.24) !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div{
    border-top:1px solid rgba(191,219,254,.18) !important;
    background:transparent !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-label,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-label{
    color:#dbeafe !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-value,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-value{
    color:#ffffff !important;
  }
}

@media (max-width: 991.98px){
  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row{
    background:linear-gradient(180deg,#114b94 0%,#0b3974 100%) !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div,
  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div *,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-scoreboard-table--cards .sqg-row > div *{
    text-shadow:none !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-label,
  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-label *,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-label,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-label *{
    color:#dbeafe !important;
    -webkit-text-fill-color:#dbeafe !important;
    opacity:1 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-value,
  body.sqg-app-shell-active .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-value *,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-value,
  .sqg.shell #tab-scoreboard .sqg-scoreboard--room-detail .sqg-card-value *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    fill:#ffffff !important;
    opacity:1 !important;
  }
}


.sqg-winners .sqg-card-label{
  display:none;
}

@media (max-width: 991.98px){
  body.sqg-app-shell-active .sqg.shell #tab-winners #sqg-winners-mount.sqg-card.inner,
  .sqg.shell #tab-winners #sqg-winners-mount.sqg-card.inner{
    background:linear-gradient(180deg,#0b3f86 0%,#082f63 100%) !important;
    border:1px solid rgba(96,165,250,.38) !important;
    box-shadow:0 14px 32px rgba(2,16,38,.32) !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winners .sqg-note,
  .sqg.shell #tab-winners .sqg-winners .sqg-note{
    color:#dbeafe !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(191,219,254,.18) !important;
    border-radius:12px !important;
    padding:10px 12px !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-table-scroll,
  .sqg.shell #tab-winners .sqg-table-scroll{
    overflow:visible !important;
    padding-bottom:0 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-table-scroll::after,
  .sqg.shell #tab-winners .sqg-table-scroll::after{
    display:none !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winners-table--cards,
  .sqg.shell #tab-winners .sqg-winners-table--cards{
    min-width:0 !important;
    display:grid !important;
    gap:12px !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winners-table--cards .sqg-row.head,
  .sqg.shell #tab-winners .sqg-winners-table--cards .sqg-row.head{
    display:none !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winners-table--cards .sqg-row,
  .sqg.shell #tab-winners .sqg-winners-table--cards .sqg-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    min-width:0 !important;
    background:linear-gradient(180deg,#114b94 0%,#0b3974 100%) !important;
    border:1px solid rgba(191,219,254,.26) !important;
    border-radius:14px !important;
    box-shadow:0 10px 24px rgba(2,16,38,.24) !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winners-table--cards .sqg-row > div,
  .sqg.shell #tab-winners .sqg-winners-table--cards .sqg-row > div{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px !important;
    min-width:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    padding:12px 14px !important;
    border-top:1px solid rgba(191,219,254,.18) !important;
    background:transparent !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winners-table--cards .sqg-row > div:first-child,
  .sqg.shell #tab-winners .sqg-winners-table--cards .sqg-row > div:first-child{
    border-top:0 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winners-table--cards .sqg-row > div::before,
  .sqg.shell #tab-winners .sqg-winners-table--cards .sqg-row > div::before{
    content:none !important;
    display:none !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-card-label,
  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-card-label *,
  .sqg.shell #tab-winners .sqg-card-label,
  .sqg.shell #tab-winners .sqg-card-label *{
    display:block !important;
    flex:0 0 auto !important;
    margin:0 !important;
    color:#dbeafe !important;
    -webkit-text-fill-color:#dbeafe !important;
    font-weight:700 !important;
    font-size:13px !important;
    line-height:1.35 !important;
    opacity:1 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-card-value,
  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-card-value *,
  .sqg.shell #tab-winners .sqg-card-value,
  .sqg.shell #tab-winners .sqg-card-value *{
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
    text-align:right !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    fill:#ffffff !important;
    font-weight:800 !important;
    font-size:14px !important;
    line-height:1.4 !important;
    white-space:normal !important;
    word-break:break-word !important;
    visibility:visible !important;
    opacity:1 !important;
    text-shadow:none !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-mini-status,
  .sqg.shell #tab-winners .sqg-mini-status{
    display:block !important;
    margin-top:6px !important;
    color:#dbeafe !important;
    -webkit-text-fill-color:#dbeafe !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
  }
}


@media (max-width: 991.98px){
  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-card-value .sqg-user-badge,
  .sqg.shell #tab-winners .sqg-card-value .sqg-user-badge{
    display:inline-flex !important;
    align-items:center !important;
    vertical-align:middle !important;
    margin-left:4px !important;
    padding:2px 6px !important;
    gap:3px !important;
    border-radius:999px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-card-value .sqg-user-badge__icon,
  .sqg.shell #tab-winners .sqg-card-value .sqg-user-badge__icon{
    display:inline-flex !important;
    width:14px !important;
    height:14px !important;
    font-size:9px !important;
    line-height:1 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-card-value .sqg-user-badge__label,
  .sqg.shell #tab-winners .sqg-card-value .sqg-user-badge__label{
    display:inline !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-card-value br,
  .sqg.shell #tab-winners .sqg-card-value br{
    display:block !important;
    content:"" !important;
  }
}

@media (max-width: 991.98px){
  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-prize-col,
  .sqg.shell #tab-winners .sqg-winner-prize-col{
    display:none !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-slot,
  .sqg.shell #tab-winners .sqg-winner-slot{
    align-items:flex-start !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-slot .sqg-card-value,
  .sqg.shell #tab-winners .sqg-winner-slot .sqg-card-value{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    gap:4px !important;
    text-align:right !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-main,
  .sqg.shell #tab-winners .sqg-winner-main{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    width:100% !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-main > .sqg-user-badge,
  .sqg.shell #tab-winners .sqg-winner-main > .sqg-user-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-left:0 !important;
    padding:0 !important;
    min-width:24px !important;
    height:24px !important;
    border-radius:999px !important;
    border:2px solid rgba(255,255,255,.35) !important;
    background:#facc15 !important;
    color:#111827 !important;
    box-shadow:0 3px 10px rgba(0,0,0,.22) !important;
    vertical-align:middle !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-main > .sqg-user-badge .sqg-user-badge__icon,
  .sqg.shell #tab-winners .sqg-winner-main > .sqg-user-badge .sqg-user-badge__icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    border-radius:999px !important;
    background:transparent !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-shadow:none !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-main > .sqg-user-badge .sqg-user-badge__label,
  .sqg.shell #tab-winners .sqg-winner-main > .sqg-user-badge .sqg-user-badge__label{
    display:none !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-amount,
  .sqg.shell #tab-winners .sqg-winner-amount{
    display:block !important;
    width:100% !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.3 !important;
    text-align:right !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-slot .sqg-mini-status,
  .sqg.shell #tab-winners .sqg-winner-slot .sqg-mini-status{
    display:block !important;
    width:100% !important;
    margin-top:0 !important;
    color:#dbeafe !important;
    -webkit-text-fill-color:#dbeafe !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    text-align:right !important;
  }
}


@media (max-width: 991.98px){
  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-slot,
  .sqg.shell #tab-winners .sqg-winner-slot{
    align-items:flex-start !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-slot .sqg-card-label,
  .sqg.shell #tab-winners .sqg-winner-slot .sqg-card-label{
    min-width:72px !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-stack,
  .sqg.shell #tab-winners .sqg-winner-stack{
    display:block !important;
    width:100% !important;
    text-align:right !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-person,
  .sqg.shell #tab-winners .sqg-winner-person{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-person + .sqg-winner-person,
  .sqg.shell #tab-winners .sqg-winner-person + .sqg-winner-person{
    margin-top:10px !important;
    padding-top:10px !important;
    border-top:1px dashed rgba(191,219,254,.24) !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-line,
  .sqg.shell #tab-winners .sqg-winner-line{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-name,
  .sqg.shell #tab-winners .sqg-winner-name{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    max-width:100% !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    text-align:right !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-name .sqg-user-badge,
  .sqg.shell #tab-winners .sqg-winner-name .sqg-user-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    margin-left:0 !important;
    padding:0 !important;
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    border-radius:999px !important;
    border:2px solid rgba(255,255,255,.45) !important;
    background:#facc15 !important;
    box-shadow:0 3px 10px rgba(0,0,0,.22) !important;
    vertical-align:middle !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-name .sqg-user-badge__icon,
  .sqg.shell #tab-winners .sqg-winner-name .sqg-user-badge__icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    background:transparent !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-name .sqg-user-badge__label,
  .sqg.shell #tab-winners .sqg-winner-name .sqg-user-badge__label{
    display:none !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-amount,
  .sqg.shell #tab-winners .sqg-winner-amount{
    display:block !important;
    width:100% !important;
    margin-top:4px !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.3 !important;
    text-align:right !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-slot .sqg-mini-status,
  .sqg.shell #tab-winners .sqg-winner-slot .sqg-mini-status{
    display:block !important;
    width:100% !important;
    margin-top:2px !important;
    color:#dbeafe !important;
    -webkit-text-fill-color:#dbeafe !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    text-align:right !important;
  }

  body.sqg-app-shell-active .sqg.shell #tab-winners .sqg-winner-main,
  .sqg.shell #tab-winners .sqg-winner-main{
    display:contents !important;
  }
}


.sqg-landing-helpful-links .sqg-helpful-links-mobile-tab{
  display:none;
}

@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-landing-helpful-links .sqg-actions > .sqg-btn:not(.sqg-helpful-links-mobile-tab),
  .sqg-landing-helpful-links .sqg-actions > .sqg-btn:not(.sqg-helpful-links-mobile-tab){
    display:none !important;
  }

  body.sqg-app-shell-active .sqg-landing-helpful-links .sqg-helpful-links-mobile-tab,
  .sqg-landing-helpful-links .sqg-helpful-links-mobile-tab{
    display:inline-flex;
    width:100%;
    justify-content:center;
    align-items:center;
    background:#dc2626 !important;
    border-color:#dc2626 !important;
    color:#ffffff !important;
  }

  body.sqg-app-shell-active .sqg-landing-helpful-links .sqg-helpful-links-mobile-tab:hover,
  body.sqg-app-shell-active .sqg-landing-helpful-links .sqg-helpful-links-mobile-tab:focus,
  .sqg-landing-helpful-links .sqg-helpful-links-mobile-tab:hover,
  .sqg-landing-helpful-links .sqg-helpful-links-mobile-tab:focus{
    background:#b91c1c !important;
    border-color:#b91c1c !important;
    color:#ffffff !important;
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active{
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  body.sqg-app-shell-active .sqg.shell{
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
    padding-bottom: calc(110px + env(safe-area-inset-bottom));
  }
  body.sqg-app-shell-active .sqg-card,
  body.sqg-app-shell-active .sqg-table-scroll,
  body.sqg-app-shell-active .sqg-matchup-rooms-wrap{
    overflow: hidden;
  }
  body.sqg-app-shell-active input,
  body.sqg-app-shell-active select,
  body.sqg-app-shell-active textarea{
    font-size: 16px !important;
    min-height: 46px;
  }
  body.sqg-app-shell-active .sqg-btn,
  body.sqg-app-shell-active button.sqg-btn,
  body.sqg-app-shell-active .sqg-app-navitem{
    min-height: 46px;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav{
    padding-bottom: max(10px, env(safe-area-inset-bottom));
  }
  body.sqg-app-shell-active .sqg-table .sqg-row > div{
    word-break: break-word;
  }
  body.sqg-app-shell-active .sqg-winner-name,
  body.sqg-app-shell-active .sqg-card-value{
    overflow-wrap: anywhere;
  }
}

.sqg-team-badge{position:relative;display:inline-flex;align-items:center;vertical-align:middle}
.sqg-team-badge__trigger{appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;font-weight:700;line-height:1.1;color:inherit;cursor:pointer;text-decoration:none}
.sqg-team-badge__text{display:inline-block;font:inherit;font-weight:700;line-height:1.1;color:inherit}
.sqg-team-badge__trigger:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}
.sqg-team-badge__popup{position:absolute;left:50%;top:auto;bottom:calc(100% + 10px);transform:translateX(-50%);z-index:60;display:none;width:min(360px,80vw);padding:12px 14px;border-radius:12px;background:#111827;color:#fff;box-shadow:0 16px 40px rgba(15,23,42,.28);text-align:left;white-space:normal;font-size:12px;line-height:1.5}
.sqg-team-badge__popup::before{content:'';position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:#111827;transform:translateX(-50%) rotate(45deg)}
.sqg-team-badge:hover .sqg-team-badge__popup,.sqg-team-badge:focus-within .sqg-team-badge__popup,.sqg-team-badge.is-open .sqg-team-badge__popup{display:block}
.sqg-team-badge__row{display:block;margin:0 0 6px}
.sqg-team-badge__row:last-child{margin-bottom:0}
.sqg-team-badge__label{font-weight:800}
.sqg-team-badge__label--team{color:#fbbf24}
.sqg-team-badge__label--playoff{color:#93c5fd}
.sqg-team-badge__label--super-bowl{color:#c4b5fd}
.sqg-team-badge__label--champions{color:#86efac}
.sqg-sport-tag{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:3px 8px;border-radius:999px;background:#0f172a;color:#ffffff;font-size:11px;font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase;vertical-align:middle;box-shadow:0 1px 2px rgba(15,23,42,.12)}
.sqg-sport-tag--nba{background:#1d4ed8;color:#ffffff}
.sqg-sport-tag--nfl{background:#166534;color:#ffffff}
.sqg-matchup-badges{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.sqg-matchup-badges__vs{font-weight:700;opacity:.8}
.sqg-live-board-team .sqg-team-badge__popup,.sqg-shuffle-step-banner__teams .sqg-team-badge__popup{color:#fff}
.sqg-card-label .sqg-team-badge__trigger,.sqg-scoreboard-table .sqg-team-badge__trigger,.sqg-note .sqg-team-badge__trigger,.sqg-page-subtitle .sqg-team-badge__trigger,.title .sqg-team-badge__trigger{font-weight:700}
@media (max-width: 767px){
  .sqg-team-badge__popup{left:0;right:auto;top:auto;bottom:calc(100% + 8px);transform:none;width:min(300px,72vw)}
  .sqg-team-badge__popup::before{left:18px;bottom:-6px;top:auto;transform:rotate(45deg)}
}

.sqg-team-badge{position:relative;display:inline-flex;align-items:center;vertical-align:middle;overflow:visible;z-index:1}
.sqg-team-badge.is-open{z-index:9999}
.sqg-team-badge__trigger{cursor:pointer}
.sqg-live-board-title-row,.sqg-live-board-inline-title,.sqg-live-board-team,.sqg-page-subtitle,.sqg-matchup-badges,.sqg-shuffle-step-banner__teams{overflow:visible !important}
.sqg-landing-card,.sqg-manual-selection-shell > .sqg-card:first-child,.sqg.shell[data-room-id] > .sqg-card:first-child{overflow:visible !important}
.sqg.shell[data-room-id] .sqg-page-subtitle{color:#111827;font-weight:700}
body.sqg-app-shell-active .sqg.shell[data-room-id] .sqg-page-subtitle,
body.sqg-app-shell-active .sqg.shell[data-room-id] .sqg-page-subtitle *{color:#fff !important}
@media (max-width: 991px){
  .sqg.shell[data-room-id] .sqg-page-subtitle,
  .sqg.shell[data-room-id] .sqg-page-subtitle *{color:#fff !important}
}
@media (min-width: 992px){
  .sqg.shell[data-room-id] > .sqg-card:first-child > .sqg-page-title.is-compact{display:none !important}
}
@media (max-width: 767px){
  .sqg-team-badge__popup{padding:14px 12px;max-height:min(72vh, 620px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;word-break:break-word;overflow-wrap:anywhere}
  .sqg-team-badge__popup::before{display:none}
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-team-badge__popup .sqg-team-badge__label--team,
  body.sqg-app-shell-active .sqg-team-badge__popup .sqg-team-badge__label--playoff,
  body.sqg-app-shell-active .sqg-team-badge__popup .sqg-team-badge__label--super-bowl,
  body.sqg-app-shell-active .sqg-team-badge__popup .sqg-team-badge__label--champions,
  .sqg.shell[data-room-id] .sqg-team-badge__popup .sqg-team-badge__label--team,
  .sqg.shell[data-room-id] .sqg-team-badge__popup .sqg-team-badge__label--playoff,
  .sqg.shell[data-room-id] .sqg-team-badge__popup .sqg-team-badge__label--super-bowl,
  .sqg.shell[data-room-id] .sqg-team-badge__popup .sqg-team-badge__label--champions{
    -webkit-text-fill-color:currentColor !important;
  }
  body.sqg-app-shell-active .sqg-team-badge__popup .sqg-team-badge__label--team,
  .sqg.shell[data-room-id] .sqg-team-badge__popup .sqg-team-badge__label--team{color:#fbbf24 !important}
  body.sqg-app-shell-active .sqg-team-badge__popup .sqg-team-badge__label--playoff,
  .sqg.shell[data-room-id] .sqg-team-badge__popup .sqg-team-badge__label--playoff{color:#93c5fd !important}
  body.sqg-app-shell-active .sqg-team-badge__popup .sqg-team-badge__label--super-bowl,
  .sqg.shell[data-room-id] .sqg-team-badge__popup .sqg-team-badge__label--super-bowl{color:#c4b5fd !important}
  body.sqg-app-shell-active .sqg-team-badge__popup .sqg-team-badge__label--champions,
  .sqg.shell[data-room-id] .sqg-team-badge__popup .sqg-team-badge__label--champions{color:#86efac !important}
}


.sqg-team-badge{overflow:visible}


.sqg-notification-cta-wrap{
  display:inline-flex;
  margin-top:8px;
  max-width:100%;
}
.sqg-notification-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid #1d4ed8;
  background:#2563eb;
  color:#fff !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  box-shadow:0 8px 20px rgba(37,99,235,.22);
}
.sqg-notification-cta:hover,
.sqg-notification-cta:focus{
  background:#1d4ed8;
  border-color:#1d4ed8;
  color:#fff !important;
  text-decoration:none !important;
}
body.sqg-app-shell-active .sqg-notification-cta{
  background:#3b82f6;
  border-color:#60a5fa;
  color:#fff !important;
}
body.sqg-app-shell-active .sqg-notification-cta:hover,
body.sqg-app-shell-active .sqg-notification-cta:focus{
  background:#2563eb;
  border-color:#60a5fa;
}


.sqg-landing-rules-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin-bottom:14px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.96));border:1px solid rgba(96,165,250,.28);box-shadow:0 12px 30px rgba(2,6,23,.22)}
.sqg-landing-rules-card__copy{min-width:0}
.sqg-landing-rules-card__eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;margin-bottom:4px}
.sqg-landing-rules-card__title{font-size:18px;font-weight:800;line-height:1.2;color:#fff}
.sqg-landing-rules-card__button{white-space:nowrap;flex:0 0 auto}
@media (max-width: 640px){
  .sqg-landing-rules-card{align-items:flex-start;flex-direction:column;padding:14px}
  .sqg-landing-rules-card__title{font-size:16px}
  .sqg-landing-rules-card__button{width:100%;text-align:center;justify-content:center}
}


.sqg-card.matchup .title .sqg-team-badge{overflow:visible}
.sqg-card.matchup .title .sqg-team-badge__popup{
  position:fixed;
  left:50%;
  right:auto;
  top:50%;
  bottom:auto;
  transform:translate(-50%,-50%);
  width:min(360px,calc(100vw - 24px));
  max-width:min(360px,calc(100vw - 24px));
  z-index:10050;
}
.sqg-card.matchup .title .sqg-team-badge__popup::before{
  display:none;
}
@media (max-width: 767px){
  .sqg-card.matchup .title .sqg-team-badge__popup{
    width:min(280px,calc(100vw - 24px));
    max-width:min(280px,calc(100vw - 24px));
    top:50%;
  }
}


.sqg-nfl-logo,.sqg-nba-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.35));}
.sqg-nfl-logo img,.sqg-nba-logo img{display:block;width:100%;height:100%;object-fit:contain;}
.sqg-live-board-league-logo,.sqg-live-board-nfl-logo{margin-right:2px;}
@media (max-width:640px){
  .sqg-nfl-logo,.sqg-nba-logo{width:30px;height:30px;}
}
body.sqg-app-shell-active .sqg-landing-shell .sqg-live-board-league-logo,
body.sqg-app-shell-active .sqg-landing-shell .sqg-live-board-nfl-logo,
.sqg-landing-shell .sqg-live-board-league-logo,
.sqg-landing-shell .sqg-live-board-nfl-logo{opacity:1 !important;}


.sqg-withdraw-history-scroll{margin-top:8px;}
.sqg-withdraw-audit-meta{margin-top:6px;font-size:12px;line-height:1.5;color:#6b7280;word-break:break-word;}
@media (max-width: 782px){
  .sqg-withdraw-plain--minimal{max-width:100%;}
  .sqg-withdraw-plain .sqg-mobile-card{padding:14px 14px 10px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04);margin-bottom:14px;}
  .sqg-withdraw-plain .sqg-mobile-card .sqg-plain-table th{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;}
  .sqg-withdraw-plain .sqg-mobile-card .sqg-plain-table td{padding-top:2px;font-size:15px;font-weight:600;color:#111827;}
  .sqg-withdraw-plain .sqg-mobile-card--request input.regular-text,
  .sqg-withdraw-plain .sqg-mobile-card--request select.regular-text,
  .sqg-withdraw-plain .sqg-mobile-card--request .regular-text#sqg_withdraw_speed{width:100%;max-width:none;height:44px;border-radius:10px;padding:10px 12px;margin:6px 0 10px;box-sizing:border-box;}
  .sqg-withdraw-plain .sqg-mobile-card--request .sqg-btn.small{display:inline-flex;width:100%;justify-content:center;min-height:44px;border-radius:10px;font-size:14px;}
  .sqg-withdraw-plain .sqg-table-scroll{overflow:visible;background:transparent;padding:0;margin-top:8px;}
  .sqg-withdraw-plain .sqg-withdraw-history-table,
  .sqg-withdraw-plain .sqg-withdraw-history-table thead,
  .sqg-withdraw-plain .sqg-withdraw-history-table tbody{display:block;width:100%;}
  .sqg-withdraw-plain .sqg-withdraw-history-table thead{display:none;}
  .sqg-withdraw-plain .sqg-withdraw-history-table tr{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;margin:0 0 12px;box-shadow:0 1px 2px rgba(15,23,42,.04);}
  .sqg-withdraw-plain .sqg-withdraw-history-table td{display:block;width:100%;border:0;padding:0 0 8px;}
  .sqg-withdraw-plain .sqg-withdraw-history-table td:last-child{padding-bottom:0;}
  .sqg-withdraw-plain .sqg-withdraw-history-table td::before{content:attr(data-label);display:block;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#6b7280;margin-bottom:4px;}
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__icon{
    width:36px;
    height:36px;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__icon svg{
    width:24px;
    height:24px;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__icon img{
    width:24px;
    height:24px;
    object-fit:contain;
  }
}


.sqg-room-detail-shell .sqg-room-detail-purchase-type,
.sqg-room-detail-shell .sqg-room-detail-purchase-note{
  display:none !important;
}


.sqg-app-bottomnav{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  justify-content:space-between;
}
.sqg-app-bottomnav__item{
  flex:1 1 0;
  min-width:0;
}
@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-app-bottomnav{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:space-between;
    gap:4px;
    overflow:hidden;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item{
    flex:1 1 0 !important;
    min-width:0 !important;
    width:auto !important;
    min-height:58px;
    padding:6px 2px 8px;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem{
    gap:4px;
    min-width:0;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__label{
    width:100%;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:9px;
    line-height:1;
    text-align:center;
  }
}


.sqg-app-cornericon--text{
  width:auto;
  min-width:42px;
  height:42px;
  flex:0 0 auto;
  padding:0 12px;
}
.sqg-app-cornericon__label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.sqg-app-cornericon--text .sqg-app-navitem__icon{display:none}
@media (max-width: 420px){
  .sqg-app-topbar__inner{gap:8px}
  .sqg-app-topbar__actions{gap:6px}
  .sqg-app-cornericon--text{padding:0 9px;min-width:0;height:40px}
  .sqg-app-cornericon__label{font-size:11px}
}

body.sqg-app-shell-active [data-sqg-home-hidden="1"]{display:none !important;}


.sqg-app-topbar__inner{justify-content:flex-start;align-items:center}
.sqg-app-brand{display:none !important;flex:0 0 0 !important;width:0 !important;min-width:0 !important}
.sqg-app-topbar__actions{justify-content:flex-start;align-items:stretch;gap:7px;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:2px}
.sqg-app-topbar__actions::-webkit-scrollbar{display:none}
.sqg-app-cornericon--text{min-width:48px;height:44px;padding:0 12px;border-radius:16px}
.sqg-app-cornericon__label{font-size:13px;font-weight:800;letter-spacing:.005em}
@media (max-width: 640px){
  .sqg-app-topbar__actions{gap:5px}
  .sqg-app-cornericon--text{min-width:44px;height:42px;padding:0 9px}
  .sqg-app-cornericon__label{font-size:11px}
}


.sqg-app-topbar__inner{padding-left:18px;box-sizing:border-box}
@media (max-width: 640px){
  .sqg-app-topbar__inner{padding-left:14px}
}


@media (max-width: 991px){
  .sqg-app-topbar__inner{
    padding-left:10px;
    padding-right:10px;
    width:100%;
  }
  .sqg-app-topbar__actions{
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:4px;
    width:100%;
    overflow:visible;
    padding-right:0;
  }
  .sqg-app-topbar__actions .sqg-app-cornericon{
    width:100%;
    min-width:0;
    flex:1 1 0;
  }
  .sqg-app-topbar__actions .sqg-app-cornericon--text{
    padding:0 6px;
  }
  .sqg-app-topbar__actions .sqg-app-cornericon__label{
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:center;
  }
}
@media (max-width: 420px){
  .sqg-app-topbar__inner{
    padding-left:8px;
    padding-right:8px;
  }
  .sqg-app-topbar__actions{gap:3px;}
  .sqg-app-topbar__actions .sqg-app-cornericon--text{padding:0 4px;}
  .sqg-app-topbar__actions .sqg-app-cornericon__label{font-size:10px;}
}

/* FAQ page enhancements */
.body .sqg-faq-page,
.sqg-faq-page {
  --sqg-faq-border: rgba(17,17,17,0.08);
  --sqg-faq-soft: rgba(17,17,17,0.04);
}

.sqg-faq-hero-card{
  background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
  border-color: rgba(17,17,17,0.08);
}

.sqg-faq-hero{
  display:grid;
  grid-template-columns: 1.6fr 1fr;
  gap:16px;
  align-items:start;
}

.sqg-faq-eyebrow{
  display:inline-block;
  margin-bottom:10px;
  padding:6px 10px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.sqg-faq-hero h2{
  margin:0 0 8px;
  font-size:clamp(28px, 4vw, 36px);
  line-height:1.08;
}

.sqg-faq-intro{
  max-width:780px;
  font-size:15px;
  line-height:1.6;
}

.sqg-faq-quicklinks{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
  align-content:flex-start;
}

.sqg-faq-section-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--sqg-faq-border);
}

.sqg-faq-section-nav a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid var(--sqg-faq-border);
  border-radius:999px;
  background:#fff;
  color:#111;
  text-decoration:none;
  font-weight:600;
}

.sqg-faq-section{
  border-color:rgba(17,17,17,0.08);
}

.sqg-faq-section-head{
  margin-bottom:10px;
}

.sqg-faq-section-kicker{
  display:inline-block;
  margin-bottom:8px;
  color:#555;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.sqg-faq-section-head h3{
  margin:0 0 6px;
  font-size:24px;
  font-weight:700;
  line-height:1.3;
}

.sqg-faq-accordion .sqg-acc-item{
  border:1px solid var(--sqg-faq-border);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}

.sqg-faq-accordion .sqg-acc-item + .sqg-acc-item{
  margin-top:12px;
}

.sqg-faq-accordion .sqg-acc-trigger{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  padding:16px 18px;
  background:linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
}

.sqg-faq-accordion .sqg-acc-trigger::-webkit-details-marker{
  display:none;
}

.sqg-faq-accordion .sqg-acc-title{
  font-weight:400;
  color:#111;
  line-height:1.4;
}

.sqg-faq-page .sqg-faq-accordion .sqg-acc-title strong,
.sqg-faq-page .sqg-faq-accordion .sqg-acc-title b{
  font-weight:400;
}

.sqg-faq-accordion .sqg-acc-trigger::after{
  content:'+';
  flex:0 0 auto;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid var(--sqg-faq-border);
  background:#fff;
  font-size:18px;
  line-height:1;
}

.sqg-faq-accordion .sqg-acc-item[open] .sqg-acc-trigger{
  background:linear-gradient(180deg, #f7f8fa 0%, #ffffff 100%);
  border-bottom:1px solid var(--sqg-faq-border);
}

.sqg-faq-accordion .sqg-acc-item[open] .sqg-acc-trigger::after{
  content:'–';
}

.sqg-faq-accordion .sqg-acc-panel{
  padding:16px 18px 18px;
  background:#fff;
}

.sqg-faq-accordion .sqg-acc-panel p{
  margin:0;
  color:#2f2f2f;
  line-height:1.65;
}

.sqg-faq-bottom-links{
  background:linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}

@media (max-width: 900px){
  .sqg-faq-hero{
    grid-template-columns:1fr;
  }

  .sqg-faq-quicklinks{
    justify-content:flex-start;
  }
}

@media (max-width: 640px){
  .sqg-faq-hero h2{
    font-size:28px;
  }

  .sqg-faq-section-head h3{
    font-size:21px;
  }

  .sqg-faq-accordion .sqg-acc-trigger,
  .sqg-faq-accordion .sqg-acc-panel{
    padding-left:14px;
    padding-right:14px;
  }

  .sqg-faq-section-nav a{
    width:100%;
    justify-content:center;
  }
}


@media (max-width: 640px){
  .sqg-faq-page .sqg-faq-quicklinks{
    display:none;
  }

  .sqg-faq-page .sqg-faq-section-nav{
    display:none;
  }

  .sqg-faq-page .sqg-faq-bottom-links .sqg-actions{
    justify-content:flex-start;
  }
}


/* FAQ mobile contrast hotfix */
body.sqg-app-shell-active .sqg-faq-page .sqg-card,
body.sqg-app-shell-active .sqg-faq-page .sqg-card.inner,
body.sqg-app-shell-active .sqg-faq-page .sqg-faq-hero-card,
body.sqg-app-shell-active .sqg-faq-page .sqg-faq-bottom-links,
body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-item,
body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-trigger,
body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel{
  background:#ffffff !important;
  color:#111111 !important;
  border-color:rgba(17,17,17,0.10) !important;
}

body.sqg-app-shell-active .sqg-faq-page,
body.sqg-app-shell-active .sqg-faq-page h1,
body.sqg-app-shell-active .sqg-faq-page h2,
body.sqg-app-shell-active .sqg-faq-page h3,
body.sqg-app-shell-active .sqg-faq-page h4,
body.sqg-app-shell-active .sqg-faq-page p,
body.sqg-app-shell-active .sqg-faq-page li,
body.sqg-app-shell-active .sqg-faq-page span,
body.sqg-app-shell-active .sqg-faq-page div,
body.sqg-app-shell-active .sqg-faq-page small,
body.sqg-app-shell-active .sqg-faq-page strong,
body.sqg-app-shell-active .sqg-faq-page b,
body.sqg-app-shell-active .sqg-faq-page summary,
body.sqg-app-shell-active .sqg-faq-page .sqg-note,
body.sqg-app-shell-active .sqg-faq-page .sqg-acc-title,
body.sqg-app-shell-active .sqg-faq-page .sqg-acc-panel p,
body.sqg-app-shell-active .sqg-faq-page .sqg-faq-section-head h3,
body.sqg-app-shell-active .sqg-faq-page .sqg-faq-intro,
body.sqg-app-shell-active .sqg-faq-page .sqg-faq-section-nav a{
  color:#111111 !important;
}

body.sqg-app-shell-active .sqg-faq-page .sqg-faq-eyebrow{
  background:#111111 !important;
  color:#ffffff !important;
}

body.sqg-app-shell-active .sqg-faq-page .sqg-faq-section-nav a,
body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-trigger::after{
  background:#ffffff !important;
  color:#111111 !important;
}

@media (max-width:640px){
  body.sqg-app-shell-active .sqg-faq-page{
    background:linear-gradient(180deg, #0f4ea8 0%, #0b3b82 100%) !important;
  }

  body.sqg-app-shell-active .sqg-faq-page .sqg-card,
  body.sqg-app-shell-active .sqg-faq-page .sqg-card.inner,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-hero-card,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-bottom-links{
    background:linear-gradient(180deg, #0f4ea8 0%, #0b3b82 100%) !important;
    color:#ffffff !important;
    border-color:rgba(255,255,255,0.20) !important;
    box-shadow:0 10px 24px rgba(6, 25, 56, 0.22) !important;
  }

  body.sqg-app-shell-active .sqg-faq-page h1,
  body.sqg-app-shell-active .sqg-faq-page h2,
  body.sqg-app-shell-active .sqg-faq-page h3,
  body.sqg-app-shell-active .sqg-faq-page h4,
  body.sqg-app-shell-active .sqg-faq-page p,
  body.sqg-app-shell-active .sqg-faq-page li,
  body.sqg-app-shell-active .sqg-faq-page span,
  body.sqg-app-shell-active .sqg-faq-page div,
  body.sqg-app-shell-active .sqg-faq-page small,
  body.sqg-app-shell-active .sqg-faq-page strong,
  body.sqg-app-shell-active .sqg-faq-page b,
  body.sqg-app-shell-active .sqg-faq-page summary,
  body.sqg-app-shell-active .sqg-faq-page .sqg-note,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-intro,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-section-head h3,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-section-nav a{
    color:#ffffff !important;
  }

  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-section-nav{
    border-top-color:rgba(255,255,255,0.18) !important;
  }

  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-section-nav a{
    background:rgba(255,255,255,0.14) !important;
    border-color:rgba(255,255,255,0.22) !important;
  }

  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-eyebrow{
    background:#ffffff !important;
    color:#0b3b82 !important;
  }

  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-item{
    background:#f4f8ff !important;
    border-color:rgba(11,59,130,0.20) !important;
    box-shadow:0 8px 18px rgba(6, 25, 56, 0.12) !important;
  }

  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-trigger{
    background:linear-gradient(180deg, #1a5fc2 0%, #124b9d 100%) !important;
    color:#ffffff !important;
    border-bottom-color:rgba(255,255,255,0.12) !important;
  }

  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-title,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-item[open] .sqg-acc-trigger,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-item[open] .sqg-acc-trigger .sqg-acc-title{
    color:#ffffff !important;
  }

  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-trigger::after{
    background:rgba(255,255,255,0.16) !important;
    border-color:rgba(255,255,255,0.24) !important;
    color:#ffffff !important;
  }

  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel{
    background:#f4f8ff !important;
    color:#11335f !important;
  }

  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel p,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel li,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel span,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel div{
    color:#11335f !important;
  }
}


@media (max-width:640px){
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:link,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:visited{
    color:#1a5fc2 !important;
    text-decoration:underline !important;
    font-weight:600;
  }

  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:hover,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:focus,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:active{
    color:#0f4ea8 !important;
  }
}


@media (max-width:640px){
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:link,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:visited,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:hover,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:focus,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:active,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a span,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a strong,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a b{
    color:#1d4ed8 !important;
    -webkit-text-fill-color:#1d4ed8 !important;
    text-decoration:underline !important;
    text-underline-offset:2px;
    opacity:1 !important;
  }

  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:hover,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:focus,
  body.sqg-app-shell-active .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:active{
    color:#1e40af !important;
    -webkit-text-fill-color:#1e40af !important;
  }
}


@media (max-width:767px){
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:link,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:visited,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:hover,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:focus,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:active,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a *,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:link *,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:visited *,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:hover *,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:focus *,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:active *{
    color:#1d4ed8 !important;
    -webkit-text-fill-color:#1d4ed8 !important;
    text-decoration-color:#1d4ed8 !important;
    opacity:1 !important;
  }

  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:hover,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:focus,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:active,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:hover *,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:focus *,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel a:active *{
    color:#1e40af !important;
    -webkit-text-fill-color:#1e40af !important;
    text-decoration-color:#1e40af !important;
  }
}


@media (max-width:767px){
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel strong,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel b,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel strong *,
  .sqg-faq-page .sqg-faq-accordion .sqg-acc-panel b *{
    color:#1d4ed8 !important;
    -webkit-text-fill-color:#1d4ed8 !important;
    opacity:1 !important;
  }
}


@media (max-width: 991px){
  .sqg-faq-page .sqg-faq-intro{
    display:none;
  }
  .sqg-app-topbar__actions .sqg-app-cornericon__label{
    font-size:9px;
  }
}
@media (max-width: 420px){
  .sqg-app-topbar__actions .sqg-app-cornericon__label{
    font-size:8px;
  }
}


/* Landing live board squares stay visually identical while acting as Join Room links. */
.sqg-board-wrap[data-click-join-room="1"] .sqg-board-table:not(.pick) .cell{
  cursor:pointer;
}
.sqg-board-wrap[data-click-join-room="1"] .sqg-board-table:not(.pick) .cell:focus-visible{
  outline:2px solid rgba(36,99,235,.55);
  outline-offset:1px;
}


.sqg-board-wrap .sqg-board-table .axis-digit,
.sqg-board-wrap .sqg-board-table .cell,
.sqg-board-wrap .sqg-board-table.pick td > button.cell,
.sqg-board-wrap .sqg-board-table.pick button.cell{
  min-width:68px !important;
  width:68px !important;
  height:48px !important;
  padding:0 8px !important;
}

.sqg-board-wrap .sqg-board-table .axis-digit{
  line-height:48px !important;
  font-size:14px !important;
}

.sqg-board-wrap .sqg-board-table .cell,
.sqg-board-wrap .sqg-board-table.pick td > button.cell,
.sqg-board-wrap .sqg-board-table.pick button.cell{
  border-radius:12px !important;
  gap:1px !important;
}

.sqg-board-wrap .sqg-board-table .cell .coord,
.sqg-board-wrap .sqg-board-table.pick button.cell .coord{
  font-size:11px !important;
  line-height:1 !important;
}

.sqg-board-wrap .sqg-board-table .cell .name,
.sqg-board-wrap .sqg-board-table.pick button.cell .name,
.sqg-board-wrap .sqg-board-table .cell.taken .name{
  display:block;
  max-width:100%;
  font-size:13px !important;
  line-height:1 !important;
  letter-spacing:-0.2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (max-width: 520px){
  .sqg-board-wrap .sqg-board-table .axis-digit,
  .sqg-board-wrap .sqg-board-table .cell,
  .sqg-board-wrap .sqg-board-table.pick td > button.cell,
  .sqg-board-wrap .sqg-board-table.pick button.cell{
    min-width:68px !important;
    width:68px !important;
    height:48px !important;
    padding:0 8px !important;
  }
  .sqg-board-wrap .sqg-board-table .axis-digit{ line-height:48px !important; }
}


.sqg-board-table .cell.cell-half,
.sqg-board-table.pick button.cell.cell-half,
.sqg-grid10 .cell.cell-half,
.sqg-grid10.pick .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
  min-width:64px !important;
  width:64px !important;
  height:52px !important;
  min-height:52px !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square,
.sqg-grid10 .cell.cell-half .sqg-half-square,
.sqg-grid10.pick .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square{
  padding-top:0 !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
.sqg-grid10 .cell.cell-half .sqg-half-square__part,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__part{
  justify-content:flex-start !important;
  align-items:flex-start !important;
  gap:1px !important;
  padding:4px 4px 3px !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--one,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--one,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--one,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--one{
  padding-top:6px !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__part--two,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--two,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--two,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--two,
.sqg-board-table .cell.cell-half .sqg-half-square__part--open,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__part--open,
.sqg-grid10 .cell.cell-half .sqg-half-square__part--open,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__part--open{
  padding-top:3px !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__label,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
.sqg-grid10 .cell.cell-half .sqg-half-square__label,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__label{
  font-size:7px !important;
  line-height:1 !important;
}
.sqg-board-table .cell.cell-half .sqg-half-square__name,
.sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__name,
.sqg-grid10.pick .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half .sqg-half-square__name{
  display:block !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}
@media (max-width: 991.98px){
  .sqg-board-table .cell.cell-half,
  .sqg-board-table.pick button.cell.cell-half,
  .sqg-grid10 .cell.cell-half,
  .sqg-grid10.pick .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table.pick button.cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10.pick .cell.cell-half{
    min-width:64px !important;
    width:64px !important;
    height:52px !important;
    min-height:52px !important;
  }
}


.sqg-shuffle-notice__dialog{
  top:18px;
  bottom:auto;
}
.sqg-shuffle-step-banner{
  top:auto;
  bottom:96px;
}
@media (max-width: 767px){
  .sqg-shuffle-notice__dialog{
    top:10px;
    bottom:auto;
  }
  .sqg-shuffle-step-banner{
    top:auto;
    bottom:88px;
  }
}
body.admin-bar .sqg-shuffle-notice__dialog{
  top:calc(32px + 18px);
}
body.admin-bar .sqg-shuffle-step-banner{
  top:auto;
  bottom:96px;
}
@media (max-width: 782px){
  body.admin-bar .sqg-shuffle-notice__dialog{
    top:calc(46px + 10px);
  }
  body.admin-bar .sqg-shuffle-step-banner{
    top:auto;
    bottom:88px;
  }
}


.sqg-board-table .cell .name,
.sqg-grid10 .cell .name{
  max-width:100%;
  overflow:hidden;
  text-overflow:clip;
  white-space:nowrap;
}
.sqg-board-table .cell.taken .name,
.sqg-grid10 .cell.taken .name{
  font-size:14px;
  line-height:1;
  letter-spacing:-0.02em;
}
.sqg-board-table .cell .name.sqg-name-fit--7,
.sqg-grid10 .cell .name.sqg-name-fit--7{
  font-size:13px !important;
  letter-spacing:-0.03em;
}
.sqg-board-table .cell .name.sqg-name-fit--8,
.sqg-grid10 .cell .name.sqg-name-fit--8{
  font-size:12px !important;
  letter-spacing:-0.05em;
}
@media (max-width: 640px){
  .sqg-board-table .cell.taken .name,
  .sqg-grid10 .cell.taken .name{
    font-size:13px;
  }
  .sqg-board-table .cell .name.sqg-name-fit--7,
  .sqg-grid10 .cell .name.sqg-name-fit--7{
    font-size:12px !important;
  }
  .sqg-board-table .cell .name.sqg-name-fit--8,
  .sqg-grid10 .cell .name.sqg-name-fit--8{
    font-size:11px !important;
  }
}


.sqg-board-table .cell:not(.cell-half) .name,
.sqg-grid10 .cell:not(.cell-half) .name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell:not(.cell-half) .name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell:not(.cell-half) .name{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  text-align:center !important;
  line-height:1 !important;
  letter-spacing:-0.04em !important;
}
.sqg-board-table .cell.taken:not(.cell-half) .name,
.sqg-grid10 .cell.taken:not(.cell-half) .name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.taken:not(.cell-half) .name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.taken:not(.cell-half) .name{
  font-size:12px !important;
}
.sqg-board-table .cell:not(.cell-half) .name.sqg-name-fit--7,
.sqg-grid10 .cell:not(.cell-half) .name.sqg-name-fit--7,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell:not(.cell-half) .name.sqg-name-fit--7,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell:not(.cell-half) .name.sqg-name-fit--7{
  font-size:11px !important;
}
.sqg-board-table .cell:not(.cell-half) .name.sqg-name-fit--8,
.sqg-grid10 .cell:not(.cell-half) .name.sqg-name-fit--8,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell:not(.cell-half) .name.sqg-name-fit--8,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell:not(.cell-half) .name.sqg-name-fit--8{
  font-size:10px !important;
}
@media (max-width: 640px){
  .sqg-board-table .cell.taken:not(.cell-half) .name,
  .sqg-grid10 .cell.taken:not(.cell-half) .name,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.taken:not(.cell-half) .name,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.taken:not(.cell-half) .name{
    font-size:11px !important;
  }
  .sqg-board-table .cell:not(.cell-half) .name.sqg-name-fit--7,
  .sqg-grid10 .cell:not(.cell-half) .name.sqg-name-fit--7,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell:not(.cell-half) .name.sqg-name-fit--7,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell:not(.cell-half) .name.sqg-name-fit--7{
    font-size:10px !important;
  }
  .sqg-board-table .cell:not(.cell-half) .name.sqg-name-fit--8,
  .sqg-grid10 .cell:not(.cell-half) .name.sqg-name-fit--8,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell:not(.cell-half) .name.sqg-name-fit--8,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell:not(.cell-half) .name.sqg-name-fit--8{
    font-size:9px !important;
  }
}


.sqg-board-wrap .sqg-board-table{ transform-origin: top center; }
@media (min-width: 1024px){
  .sqg-board-wrap{ display:flex; justify-content:center; }
  .sqg-board-wrap .sqg-board-table{ transform: scale(var(--sqg-board-zoom)); margin:0; }
}


.sqg-board-table .cell .name,
.sqg-grid10 .cell .name,
.sqg-board-table .cell.cell-half .sqg-half-square__name,
.sqg-grid10 .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell .name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell .name,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell.cell-half .sqg-half-square__name{
  max-width:100%;
  overflow:hidden;
  text-overflow:clip;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  box-sizing:border-box;
}
.sqg-board-table .cell .name.sqg-name-fit--7,
.sqg-grid10 .cell .name.sqg-name-fit--7,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell .name.sqg-name-fit--7,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell .name.sqg-name-fit--7{
  font-size:10px !important;
  letter-spacing:-0.01em;
}
.sqg-board-table .cell .name.sqg-name-fit--8,
.sqg-grid10 .cell .name.sqg-name-fit--8,
body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell .name.sqg-name-fit--8,
body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell .name.sqg-name-fit--8{
  font-size:9px !important;
  letter-spacing:-0.02em;
}
@media (max-width: 640px){
  .sqg-board-table .cell .name.sqg-name-fit--7,
  .sqg-grid10 .cell .name.sqg-name-fit--7,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell .name.sqg-name-fit--7,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell .name.sqg-name-fit--7{ font-size:9px !important; }
  .sqg-board-table .cell .name.sqg-name-fit--8,
  .sqg-grid10 .cell .name.sqg-name-fit--8,
  body.sqg-app-shell-active .sqg.shell .sqg-board-table .cell .name.sqg-name-fit--8,
  body.sqg-app-shell-active .sqg.shell .sqg-grid10 .cell .name.sqg-name-fit--8{ font-size:8px !important; }
}


body.sqg-app-shell-active .sqg-app-cornericon[aria-label="Notifications"] .sqg-app-navitem__icon,
body.sqg-app-shell-active .sqg-app-cornericon[aria-label="Notifications"] .sqg-app-navitem__icon svg,
body.sqg-app-shell-active .sqg-app-cornericon[aria-label="Profile"] .sqg-app-navitem__icon,
body.sqg-app-shell-active .sqg-app-cornericon[aria-label="Profile"] .sqg-app-navitem__icon svg{
  color:#8b5a2b !important;
  fill:#8b5a2b !important;
  stroke:#8b5a2b !important;
}

body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__icon,
body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__icon svg,
body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__label{
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
}


.sqg-payment-box__fee-summary{margin:10px 0 12px;padding:10px 12px;border:1px solid rgba(120,90,40,.22);border-radius:10px;background:#fff8ef;font-size:13px;line-height:1.45;color:#4d3b20}.sqg-payment-box__fee-summary div+div{margin-top:4px}



.sqg-app-topbar__actions{
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}
.sqg-app-cornericon--text{
  width: auto !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  padding: 0 14px !important;
  height: 44px !important;
}
.sqg-app-cornericon__label{
  font-size: 15px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Common desktop/header nav selectors */
nav[aria-label*="Primary" i] ul,
nav[aria-label*="primary" i] ul,
#site-navigation ul,
#primary-menu,
.primary-menu,
.primary-navigation ul,
.main-navigation ul,
.header-navigation ul,
.header-nav ul,
.top-menu ul,
.top-nav ul,
.navbar-nav,
.menu,
ul.menu,
ul#menu-primary-menu,
ul#menu-main-menu{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  white-space:nowrap !important;
  gap:14px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
}

nav[aria-label*="Primary" i] li,
nav[aria-label*="primary" i] li,
#site-navigation li,
#primary-menu > li,
.primary-menu > li,
.primary-navigation li,
.main-navigation li,
.header-navigation li,
.header-nav li,
.top-menu li,
.top-nav li,
.navbar-nav li,
.menu li,
ul#menu-primary-menu > li,
ul#menu-main-menu > li{
  float:none !important;
  display:inline-flex !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

nav[aria-label*="Primary" i] a,
nav[aria-label*="primary" i] a,
#site-navigation a,
#primary-menu a,
.primary-menu a,
.primary-navigation a,
.main-navigation a,
.header-navigation a,
.header-nav a,
.top-menu a,
.top-nav a,
.navbar-nav a,
.menu a,
ul#menu-primary-menu a,
ul#menu-main-menu a{
  white-space:nowrap !important;
  font-size:20px !important;
  line-height:1.1 !important;
}

@media (max-width: 991px){
  nav[aria-label*="Primary" i] a,
  nav[aria-label*="primary" i] a,
  #site-navigation a,
  #primary-menu a,
  .primary-menu a,
  .primary-navigation a,
  .main-navigation a,
  .header-navigation a,
  .header-nav a,
  .top-menu a,
  .top-nav a,
  .navbar-nav a,
  .menu a,
  ul#menu-primary-menu a,
  ul#menu-main-menu a{
    font-size:18px !important;
  }
}



.sqg-app-cornericon--text{
  padding: 0 var(--sqg-topnav-pad-x) !important;
  height: var(--sqg-topnav-height) !important;
}

.sqg-app-cornericon__label{
  font-size: 14px !important;
}

nav[aria-label*="Primary" i] a,
#site-navigation a,
.primary-menu a,
.main-navigation a,
.menu a{
  padding: 7px var(--sqg-topnav-pad-x) !important;
  font-size: var(--sqg-topnav-font) !important;
}



:root{
  --sqg-topnav-font: 16px;
  --sqg-topnav-pad-x: 8px;
  --sqg-topnav-gap: 8px;
  --sqg-topnav-height: 38px;
}

.sqg-app-topbar__actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:var(--sqg-topnav-gap) !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}
.sqg-app-topbar__actions::-webkit-scrollbar{ display:none !important; }

.sqg-app-cornericon--text{
  width:auto !important;
  min-width:max-content !important;
  flex:0 0 auto !important;
  padding:0 var(--sqg-topnav-pad-x) !important;
  height:var(--sqg-topnav-height) !important;
  border-radius:999px !important;
  box-sizing:border-box !important;
}

.sqg-app-cornericon__label{
  font-size:var(--sqg-topnav-font) !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* Broad desktop/header nav support */
nav[aria-label*="Primary" i] ul,
nav[aria-label*="primary" i] ul,
#site-navigation ul,
#primary-menu,
.primary-menu,
.primary-navigation ul,
.main-navigation ul,
.header-navigation ul,
.header-nav ul,
.top-menu ul,
.top-nav ul,
.navbar-nav,
.menu,
ul.menu,
ul#menu-primary-menu,
ul#menu-main-menu{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:var(--sqg-topnav-gap) !important;
  white-space:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}
nav[aria-label*="Primary" i] ul::-webkit-scrollbar,
nav[aria-label*="primary" i] ul::-webkit-scrollbar,
#site-navigation ul::-webkit-scrollbar,
#primary-menu::-webkit-scrollbar,
.primary-menu::-webkit-scrollbar,
.primary-navigation ul::-webkit-scrollbar,
.main-navigation ul::-webkit-scrollbar,
.header-navigation ul::-webkit-scrollbar,
.header-nav ul::-webkit-scrollbar,
.top-menu ul::-webkit-scrollbar,
.top-nav ul::-webkit-scrollbar,
.navbar-nav::-webkit-scrollbar,
.menu::-webkit-scrollbar,
ul.menu::-webkit-scrollbar,
ul#menu-primary-menu::-webkit-scrollbar,
ul#menu-main-menu::-webkit-scrollbar{ display:none !important; }

nav[aria-label*="Primary" i] li,
nav[aria-label*="primary" i] li,
#site-navigation li,
#primary-menu > li,
.primary-menu > li,
.primary-navigation li,
.main-navigation li,
.header-navigation li,
.header-nav li,
.top-menu li,
.top-nav li,
.navbar-nav li,
.menu li,
ul#menu-primary-menu > li,
ul#menu-main-menu > li{
  float:none !important;
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  margin:0 !important;
  white-space:nowrap !important;
}

nav[aria-label*="Primary" i] a,
nav[aria-label*="primary" i] a,
#site-navigation a,
#primary-menu a,
.primary-menu a,
.primary-navigation a,
.main-navigation a,
.header-navigation a,
.header-nav a,
.top-menu a,
.top-nav a,
.navbar-nav a,
.menu a,
ul#menu-primary-menu a,
ul#menu-main-menu a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:max-content !important;
  white-space:nowrap !important;
  padding:7px var(--sqg-topnav-pad-x) !important;
  font-size:var(--sqg-topnav-font) !important;
  line-height:1.05 !important;
  box-sizing:border-box !important;
  border-radius:999px !important;
}

/* Progressive auto-fit tightening */
@media (max-width: 1200px){
  :root{
    --sqg-topnav-font: 15px;
    --sqg-topnav-pad-x: 7px;
    --sqg-topnav-gap: 7px;
    --sqg-topnav-height: 37px;
  }
}
@media (max-width: 1024px){
  :root{
    --sqg-topnav-font: 14px;
    --sqg-topnav-pad-x: 6px;
    --sqg-topnav-gap: 6px;
    --sqg-topnav-height: 36px;
  }
}
@media (max-width: 900px){
  :root{
    --sqg-topnav-font: 13px;
    --sqg-topnav-pad-x: 5px;
    --sqg-topnav-gap: 5px;
    --sqg-topnav-height: 35px;
  }
}



/* JS fit fallback levels */
.sqg-nav-fit-1{
  --sqg-topnav-font: 13px;
  --sqg-topnav-pad-x: 5px;
  --sqg-topnav-gap: 5px;
  --sqg-topnav-height: 35px;
}
.sqg-nav-fit-2{
  --sqg-topnav-font: 12px;
  --sqg-topnav-pad-x: 4px;
  --sqg-topnav-gap: 4px;
  --sqg-topnav-height: 34px;
}



:root{
  --sqg-bottomnav-icon: 26px;
  --sqg-bottomnav-text: 13px;
  --sqg-bottomnav-gap: 4px;
  --sqg-bottomnav-item-pad-y: 8px;
  --sqg-bottomnav-item-pad-x: 6px;
}

.sqg-bottom-nav,
.sqg-app-bottom-nav,
.sqg-mobile-bottom-nav,
.sqg-tabbar,
.sqg-bottom-tabs,
.sqg-footer-nav,
.sqg-app-shell__bottomnav{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  overflow-x:hidden !important;
  white-space:nowrap !important;
}

.sqg-bottom-nav a,
.sqg-app-bottom-nav a,
.sqg-mobile-bottom-nav a,
.sqg-tabbar a,
.sqg-bottom-tabs a,
.sqg-footer-nav a,
.sqg-app-shell__bottomnav a,
.sqg-bottom-nav .menu-item,
.sqg-app-bottom-nav .menu-item,
.sqg-mobile-bottom-nav .menu-item,
.sqg-tabbar .menu-item,
.sqg-bottom-tabs .menu-item,
.sqg-footer-nav .menu-item,
.sqg-app-shell__bottomnav .menu-item{
  flex:1 1 0 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:var(--sqg-bottomnav-gap) !important;
  padding:var(--sqg-bottomnav-item-pad-y) var(--sqg-bottomnav-item-pad-x) !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
}

.sqg-bottom-nav i,
.sqg-app-bottom-nav i,
.sqg-mobile-bottom-nav i,
.sqg-tabbar i,
.sqg-bottom-tabs i,
.sqg-footer-nav i,
.sqg-app-shell__bottomnav i,
.sqg-bottom-nav svg,
.sqg-app-bottom-nav svg,
.sqg-mobile-bottom-nav svg,
.sqg-tabbar svg,
.sqg-bottom-tabs svg,
.sqg-footer-nav svg,
.sqg-app-shell__bottomnav svg,
.sqg-bottom-nav .dashicons,
.sqg-app-bottom-nav .dashicons,
.sqg-mobile-bottom-nav .dashicons,
.sqg-tabbar .dashicons,
.sqg-bottom-tabs .dashicons,
.sqg-footer-nav .dashicons,
.sqg-app-shell__bottomnav .dashicons{
  width:var(--sqg-bottomnav-icon) !important;
  height:var(--sqg-bottomnav-icon) !important;
  font-size:var(--sqg-bottomnav-icon) !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}

.sqg-bottom-nav .label,
.sqg-app-bottom-nav .label,
.sqg-mobile-bottom-nav .label,
.sqg-tabbar .label,
.sqg-bottom-tabs .label,
.sqg-footer-nav .label,
.sqg-app-shell__bottomnav .label,
.sqg-bottom-nav .menu-label,
.sqg-app-bottom-nav .menu-label,
.sqg-mobile-bottom-nav .menu-label,
.sqg-tabbar .menu-label,
.sqg-bottom-tabs .menu-label,
.sqg-footer-nav .menu-label,
.sqg-app-shell__bottomnav .menu-label,
.sqg-bottom-nav span,
.sqg-app-bottom-nav span,
.sqg-mobile-bottom-nav span,
.sqg-tabbar span,
.sqg-bottom-tabs span,
.sqg-footer-nav span,
.sqg-app-shell__bottomnav span{
  font-size:var(--sqg-bottomnav-text) !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

@media (max-width: 767px){
  :root{
    --sqg-bottomnav-icon: 24px;
    --sqg-bottomnav-text: 13px;
    --sqg-bottomnav-gap: 1px;
    --sqg-bottomnav-item-pad-y: 2px;
    --sqg-bottomnav-item-pad-x: 3px;
  }

  .sqg-bottom-nav a,
  .sqg-app-bottom-nav a,
  .sqg-mobile-bottom-nav a,
  .sqg-tabbar a,
  .sqg-bottom-tabs a,
  .sqg-footer-nav a,
  .sqg-app-shell__bottomnav a,
  .sqg-bottom-nav .menu-item,
  .sqg-app-bottom-nav .menu-item,
  .sqg-mobile-bottom-nav .menu-item,
  .sqg-tabbar .menu-item,
  .sqg-bottom-tabs .menu-item,
  .sqg-footer-nav .menu-item,
  .sqg-app-shell__bottomnav .menu-item{
    min-height:44px !important;
  }

  .sqg-bottom-nav .label,
  .sqg-app-bottom-nav .label,
  .sqg-mobile-bottom-nav .label,
  .sqg-tabbar .label,
  .sqg-bottom-tabs .label,
  .sqg-footer-nav .label,
  .sqg-app-shell__bottomnav .label,
  .sqg-bottom-nav .menu-label,
  .sqg-app-bottom-nav .menu-label,
  .sqg-mobile-bottom-nav .menu-label,
  .sqg-tabbar .menu-label,
  .sqg-bottom-tabs .menu-label,
  .sqg-footer-nav .menu-label,
  .sqg-app-shell__bottomnav .menu-label,
  .sqg-bottom-nav span,
  .sqg-app-bottom-nav span,
  .sqg-mobile-bottom-nav span,
  .sqg-tabbar span,
  .sqg-bottom-tabs span,
  .sqg-footer-nav span,
  .sqg-app-shell__bottomnav span{
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:-0.01em;
  }
}

@media (min-width: 768px){
  :root{
    --sqg-bottomnav-icon: 25px;
    --sqg-bottomnav-text: 13px;
    --sqg-bottomnav-gap: 4px;
    --sqg-bottomnav-item-pad-y: 8px;
    --sqg-bottomnav-item-pad-x: 6px;
  }
}


@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-app-topbar{
    padding-top: calc(env(safe-area-inset-top, 0px) + 14px) !important;
  }
  body.sqg-app-shell-active .sqg-app-topbar__actions{
    overflow-y: visible !important;
    padding-top: 6px;
  }
  body.sqg-app-shell-active .sqg-app-cornericon{
    overflow: visible !important;
  }
  body.sqg-app-shell-active .sqg-app-notification-badge{
    top: -3px;
  }
}

.sqg-auto-name-modal__overlay {
  position: fixed;
  top: var(--sqg-auto-name-vvtop, 0px);
  left: 0;
  right: 0;
  bottom: auto;
  height: var(--sqg-auto-name-vvh, 100dvh);
  background: rgba(0,0,0,.68);
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
body.sqg-auto-name-modal-open{
  overflow: hidden !important;
}
body.sqg-auto-name-modal-open .sqg-bottom-nav,
body.sqg-auto-name-modal-open .sqg-app-bottom-nav,
body.sqg-auto-name-modal-open .sqg-mobile-bottom-nav,
body.sqg-auto-name-modal-open .sqg-app-menu-panel,
body.sqg-auto-name-modal-open .sqg-app-menu-drawer,
body.sqg-auto-name-modal-open .sqg-app-menu-overlay{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.sqg-auto-name-modal {
  width: min(100%, 420px);
  background: #fff;
  color: #1f2937;
  border-radius: 14px;
  box-shadow: 0 20px 50px rgba(0,0,0,.2);
  padding: 18px;
}
.sqg-auto-name-modal__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}
.sqg-auto-name-modal__helper,
.sqg-auto-name-modal__counter {
  font-size: 13px;
}
.sqg-auto-name-modal__helper { margin-bottom: 10px; }
.sqg-auto-name-modal__counter {
  margin-top: 8px;
  text-align: right;
}
.sqg-auto-name-modal__input {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  font-size: 16px;
  line-height: 1.35;
}
.sqg-auto-name-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}
@media (max-width: 767px){
  .sqg-auto-name-modal__overlay{
    align-items: flex-start;
    justify-content: center;
    padding: max(14px, env(safe-area-inset-top, 0px)) 14px max(22px, env(safe-area-inset-bottom, 0px));
  }
  .sqg-auto-name-modal{
    width: min(100%, 390px);
    max-height: calc(var(--sqg-auto-name-vvh, 100dvh) - 28px);
    overflow-y: auto;
    margin: 0 auto;
    padding: 16px;
  }
  .sqg-auto-name-modal__title{
    font-size: 17px;
    line-height: 1.25;
  }
  .sqg-auto-name-modal__helper{
    line-height: 1.45;
  }
  .sqg-auto-name-modal__actions{
    position: sticky;
    bottom: 0;
    background: #fff;
    padding-top: 10px;
  }
}

.sqg-live-grid-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px 0;}
.sqg-live-grid-tab{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;border:1px solid rgba(124,14,14,.22);background:#fff;color:#7c0e0e;text-decoration:none;font-weight:700;line-height:1.2;}
.sqg-live-grid-tab.is-active{background:#7c0e0e;color:#fff;border-color:#7c0e0e;}
.sqg-live-grid-note{margin:0;padding:8px 10px;}
.sqg-live-grid-mobile-switch{display:none;}
.sqg-live-grid-mobile-switch-btn{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:3px 9px;border-radius:999px;border:1px solid rgba(124,14,14,.22);background:#fff;color:#7c0e0e;text-decoration:none;font-size:11px;font-weight:700;line-height:1.1;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.06);cursor:pointer;appearance:none;-webkit-appearance:none;}
@media (max-width: 767px){
  .sqg-live-grid-tab{padding:7px 12px;font-size:13px;}
  .sqg-landing-card .sqg-live-grid-tabs{display:none !important;}
  .sqg-landing-card .sqg-live-grid-mobile-switch{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:6px;
    width:100%;
    order:-1;
    margin:0 0 8px;
  }
  .sqg-landing-card .sqg-live-grid-mobile-switch-btn,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn:link,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn:visited,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn:hover,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn:active,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn:focus,
  .sqg-landing-card button.sqg-live-grid-mobile-switch-btn,
  .sqg-landing-card button.sqg-live-grid-mobile-switch-btn:hover,
  .sqg-landing-card button.sqg-live-grid-mobile-switch-btn:active,
  .sqg-landing-card button.sqg-live-grid-mobile-switch-btn:focus{
    min-height:24px;
    padding:2px 10px;
    font-size:10px;
    border-radius:999px;
    text-decoration:none !important;
    box-shadow:0 1px 2px rgba(0,0,0,.10);
    transition:background-color .15s ease,color .15s ease,border-color .15s ease;
  }
  .sqg-landing-card .sqg-live-grid-mobile-switch-btn.is-active,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn.is-active,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn.is-active:link,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn.is-active:visited,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn.is-active:hover,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn.is-active:active,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn.is-active:focus,
  .sqg-landing-card button.sqg-live-grid-mobile-switch-btn.is-active,
  .sqg-landing-card button.sqg-live-grid-mobile-switch-btn.is-active:hover,
  .sqg-landing-card button.sqg-live-grid-mobile-switch-btn.is-active:active,
  .sqg-landing-card button.sqg-live-grid-mobile-switch-btn.is-active:focus{
    background:#c62828 !important;
    color:#ffffff !important;
    border:1px solid #c62828 !important;
  }
  .sqg-landing-card .sqg-live-grid-mobile-switch-btn:not(.is-active),
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn:not(.is-active),
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn:not(.is-active):link,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn:not(.is-active):visited,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn:not(.is-active):hover,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn:not(.is-active):active,
  .sqg-landing-card a.sqg-live-grid-mobile-switch-btn:not(.is-active):focus,
  .sqg-landing-card button.sqg-live-grid-mobile-switch-btn:not(.is-active),
  .sqg-landing-card button.sqg-live-grid-mobile-switch-btn:not(.is-active):hover,
  .sqg-landing-card button.sqg-live-grid-mobile-switch-btn:not(.is-active):active,
  .sqg-landing-card button.sqg-live-grid-mobile-switch-btn:not(.is-active):focus{
    background:#ffffff !important;
    color:#c62828 !important;
    border:1px solid #c62828 !important;
  }
  .sqg-landing-card .sqg-live-board-title-row{width:100%;justify-content:center;text-align:center;}
  .sqg-landing-card .sqg-live-board-inline-title{justify-content:center;width:100%;}
}
}


@media (max-width: 768px) {
    button, .button, .btn, .sqg-mobile-toggle-btn {
        background-color: red !important;
        color: #ffffff !important;
    }
}


@media (max-width: 768px) {
    .sqg-toggle-btn {
        border: 1px solid red !important;
        background: #ffffff !important;
        color: red !important;
    }
    .sqg-toggle-btn.active {
        background: red !important;
        color: #ffffff !important;
    }
}





@media (min-width: 992px){
  /* Desktop tabs at the top-right corner */
  .sqg-landing-card .sqg-live-grid-tabs{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    width:100%;
    margin:0 0 10px 0;
  }

  /* Move the live matchup title area to the left on desktop only */
  .sqg-landing-card .sqg-landing-head{
    justify-content:flex-start !important;
    align-items:center;
    position:relative;
  }
  .sqg-landing-card .sqg-live-board-title-row{
    width:100% !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }
  .sqg-landing-card .sqg-live-board-inline-title{
    width:100% !important;
    justify-content:flex-start !important;
    text-align:left !important;
    font-size:17px;
    font-weight:800;
  }

  /* Keep the action buttons positioned to the right */
  .sqg-landing-card .sqg-desktop-legacy-landing-head-actions{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    gap:8px;
  }

  /* Live: white background with blue text */
  .sqg-landing-card .sqg-live-board-prefix{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 10px;
    border-radius:999px;
    background:#ffffff !important;
    color:#1565c0 !important;
    line-height:1;
    border:1px solid #d9e6fb;
  }

  /* KC and CLE bright red pills */
  .sqg-landing-card .sqg-live-board-team .sqg-team-badge__trigger,
  .sqg-landing-card .sqg-live-board-team .sqg-team-badge__text{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 10px;
    border-radius:999px;
    background:#ff1f1f !important;
    color:#ffffff !important;
    line-height:1;
    border:1px solid #ff1f1f !important;
  }

  /* Make vs blue on desktop only */
  .sqg-landing-card .sqg-live-board-inline-title,
  .sqg-landing-card .sqg-live-board-inline-title *{
    color:inherit;
  }
  .sqg-landing-card .sqg-live-board-vs,
  .sqg-landing-card .sqg-live-board-inline-title .sqg-live-board-separator,
  .sqg-landing-card .sqg-live-board-inline-title .sqg-live-board-vs-label{
    color:#1565c0 !important;
    background:transparent !important;
    font-weight:800;
  }
}




/* Consolidated live score card styles: keep the compact live-grid variant as the single source of truth. */
.sqg-live-grid-score-updates{
  margin:8px 0 0 !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card{
  background:#ffffff !important;
  border:1px solid #dbe4f0 !important;
  border-radius:14px !important;
  padding:8px 10px !important;
  box-shadow:none !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card *{
  box-sizing:border-box;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__top{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  margin:0 0 6px 0 !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__eyebrow{
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color:#0f172a !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__meta{
  display:none !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__scoreline{
  display:grid !important;
  grid-template-columns:56px minmax(0,1fr) 56px !important;
  align-items:center !important;
  gap:8px !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__team-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:24px !important;
  height:24px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__team-pill--home{
  background:#eff6ff !important;
  color:#1d4ed8 !important;
  border:1px solid #bfdbfe !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__team-pill--away{
  background:#fef2f2 !important;
  color:#b91c1c !important;
  border:1px solid #fecaca !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__scoreblock{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__mainline{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:100% !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__scores{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__score{
  font-size:24px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#0f172a !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__dash{
  font-size:18px !important;
  line-height:1 !important;
  color:#94a3b8 !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__status{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  flex-wrap:wrap !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:18px !important;
  height:18px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  background:#dc2626 !important;
  color:#ffffff !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__updated{
  font-size:10px !important;
  line-height:1.1 !important;
  color:#64748b !important;
  font-weight:700 !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarters{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:4px !important;
  margin-top:7px !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  padding:3px 6px !important;
  border-radius:999px !important;
  background:#f8fafc !important;
  border:1px solid #dbe4f0 !important;
  color:#475569 !important;
  font-size:10px !important;
  line-height:1 !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip strong{
  color:#0f172a !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip.is-current{
  background:#fff1f2 !important;
  border-color:#fda4af !important;
  color:#9f1239 !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip.is-empty{
  opacity:.72 !important;
}
@media (min-width: 768px){
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card{
    padding:10px 14px !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__scoreline{
    grid-template-columns:84px minmax(0,1fr) 84px !important;
    gap:12px !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__team-pill{
    min-height:28px !important;
    height:28px !important;
    font-size:11px !important;
    padding:0 8px !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__score{
    font-size:28px !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__dash{
    font-size:20px !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__updated{
    font-size:11px !important;
  }
}


.sqg-live-grid-score-updates .sqg-live-score-updates-card{
  padding-top:8px !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__top{
  display:none !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarters{
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
  gap:4px !important;
  margin-top:7px !important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarters::-webkit-scrollbar{
  display:none;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
@media (min-width: 768px){
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__scoreline{
    grid-template-columns:72px auto 72px !important;
    justify-content:center !important;
    gap:8px !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__scoreblock{
    width:auto !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__mainline{
    width:auto !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarters{
    justify-content:center !important;
    overflow:visible !important;
  }
}



@media (max-width: 767px){
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarters{
    gap:6px !important;
    margin-top:8px !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip{
    background:#ffffff !important;
    border:1px solid #94a3b8 !important;
    color:#0f172a !important;
    padding:5px 7px !important;
    font-size:11px !important;
    line-height:1 !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip strong{
    color:#111827 !important;
    font-weight:900 !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip span{
    color:#1f2937 !important;
    font-weight:800 !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip.is-current{
    background:#fee2e2 !important;
    border-color:#dc2626 !important;
    color:#7f1d1d !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip.is-current strong,
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip.is-current span{
    color:#7f1d1d !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip.is-empty{
    background:#f8fafc !important;
    border-color:#cbd5e1 !important;
    opacity:1 !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip.is-empty strong,
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip.is-empty span{
    color:#475569 !important;
  }
}




@media (max-width: 767px){
  .sqg-live-grid-score-updates{
    margin:6px 0 0 !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card{
    padding:6px 8px !important;
    border-radius:12px !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__top{
    margin:0 0 4px 0 !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__eyebrow{
    font-size:10px !important;
    letter-spacing:.05em !important;
    line-height:1 !important;
    font-family:Arial, Helvetica, sans-serif !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__scoreline{
    grid-template-columns:48px minmax(0,1fr) 48px !important;
    gap:6px !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__team-pill{
    min-height:20px !important;
    height:20px !important;
    padding:0 4px !important;
    font-size:9px !important;
    font-family:Arial, Helvetica, sans-serif !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__scoreblock{
    gap:2px !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__mainline,
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__scores{
    gap:6px !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__score{
    font-size:20px !important;
    font-family:Arial, Helvetica, sans-serif !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__dash{
    font-size:14px !important;
    line-height:1 !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__status{
    gap:4px !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter{
    min-height:16px !important;
    height:16px !important;
    padding:0 5px !important;
    font-size:9px !important;
    font-family:Arial, Helvetica, sans-serif !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__updated{
    font-size:9px !important;
    line-height:1 !important;
    font-family:Arial, Helvetica, sans-serif !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarters{
    gap:4px !important;
    margin-top:5px !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip{
    padding:3px 5px !important;
    font-size:9px !important;
    line-height:1 !important;
    border-radius:999px !important;
    font-family:Arial, Helvetica, sans-serif !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip strong,
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip span{
    line-height:1 !important;
  }
}




@media (max-width: 767px){
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarters{
    justify-content:center !important;
    gap:6px !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip{
    padding:5px 8px !important;
    font-size:11px !important;
    min-height:22px !important;
    border-radius:999px !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip strong{
    font-size:11px !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip span{
    font-size:11px !important;
  }
}




@media (max-width: 767px){
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__team-pill{
    font-weight:900 !important;
    color:#000000 !important;
    background:#ffffff !important;
    border:1px solid #000000 !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__team-pill--home{
    color:#0b3bff !important;
    background:#e6f0ff !important;
    border:1px solid #0b3bff !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__team-pill--away{
    color:#b00020 !important;
    background:#ffe6e6 !important;
    border:1px solid #b00020 !important;
  }
}




@media (max-width: 767px){
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__team-pill{
    font-size:13px !important;
    letter-spacing:0.3px !important;
  }
}

@media (max-width: 767px){
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarters{
    gap:4px !important;
    justify-content:flex-start !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip{
    padding:4px 6px !important;
    font-size:9px !important;
    min-height:20px !important;
  }
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip strong,
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter-chip span{
    font-size:9px !important;
    line-height:1 !important;
  }
}




@media (max-width: 767px){
  .sqg-landing-shell,
  .sqg-card.sqg-landing-card,
  .sqg-card.sqg-desktop-legacy-landing-card,
  .sqg-board-head.sqg-landing-head{
    min-height:0 !important;
    height:auto !important;
  }

  .sqg-landing-shell{
    display:block !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    padding-top:0 !important;
    margin-top:0 !important;
  }

  .sqg-card.sqg-landing-card{
    margin-top:0 !important;
    padding-top:8px !important;
  }

  .sqg-board-head.sqg-landing-head{
    margin-bottom:8px !important;
    padding-bottom:0 !important;
  }

  .sqg-landing-card .sqg-board-wrap,
  .sqg-landing-card .sqg-grid-wrap,
  .sqg-landing-card .sqg-roll-grid-wrap,
  .sqg-landing-card .sqg-board-scroll,
  .sqg-landing-card .sqg-grid-scroll{
    margin-top:0 !important;
    align-self:flex-start !important;
  }

  .sqg-landing-card .sqg-table-scroll,
  .sqg-landing-card .sqg-actions{
    margin-bottom:0 !important;
  }
}




@media (max-width: 767px){
  html, body{
    scroll-padding-top:0 !important;
  }

  .sqg.shell.sqg-landing-shell,
  .sqg-landing-shell{
    padding:0 !important;
    margin:0 !important;
    min-height:0 !important;
    height:auto !important;
    display:block !important;
  }

  .sqg.shell.sqg-landing-shell > *,
  .sqg-landing-shell > *{
    margin-top:0 !important;
  }

  .sqg-card.sqg-landing-card{
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
    height:auto !important;
  }

  .sqg-card.sqg-landing-card .sqg-live-grid-tabs,
  .sqg-card.sqg-landing-card .sqg-board-head,
  .sqg-card.sqg-landing-card .sqg-landing-head,
  .sqg-card.sqg-landing-card .sqg-live-grid-score-updates,
  .sqg-card.sqg-landing-card > div,
  .sqg-card.sqg-landing-card > section{
    margin-top:0 !important;
  }

  .sqg-card.sqg-landing-card .sqg-live-grid-tabs{
    margin-bottom:6px !important;
    padding-top:0 !important;
  }

  .sqg-card.sqg-landing-card .sqg-board-head.sqg-landing-head{
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
    height:auto !important;
  }

  .sqg-card.sqg-landing-card .sqg-live-board-title-row,
  .sqg-card.sqg-landing-card .sqg-live-board-mobile-controls{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  .sqg-card.sqg-landing-card .sqg-live-grid-score-updates{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  .sqg-card.sqg-landing-card .sqg-board-wrap,
  .sqg-card.sqg-landing-card .sqg-grid-wrap,
  .sqg-card.sqg-landing-card .sqg-roll-grid-wrap,
  .sqg-card.sqg-landing-card .sqg-board-scroll,
  .sqg-card.sqg-landing-card .sqg-grid-scroll,
  .sqg-card.sqg-landing-card .sqg-grid-shell{
    margin-top:0 !important;
    padding-top:0 !important;
    top:0 !important;
    align-self:flex-start !important;
  }

  .sqg-card.sqg-landing-card .sqg-board-wrap{
    transform-origin:top center !important;
  }

  .sqg-card.sqg-landing-card .sqg-actions,
  .sqg-card.sqg-landing-card .sqg-table-scroll{
    margin:0 !important;
    padding:0 !important;
  }

  .sqg-card.sqg-desktop-legacy-landing-card{
    margin-top:8px !important;
  }
}



@media (max-width: 991px){
  html.sqg-android-device,
  body.sqg-android-device{
    min-height:100% !important;
    height:auto !important;
  }
  body.sqg-android-device.sqg-app-shell-active{
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-y:auto !important;
    touch-action:pan-y pinch-zoom !important;
  }
  body.sqg-android-device.sqg-app-shell-active .sqg.shell{
    min-height:calc(var(--sqg-app-vh, 1vh) * 100) !important;
    height:auto !important;
    overflow:visible !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:visible !important;
    touch-action:pan-y pinch-zoom !important;
  }
}


.sqg-my-rooms-available-list{display:flex;flex-direction:column;gap:10px;}
.sqg-my-rooms-available-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.sqg-my-rooms-available-item .sqg-btn{flex:0 0 auto;}
.sqg-my-rooms-available-text{display:inline-block;font-weight:600;}


/* Rocket.net layout hardening: keep public tables/cards inside viewport */
.sqg,
.sqg *{box-sizing:border-box;}
.sqg.shell{max-width:1100px;width:100%;overflow-x:hidden;}
.sqg img,
.sqg table,
.sqg iframe,
.sqg canvas,
.sqg svg{max-width:100%;}
.sqg-table,
.sqg-plain-table,
.sqg-simple-table,
.sqg-simple-list,
.sqg-matchup-rooms-table,
.sqg-scoreboard-table{width:100%;max-width:100%;table-layout:fixed;}
.sqg-table th,
.sqg-table td,
.sqg-plain-table th,
.sqg-plain-table td,
.sqg-simple-table th,
.sqg-simple-table td,
.sqg-simple-list th,
.sqg-simple-list td,
.sqg-matchup-rooms-table th,
.sqg-matchup-rooms-table td,
.sqg-scoreboard-table th,
.sqg-scoreboard-table td{overflow-wrap:anywhere;word-break:break-word;white-space:normal;}
.sqg code,
.sqg pre,
.sqg .description,
.sqg .meta,
.sqg .sqg-note{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;}
.sqg input[type="text"],
.sqg input[type="search"],
.sqg input[type="email"],
.sqg input[type="url"],
.sqg input[type="number"],
.sqg input[type="password"],
.sqg textarea,
.sqg select{max-width:100%;min-width:0;}
.sqg-table-scroll,
.sqg-scroll-x{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media (max-width: 991.98px){
  .sqg.shell{padding-left:12px;padding-right:12px;}
}


/* v1.0.2 public table readability refinement */
.sqg-table,
.sqg-plain-table,
.sqg-simple-table,
.sqg-simple-list,
.sqg-matchup-rooms-table,
.sqg-scoreboard-table{table-layout:auto;}
.sqg-table th,
.sqg-table td,
.sqg-plain-table th,
.sqg-plain-table td,
.sqg-simple-table th,
.sqg-simple-table td,
.sqg-simple-list th,
.sqg-simple-list td,
.sqg-matchup-rooms-table th,
.sqg-matchup-rooms-table td,
.sqg-scoreboard-table th,
.sqg-scoreboard-table td{
  overflow-wrap:break-word;
  word-break:normal;
  white-space:normal;
  hyphens:auto;
}
.sqg-table td,
.sqg-plain-table td,
.sqg-simple-table td,
.sqg-simple-list td,
.sqg-matchup-rooms-table td,
.sqg-scoreboard-table td{min-width:100px;}
.sqg-table th,
.sqg-plain-table th,
.sqg-simple-table th,
.sqg-simple-list th,
.sqg-matchup-rooms-table th,
.sqg-scoreboard-table th{min-width:90px;}
.sqg code,
.sqg pre{word-break:break-word;overflow-wrap:anywhere;}
.sqg-table-scroll,
.sqg-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media (max-width: 991.98px){
  .sqg-table td,
  .sqg-plain-table td,
  .sqg-simple-table td,
  .sqg-simple-list td,
  .sqg-matchup-rooms-table td,
  .sqg-scoreboard-table td{min-width:90px;}
}


/* Desktop-only live score centering refinement */
@media (min-width: 981px){
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__scoreline{
    display:grid !important;
    grid-template-columns:auto auto auto !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__scoreblock{
    min-width:auto !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__team-pill{
    max-width:none !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__mainline{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    width:auto !important;
    white-space:nowrap !important;
  }
}


/* v1.0.6 mobile-only My Rooms card layout */
@media (max-width: 991.98px){
  .sqg-table-scroll .sqg-table:has(.sqg-row-entries){display:block;}
  .sqg-table-scroll .sqg-row.head.sqg-row-entries{display:none !important;}
  .sqg-table-scroll .sqg-row.sqg-row-entries{
    display:block;
    background:#fff;
    border:1px solid rgba(15,23,42,.10);
    border-radius:16px;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
    padding:14px;
    margin:0 0 14px;
  }
  .sqg-table-scroll .sqg-row.sqg-row-entries > div{
    display:block;
    width:100%;
    min-width:0;
    padding:0;
    margin:0 0 12px;
    border:none;
  }
  .sqg-table-scroll .sqg-row.sqg-row-entries > div:last-child{margin-bottom:0;}
  .sqg-table-scroll .sqg-row.sqg-row-entries > div::before{
    content:attr(data-label);
    display:block;
    margin:0 0 6px;
    font-size:12px;
    line-height:1.2;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:#64748b;
  }
  .sqg-table-scroll .sqg-row.sqg-row-entries > div[data-label="Matchup / Room"] strong{display:block; line-height:1.35;}
  .sqg-table-scroll .sqg-row.sqg-row-entries .muted{display:block; margin-top:4px;}
  .sqg-table-scroll .sqg-row.sqg-row-entries .sqg-actions-inline{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
  }
  .sqg-table-scroll .sqg-row.sqg-row-entries .sqg-actions-inline .sqg-btn,
  .sqg-table-scroll .sqg-row.sqg-row-entries .sqg-actions-inline button{
    flex:0 0 auto;
  }
}


/* v1.0.8 mobile My Rooms card color hard fix */
@media (max-width: 991.98px){
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries{
    background:#0b5ed7 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 10px 24px rgba(11,94,215,.28) !important;
  }

  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries > div,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries strong,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .muted,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries span{
    color:#ffffff !important;
  }

  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries > div::before{
    color:rgba(255,255,255,.88) !important;
  }

  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge{
    background:rgba(255,255,255,.14) !important;
    border-color:rgba(255,255,255,.28) !important;
  }

  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge.open{
    background:rgba(34,197,94,.18) !important;
    border-color:rgba(134,239,172,.55) !important;
  }

  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge.locked{
    background:rgba(251,191,36,.20) !important;
    border-color:rgba(253,224,71,.55) !important;
  }

  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge.pending,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge.final{
    background:rgba(255,255,255,.16) !important;
    border-color:rgba(255,255,255,.26) !important;
  }
}


/* v1.0.11 mobile My Rooms cards dark blue exact-match fix */
@media (max-width: 991.98px){
  body.sqg-app-shell-active .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries{
    background: linear-gradient(180deg, #013369 0%, #0a2a52 100%) !important;
    background-color: #013369 !important;
    background-image: linear-gradient(180deg, #013369 0%, #0a2a52 100%) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 8px 18px rgba(1,51,105,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries > div,
  body.sqg-app-shell-active .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries > div * ,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries > div,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries > div *{
    background: transparent !important;
    color: #ffffff !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries > div::before,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries > div::before{
    color: rgba(255,255,255,.88) !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries a,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries a{
    color: #ffffff !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge{
    color:#ffffff !important;
    background:rgba(255,255,255,.14) !important;
    border-color:rgba(255,255,255,.28) !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge.open,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge.open{
    background:rgba(34,197,94,.18) !important;
    border-color:rgba(134,239,172,.55) !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge.locked,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge.locked{
    background:rgba(251,191,36,.20) !important;
    border-color:rgba(253,224,71,.55) !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge.pending,
  body.sqg-app-shell-active .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge.final,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge.pending,
  .sqg.shell .sqg-table-scroll .sqg-row.sqg-row-entries .badge.final{
    background:rgba(255,255,255,.16) !important;
    border-color:rgba(255,255,255,.26) !important;
  }
}


/* v1.0.28 mobile desktop-sourced hamburger menu */
body.sqg-app-shell-active .sqg-mobile-menu-host{
  position:fixed;
  top:max(2px, env(safe-area-inset-top, 0px));
  left:0;
  right:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:0;
  padding:0 16px;
  box-sizing:border-box;
  background:transparent;
  border-bottom:0;
  box-shadow:none;
  z-index:10030;
}
body.sqg-app-shell-active .sqg-mobile-menu-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:0;
  flex:0 1 auto;
  height:36px;
  min-height:36px;
  padding:0 12px;
  border-radius:8px;
  background:#c62828;
  border:1px solid #c62828;
  box-shadow:0 1px 2px rgba(0,0,0,.18);
  color:#ffffff;
  text-decoration:none;
  font-size:16px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
  text-shadow:0 1px 2px rgba(0,0,0,.16);
}
body.sqg-app-shell-active .sqg-mobile-menu-brand:hover,
body.sqg-app-shell-active .sqg-mobile-menu-brand:focus,
body.sqg-app-shell-active .sqg-mobile-menu-brand:active,
body.sqg-app-shell-active .sqg-mobile-menu-brand:visited{
  color:#ffffff;
  text-decoration:none;
}

body.sqg-app-shell-active .sqg-mobile-menu-links{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex:1 1 auto;
  min-width:0;
  margin:0 8px;
}
body.sqg-app-shell-active .sqg-mobile-menu-actions{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-left:auto;
  flex:0 0 auto;
}
body.sqg-app-shell-active .sqg-mobile-menu-notifications,
body.sqg-app-shell-active .sqg-mobile-menu-host .sqg-mobile-menu-notifications{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.18) !important;
  background:#c62828 !important;
  background-color:#c62828 !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:0 1px 2px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.04) !important;
  padding:0;
  text-decoration:none;
  appearance:none;
  -webkit-appearance:none;
}
body.sqg-app-shell-active .sqg-mobile-menu-notifications:hover,
body.sqg-app-shell-active .sqg-mobile-menu-notifications:focus,
body.sqg-app-shell-active .sqg-mobile-menu-notifications:active,
body.sqg-app-shell-active .sqg-mobile-menu-notifications:visited{
  color:#ffffff;
  text-decoration:none;
}
body.sqg-app-shell-active .sqg-mobile-menu-notifications__icon,
body.sqg-app-shell-active .sqg-mobile-menu-notifications__icon svg{
  width:20px;
  height:20px;
  display:block;
}
body.sqg-app-shell-active .sqg-mobile-menu-notifications__icon svg{
  fill:currentColor;
  stroke:none;
}

body.sqg-app-shell-active .sqg-mobile-menu-profile,
body.sqg-app-shell-active .sqg-mobile-menu-host .sqg-mobile-menu-profile{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.18) !important;
  background:#c62828 !important;
  background-color:#c62828 !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:0 1px 2px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.04) !important;
  padding:0;
  text-decoration:none;
  appearance:none;
  -webkit-appearance:none;
}
body.sqg-app-shell-active .sqg-mobile-menu-profile:hover,
body.sqg-app-shell-active .sqg-mobile-menu-profile:focus,
body.sqg-app-shell-active .sqg-mobile-menu-profile:active,
body.sqg-app-shell-active .sqg-mobile-menu-profile:visited{
  color:#ffffff;
  text-decoration:none;
}
body.sqg-app-shell-active .sqg-mobile-menu-profile__icon,
body.sqg-app-shell-active .sqg-mobile-menu-profile__icon svg{
  width:20px;
  height:20px;
  display:block;
}
body.sqg-app-shell-active .sqg-mobile-menu-profile__icon svg{
  fill:currentColor;
  stroke:none;
}
body.sqg-app-shell-active .sqg-mobile-menu-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:0;
  flex:0 1 auto;
  height:36px;
  min-height:36px;
  padding:0 10px;
  border-radius:8px;
  background:#c62828;
  border:1px solid #c62828;
  box-shadow:0 1px 2px rgba(0,0,0,.18);
  color:#ffffff;
  text-decoration:none;
  font-size:14px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
  white-space:nowrap;
  text-shadow:0 1px 2px rgba(0,0,0,.16);
}
body.sqg-app-shell-active .sqg-mobile-menu-link:hover,
body.sqg-app-shell-active .sqg-mobile-menu-link:focus,
body.sqg-app-shell-active .sqg-mobile-menu-link:active,
body.sqg-app-shell-active .sqg-mobile-menu-link:visited{
  color:#ffffff;
  text-decoration:none;
}
body.sqg-app-shell-active .sqg-mobile-menu-toggle,
body.sqg-app-shell-active button.sqg-mobile-menu-toggle,
body.sqg-app-shell-active .sqg-mobile-menu-host .sqg-mobile-menu-toggle{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.18) !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:none !important;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
}
body.sqg-app-shell-active .sqg-mobile-menu-toggle__icon,
body.sqg-app-shell-active .sqg-mobile-menu-toggle__icon svg{
  width:22px;
  height:22px;
  display:block;
}
body.sqg-app-shell-active .sqg-mobile-menu-toggle__icon svg{
  stroke:currentColor;
  fill:none;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.sqg-app-shell-active .sqg-app-bottomnav__item.sqg-mobile-menu-trigger{
  border:0 !important;
  background:transparent !important;
  color:#ffffff !important;
  box-shadow:none !important;
}
body.sqg-app-shell-active .sqg-app-bottomnav__item.sqg-mobile-menu-trigger .sqg-app-navitem__icon,
body.sqg-app-shell-active .sqg-app-bottomnav__item.sqg-mobile-menu-trigger .sqg-app-navitem__icon svg,
body.sqg-app-shell-active .sqg-app-bottomnav__item.sqg-mobile-menu-trigger .sqg-app-navitem__label{
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
}
body.sqg-app-shell-active .sqg-mobile-menu-toggle__badge{display:none !important;}
body.sqg-app-shell-active .sqg-mobile-menu-backdrop{
  position:fixed;
  inset:0;
  background:rgba(2,6,23,.46);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  z-index:10020;
}
body.sqg-app-shell-active .sqg-mobile-menu-panel{
  position:fixed;
  bottom:calc(env(safe-area-inset-bottom, 0px) + 92px);
  left:12px;
  right:12px;
  width:auto;
  max-height:calc(100vh - 188px);
  overflow:auto;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(15,23,42,.98);
  color:#fff;
  box-shadow:0 22px 48px rgba(0,0,0,.34);
  z-index:10025;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px) scale(.98);
  transition:opacity .16s ease, transform .16s ease;
}
body.sqg-mobile-menu-open.sqg-app-shell-active .sqg-mobile-menu-panel{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
body.sqg-app-shell-active .sqg-mobile-menu-panel__header{
  padding:16px 16px 8px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
}
body.sqg-app-shell-active .sqg-mobile-menu-panel__list{
  padding:8px 10px 10px;
}
body.sqg-app-shell-active .sqg-mobile-menu-item{
  position:relative;
  display:grid;
  grid-template-columns:20px minmax(0, 1fr) auto;
  align-items:center;
  column-gap:12px;
  min-height:48px;
  padding:0 14px;
  border-radius:14px;
  color:rgba(255,255,255,.88);
  text-decoration:none;
  list-style:none;
  background:transparent;
}
body.sqg-app-shell-active .sqg-mobile-menu-item:hover,
body.sqg-app-shell-active .sqg-mobile-menu-item:focus,
body.sqg-app-shell-active .sqg-mobile-menu-item.is-active{
  color:#fff;
  background:rgba(255,255,255,.06);
}
body.sqg-app-shell-active .sqg-mobile-menu-item__icon,
body.sqg-app-shell-active .sqg-mobile-menu-item__icon svg{
  width:20px;
  height:20px;
  display:block;
}
body.sqg-app-shell-active .sqg-mobile-menu-item__icon{
  flex:0 0 20px;
}
body.sqg-app-shell-active .sqg-mobile-menu-item__icon svg{
  stroke:currentColor;
  fill:none;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.sqg-app-shell-active .sqg-mobile-menu-item__label{
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  display:block;
}
body.sqg-app-shell-active .sqg-mobile-menu-item__badge{
  margin-left:auto;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:20px;
  text-align:center;
}
body.sqg-app-shell-active .sqg-mobile-menu-host a:not(.sqg-mobile-menu-item){
  text-decoration:none;
}
body.sqg-app-shell-active .sqg-app-topbar,
body.sqg-app-shell-active .sqg-app-topbar__inner,
body.sqg-app-shell-active .sqg-app-topbar__actions,
body.sqg-app-shell-active .sqg-app-cornericon{
  display:none !important;
}




/* Desktop-only navigation, branding, and title-area polish */
@media (min-width: 769px){
  body.sqg-desktop-page .site-header,
  body.sqg-desktop-page .site-header .site-branding,
  body.sqg-desktop-page .site-header .site-identity,
  body.sqg-desktop-page .site-header .ast-site-identity,
  body.sqg-desktop-page .site-header .custom-logo-link,
  body.sqg-desktop-page .site-header .site-title,
  body.sqg-desktop-page .site-header .site-title a,
  body.sqg-desktop-page .site-header .custom-logo,
  body.sqg-desktop-page .site-header .main-header-container,
  body.sqg-desktop-page .site-header .ast-main-header-wrap,
  body.sqg-desktop-page .site-header .ast-builder-grid-row,
  body.sqg-desktop-page .site-header .header-inner,
  body.sqg-desktop-page .site-header .header-layout,
  body.sqg-desktop-page .site-header .header-primary,
  body.sqg-desktop-page .site-header .header-main,
  body.sqg-desktop-page .site-header .header-wrap,
  body.sqg-desktop-page .site-header .header-bar,
  body.sqg-desktop-page .site-header .site-header-inner,
  body.sqg-desktop-page .site-header .site-header-primary-section-right,
  body.sqg-desktop-page .site-header .site-header-primary-section-left{
    box-sizing:border-box;
  }

  body.sqg-desktop-page .site-header .main-header-container,
  body.sqg-desktop-page .site-header .ast-main-header-wrap,
  body.sqg-desktop-page .site-header .ast-builder-grid-row,
  body.sqg-desktop-page .site-header .header-inner,
  body.sqg-desktop-page .site-header .header-layout,
  body.sqg-desktop-page .site-header .header-primary,
  body.sqg-desktop-page .site-header .header-main,
  body.sqg-desktop-page .site-header .header-wrap,
  body.sqg-desktop-page .site-header .header-bar,
  body.sqg-desktop-page .site-header .site-header-inner{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
    width:100% !important;
  }

  body.sqg-desktop-page .site-header .site-branding,
  body.sqg-desktop-page .site-header .site-identity,
  body.sqg-desktop-page .site-header .ast-site-identity,
  body.sqg-desktop-page .site-header .site-header-primary-section-left{
    width:100% !important;
    flex:0 0 100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:14px 18px !important;
    background:linear-gradient(135deg, #f8d46a 0%, #f3b83d 100%) !important;
  }

  body.sqg-desktop-page .site-header .custom-logo-link,
  body.sqg-desktop-page .site-header .site-title,
  body.sqg-desktop-page .site-header .site-title a,
  body.sqg-desktop-page .site-header .custom-logo{
    color:#13294b !important;
    fill:#13294b !important;
  }

  body.sqg-desktop-page .site-header .site-title,
  body.sqg-desktop-page .site-header .site-title a{
    font-weight:800 !important;
    letter-spacing:.02em !important;
  }

  body.sqg-desktop-page nav[aria-label*="Primary" i],
  body.sqg-desktop-page nav[aria-label*="primary" i],
  body.sqg-desktop-page #site-navigation,
  body.sqg-desktop-page .main-navigation,
  body.sqg-desktop-page .primary-navigation,
  body.sqg-desktop-page .header-navigation,
  body.sqg-desktop-page .header-nav,
  body.sqg-desktop-page .top-menu,
  body.sqg-desktop-page .top-nav,
  body.sqg-desktop-page .navbar-nav,
  body.sqg-desktop-page .sqg-top-nav,
  body.sqg-desktop-page .sqg-top-navbar,
  body.sqg-desktop-page .sqg-header-nav,
  body.sqg-desktop-page .sqg-nav-menu,
  body.sqg-desktop-page .sqg-top-menu,
  body.sqg-desktop-page .sqg-app-top-nav,
  body.sqg-desktop-page .squarekick-top-nav,
  body.sqg-desktop-page .squarekick-nav,
  body.sqg-desktop-page .top-menu-nav,
  body.sqg-desktop-page .site-header .site-header-primary-section-right{
    width:100% !important;
    flex:0 0 100% !important;
    background:#0b1f4d !important;
  }

  body.sqg-desktop-page nav[aria-label*="Primary" i] a,
  body.sqg-desktop-page nav[aria-label*="primary" i] a,
  body.sqg-desktop-page #site-navigation a,
  body.sqg-desktop-page #primary-menu a,
  body.sqg-desktop-page .primary-menu a,
  body.sqg-desktop-page .primary-navigation a,
  body.sqg-desktop-page .main-navigation a,
  body.sqg-desktop-page .header-navigation a,
  body.sqg-desktop-page .header-nav a,
  body.sqg-desktop-page .top-menu a,
  body.sqg-desktop-page .top-nav a,
  body.sqg-desktop-page .navbar-nav a,
  body.sqg-desktop-page .menu a,
  body.sqg-desktop-page ul#menu-primary-menu a,
  body.sqg-desktop-page ul#menu-main-menu a,
  body.sqg-desktop-page .sqg-top-nav a,
  body.sqg-desktop-page .sqg-top-navbar a,
  body.sqg-desktop-page .sqg-header-nav a,
  body.sqg-desktop-page .sqg-nav-menu a,
  body.sqg-desktop-page .sqg-top-menu a,
  body.sqg-desktop-page .sqg-app-top-nav a,
  body.sqg-desktop-page .squarekick-top-nav a,
  body.sqg-desktop-page .squarekick-nav a,
  body.sqg-desktop-page .top-menu-nav a{
    color:#ffffff !important;
    padding-top:14px !important;
    padding-bottom:14px !important;
  }

  body.sqg-desktop-page .entry-header,
  body.sqg-desktop-page .page-header,
  body.sqg-desktop-page .elementor-location-single .entry-title,
  body.sqg-desktop-page .elementor-widget-theme-post-title,
  body.sqg-desktop-page .wp-block-post-title,
  body.sqg-desktop-page h1.entry-title,
  body.sqg-desktop-page .ast-entry-header,
  body.sqg-desktop-page .page-title,
  body.sqg-desktop-page .site-main > article > .entry-header,
  body.sqg-desktop-page .site-main > .page-header{
    display:none !important;
  }

  body.sqg-desktop-page .page-title-bar,
  body.sqg-desktop-page .breadcrumb,
  body.sqg-desktop-page .breadcrumbs,
  body.sqg-desktop-page .yoast-breadcrumb,
  body.sqg-desktop-page .rank-math-breadcrumb,
  body.sqg-desktop-page .ast-breadcrumbs,
  body.sqg-desktop-page .woocommerce-breadcrumb,
  body.sqg-desktop-page nav[aria-label="breadcrumb"],
  body.sqg-desktop-page nav[aria-label="Breadcrumb"],
  body.sqg-desktop-page .page-title-bar .page-title-bar-inner,
  body.sqg-desktop-page .page-title-bar .ast-container,
  body.sqg-desktop-page .entry-header .breadcrumb,
  body.sqg-desktop-page .site-main .breadcrumb{
    text-align:left !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    margin-left:0 !important;
    margin-right:auto !important;
    float:none !important;
  }
}

/* v1.0.64 branded SquareKick home page */
.sqg-brand-home-shell{
  min-height:100vh;
  padding:16px 8px calc(env(safe-area-inset-bottom, 0px) + 22px);
}
.sqg-brand-home-hero{
  position:relative;
  overflow:visible;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:0;
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.sqg-brand-home-logo-wrap{
  width:min(100%, 1120px);
  margin:0 auto;
  display:flex;
  justify-content:flex-start;
}
.sqg-brand-home-logo{
  display:block;
  width:min(88vw, 980px);
  max-width:100%;
  max-height:none;
  object-fit:contain;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.28));
}
.sqg-brand-home-copy{
  width:min(100%, 860px);
  margin:-18px auto 0;
  padding:16px 18px 18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(7,20,58,.82), rgba(6,14,40,.92));
  border:1px solid rgba(112, 179, 255, .2);
  box-shadow:0 18px 42px rgba(0,0,0,.26);
  text-align:center;
}
.sqg-brand-home-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(230, 43, 54, .16);
  color:#ffd8d8;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sqg-brand-home-copy h1{
  margin:0 0 12px;
  color:#fff;
  font-size:clamp(28px, 5vw, 42px);
  line-height:1.05;
}
.sqg-brand-home-copy p{
  margin:0 0 14px;
  color:#d9e7ff;
  font-size:13px;
  line-height:1.45;
  text-align:left;
}

.sqg-brand-home-copy p .sqg-brand-home-inline-link{
  color:#78b7ff;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:2px;
}
.sqg-brand-home-copy p .sqg-brand-home-inline-link:hover,
.sqg-brand-home-copy p .sqg-brand-home-inline-link:focus{
  color:#a9d3ff;
}
.sqg-brand-home-copy .sqg-brand-home-join-copy{
  text-align:left;
  font-weight:400;
}
.sqg-brand-home-intro{
  margin-bottom:22px !important;
}
.sqg-brand-home-join-prompt{
  margin:0 0 14px !important;
  color:#d9e7ff;
  font-size:13px;
  line-height:1.45;
  text-align:left;
}
.sqg-brand-home-actions{
  margin-bottom:22px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:18px;
}
.sqg-brand-home-or{
  width:100%;
  margin:2px 0;
  color:#d9e7ff;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  letter-spacing:.08em;
}
.sqg-brand-home-links{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#9eb4de;
  font-size:13px;
}
.sqg-brand-home-links a{
  color:#dce8ff;
  font-weight:700;
  text-decoration:none;
}
.sqg-brand-home-links a:hover,
.sqg-brand-home-links a:focus{ text-decoration:underline; }
body.sqg-app-shell-active .sqg-brand-home-shell{
  padding-top:calc(env(safe-area-inset-top, 0px) + 62px) !important;
  padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 96px) !important;
}
@media (max-width: 767px){
  .sqg-brand-home-shell{ padding-inline:0; }
  .sqg-brand-home-hero{ gap:2px; }
  .sqg-brand-home-logo-wrap{
    width:100%;
    justify-content:flex-start;
    padding-left:4px;
    padding-right:0;
  }
  .sqg-brand-home-logo{
    width:calc(100vw - 22px);
    max-width:100%;
    max-height:none;
    margin-left:0;
    margin-right:auto;
  }
  .sqg-brand-home-copy{
    width:calc(100% - 16px);
    margin-top:-10px;
    padding:14px 14px 18px;
    border-radius:18px;
  }
  .sqg-brand-home-copy h1{ font-size:30px; }
  .sqg-brand-home-copy p{ font-size:14px; }
  .sqg-brand-home-actions{ gap:8px; }
  .sqg-brand-home-actions .sqg-btn{ width:100%; }
}


/* Phase 3 live score UI/UX refinements */
.sqg-live-grid-score-updates .sqg-live-score-updates-card[role="status"]{
  position:relative;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__eyebrow{
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__meta{
  opacity:.82;
  font-size:11px;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__status{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 10px;
  border-radius:999px;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter.is-live{
  box-shadow:inset 0 0 0 1px rgba(59,130,246,.35);
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter.is-delayed,
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter.is-unavailable{
  background:rgba(245,158,11,.18);
  color:#fde68a;
  box-shadow:inset 0 0 0 1px rgba(245,158,11,.35);
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__quarter.is-final{
  background:rgba(16,185,129,.18);
  color:#bbf7d0;
  box-shadow:inset 0 0 0 1px rgba(16,185,129,.32);
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__updated{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding-bottom:8px;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card[data-score-state="live"] .sqg-live-score-updates-card__updated::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:1px;
  width:26px;
  height:2px;
  border-radius:999px;
  background:#ef4444;
  transform-origin:center center;
  animation:sqgLiveIndicatorSwing 1.35s ease-in-out infinite;
  box-shadow:0 0 6px rgba(239,68,68,.55);
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__freshness{
  margin-top:6px;
  font-size:11px;
  line-height:1.35;
  text-align:center;
  color:rgba(255,255,255,.78);
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card--unavailable .sqg-live-score-updates-card__unavailable-body{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:84px;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card[data-score-state="delayed"]{
  box-shadow:0 8px 24px rgba(0,0,0,.24), inset 0 0 0 1px rgba(245,158,11,.16);
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card.is-score-changed{
  animation:sqgLiveScorePulse .9s ease;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card.is-score-changed .sqg-live-score-updates-card__score,
.sqg-live-grid-score-updates .sqg-live-score-updates-card.is-score-changed .sqg-live-score-updates-card__updated{
  animation:sqgLiveScoreGlow .9s ease;
}
@keyframes sqgLiveScorePulse{
  0%{transform:scale(1);}
  35%{transform:scale(1.012);}
  100%{transform:scale(1);}
}
@keyframes sqgLiveScoreGlow{
  0%{opacity:1;}
  35%{opacity:.72;}
  100%{opacity:1;}
}
@media (max-width: 640px){
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__top{
    align-items:flex-start;
    flex-direction:column;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__status{
    gap:6px;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__freshness{
    max-width:220px;
    margin-left:auto;
    margin-right:auto;
  }
}


body.sqg-app-shell-active button.sqg-app-bottomnav__item{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  cursor:pointer;
  font:inherit;
  background:transparent;
}
body.sqg-app-shell-active .sqg-app-bottomnav{
  display:grid !important;
  grid-template-columns:repeat(6, minmax(0,1fr)) !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}
body.sqg-app-shell-active .sqg-app-bottomnav__item{
  min-width:0;
}
body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__label{
  white-space:nowrap;
}
body.sqg-app-shell-active .sqg-mobile-menu-host .sqg-mobile-menu-actions .sqg-mobile-menu-toggle{
  display:none !important;
}


body.sqg-app-shell-active button.sqg-mobile-menu-trigger{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  cursor:pointer;
  font:inherit;
}


/* v1.2.06: remove obsolete top mobile navigation host visuals while keeping the shared slideout menu panel */
body.sqg-app-shell-active .sqg-mobile-menu-host{
  position:static !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  display:block !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  min-height:0 !important;
  z-index:10001;
}
body.sqg-app-shell-active .sqg-mobile-menu-host .sqg-mobile-menu-brand,
body.sqg-app-shell-active .sqg-mobile-menu-host .sqg-mobile-menu-links,
body.sqg-app-shell-active .sqg-mobile-menu-host .sqg-mobile-menu-actions,
body.sqg-app-shell-active .sqg-mobile-menu-host .sqg-mobile-menu-link,
body.sqg-app-shell-active .sqg-mobile-menu-host .sqg-mobile-menu-toggle,
body.sqg-app-shell-active .sqg-mobile-menu-host .sqg-mobile-menu-notifications,
body.sqg-app-shell-active .sqg-mobile-menu-host .sqg-mobile-menu-profile{
  display:none !important;
}
body.sqg-app-shell-active .sqg-landing-shell{
  padding-top:calc(env(safe-area-inset-top, 0px) + 24px) !important;
}


/* v1.2.07: fill the top safe-area and remove leftover top-nav spacing after top-bar removal */
html{background:#08111f !important;}
body.sqg-app-shell-active{background:#08111f !important;}
body.sqg-app-shell-active::before{display:none !important;content:none !important;}
@media (max-width: 991px){
  body.sqg-app-shell-active .sqg.shell{padding-top:calc(env(safe-area-inset-top, 0px) + 12px) !important;}
}


/* v1.2.08 full top-area coverage */
html,
body,
body.sqg-app-shell-active,
body.sqg-app-shell-active #page,
body.sqg-app-shell-active .site,
body.sqg-app-shell-active .site-main,
body.sqg-app-shell-active .entry-content,
body.sqg-app-shell-active .sqg-shell-wrap {
  background:#08111f !important;
}
@media (max-width: 991px){
  body.sqg-app-shell-active{
    margin:0 !important;
    padding-top:0 !important;
    background:#08111f !important;
  }
  body.sqg-app-shell-active::before{
    display:none !important;
    content:none !important;
  }
  body.sqg-app-shell-active .sqg.shell,
  body.sqg-app-shell-active .sqg-landing-shell{
    position:relative;
    z-index:1;
  }
  body.sqg-app-shell-active .sqg.shell{
    min-height:100dvh;
    height:auto;
    padding-top:calc(env(safe-area-inset-top, 0px) + 8px) !important;
    background:
      radial-gradient(circle at top, rgba(51, 126, 255, 0.16), transparent 28%),
      linear-gradient(180deg, #0b0f17 0%, #101826 100%) !important;
  }
  body.sqg-app-shell-active .sqg-landing-shell{
    padding-top:calc(env(safe-area-inset-top, 0px) + 8px) !important;
  }
}


/* v1.2.11 bottom nav viewport lock */
@media (max-width: 991px){
  body.sqg-app-shell-active{
    padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.sqg-app-shell-active .sqg.shell,
  body.sqg-app-shell-active .sqg-landing-shell{
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    min-height: 100dvh;
    box-sizing: border-box;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    margin: 0 !important;
    z-index: 10010 !important;
    border-radius: 18px 18px 0 0 !important;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
}


/* v1.2.11 stronger bottom nav viewport anchoring */
:root{
  --sqg-visual-viewport-bottom-offset: 0px;
}
@media (max-width: 991px){
  html, body{
    min-height: 100%;
    background:#0b0f17 !important;
  }
  body.sqg-app-shell-active{
    overflow:hidden !important;
    overscroll-behavior-y:none;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav{
    position:fixed !important;
    inset:auto 0 var(--sqg-visual-viewport-bottom-offset, 0px) 0 !important;
    left:0 !important;
    right:0 !important;
    bottom:var(--sqg-visual-viewport-bottom-offset, 0px) !important;
    width:100vw !important;
    max-width:100vw !important;
    margin:0 !important;
    border-radius:18px 18px 0 0 !important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    transform:none !important;
    -webkit-transform:none !important;
    will-change:bottom !important;
    contain:layout style paint;
    isolation:isolate;
    z-index:2147483000 !important;
  }
  body.sqg-app-shell-active .sqg-mobile-menu-panel{
    bottom:calc(var(--sqg-visual-viewport-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px) + 92px) !important;
  }
  body.sqg-app-shell-active .sqg-install-prompt{
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    -webkit-transform:translateY(-50%) !important;
  }
  body.sqg-app-shell-active .sqg.shell,
  body.sqg-app-shell-active .sqg-landing-shell{
    padding-bottom:calc(104px + env(safe-area-inset-bottom, 0px) + var(--sqg-visual-viewport-bottom-offset, 0px)) !important;
  }
}


/* v1.2.22 aggressive mobile full-width override */
@media (max-width: 991px){
  html,
  body,
  body.sqg-app-shell-active,
  body.sqg-app-shell-active #page,
  body.sqg-app-shell-active .site,
  body.sqg-app-shell-active .site-content,
  body.sqg-app-shell-active #content,
  body.sqg-app-shell-active main,
  body.sqg-app-shell-active .content-area,
  body.sqg-app-shell-active .entry-content,
  body.sqg-app-shell-active article.page,
  body.sqg-app-shell-active .x-root,
  body.sqg-app-shell-active .x-site,
  body.sqg-app-shell-active .x-container,
  body.sqg-app-shell-active .x-container.max,
  body.sqg-app-shell-active .x-main,
  body.sqg-app-shell-active .x-main.full,
  body.sqg-app-shell-active .x-main.left,
  body.sqg-app-shell-active .x-main.right,
  body.sqg-app-shell-active .x-section,
  body.sqg-app-shell-active .x-section .x-container,
  body.sqg-app-shell-active .x-column,
  body.sqg-app-shell-active .entry-wrap,
  body.sqg-app-shell-active .p-entry-content,
  body.sqg-app-shell-active .e-container,
  body.sqg-app-shell-active .e-con,
  body.sqg-app-shell-active .e-con-inner,
  body.sqg-app-shell-active .elementor,
  body.sqg-app-shell-active .elementor-section,
  body.sqg-app-shell-active .elementor-container,
  body.sqg-app-shell-active .elementor-column,
  body.sqg-app-shell-active .elementor-widget-wrap,
  body.sqg-app-shell-active .elementor-element-populated{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    max-width:none !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  body.sqg-app-shell-active .sqg.shell,
  body.sqg-app-shell-active .sqg-landing-shell,
  body.sqg-app-shell-active .sqg-card.sqg-landing-card,
  body.sqg-app-shell-active .sqg-card.sqg-desktop-legacy-landing-card,
  body.sqg-app-shell-active .sqg-board-head.sqg-landing-head{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    max-width:none !important;
    width:100% !important;
    border-radius:0 !important;
  }

  body.sqg-app-shell-active .sqg.shell > *,
  body.sqg-app-shell-active .sqg-landing-shell > *{
    margin-left:0 !important;
    margin-right:0 !important;
    max-width:none !important;
  }

  body.sqg-app-shell-active .sqg-card,
  body.sqg-app-shell-active .sqg-board-wrap,
  body.sqg-app-shell-active .sqg-grid-wrap,
  body.sqg-app-shell-active .sqg-table-scroll,
  body.sqg-app-shell-active .sqg-matchup-rooms-wrap{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}


/* v1.2.23 right-edge line color sync */
@media (max-width: 991px){
  html,
  body,
  body.sqg-app-shell-active,
  body.sqg-app-shell-active #page,
  body.sqg-app-shell-active .site,
  body.sqg-app-shell-active .site-content,
  body.sqg-app-shell-active #content,
  body.sqg-app-shell-active .entry-content,
  body.sqg-app-shell-active .x-root,
  body.sqg-app-shell-active .x-site,
  body.sqg-app-shell-active .x-main,
  body.sqg-app-shell-active .sqg.shell,
  body.sqg-app-shell-active .sqg-landing-shell{
    background-color:#0b0f17 !important;
    border-right-color:#0b0f17 !important;
  }

  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  body.sqg-app-shell-active .sqg.shell::-webkit-scrollbar,
  body.sqg-app-shell-active .sqg-landing-shell::-webkit-scrollbar{
    background:#0b0f17 !important;
  }

  html{
    scrollbar-color:#0b0f17 #0b0f17;
  }

  body.sqg-app-shell-active .sqg-app-bottomnav{
    background-color:#0b0f17 !important;
    box-shadow:0 -8px 20px rgba(11,15,23,.55) !important;
  }
}


/* v1.2.37: unify mobile app-shell background to one exact color */
@media (max-width: 991px){
  body.sqg-app-shell-active,
  body.sqg-app-shell-active .sqg.shell,
  body.sqg-app-shell-active .sqg-landing-shell,
  body.sqg-app-shell-active #page,
  body.sqg-app-shell-active .site,
  body.sqg-app-shell-active .site-content,
  body.sqg-app-shell-active #content,
  body.sqg-app-shell-active main,
  body.sqg-app-shell-active .content-area,
  body.sqg-app-shell-active .entry-content {
    background: #08111f !important;
    background-image: none !important;
  }
}


/* v1.2.38: unify all exposed mobile app-shell background areas to the darker page-gap color */
@media (max-width: 991px){
  html, body, body.sqg-app-shell-active, body.sqg-app-shell-active::before, body.sqg-app-shell-active::after,
  body.sqg-app-shell-active #page, body.sqg-app-shell-active .site, body.sqg-app-shell-active .site-content,
  body.sqg-app-shell-active #content, body.sqg-app-shell-active main, body.sqg-app-shell-active .content-area,
  body.sqg-app-shell-active .entry-content, body.sqg-app-shell-active .sqg-shell-wrap,
  body.sqg-app-shell-active .sqg.shell, body.sqg-app-shell-active .sqg-landing-shell,
  body.sqg-app-shell-active .sqg-app-topbar, body.sqg-app-shell-active .sqg-bottom-nav,
  body.sqg-app-shell-active .sqg-app-bottom-nav, body.sqg-app-shell-active .sqg-mobile-bottom-nav,
  body.sqg-app-shell-active .sqg-tabbar, body.sqg-app-shell-active .sqg-bottom-tabs,
  body.sqg-app-shell-active .sqg-footer-nav, body.sqg-app-shell-active .sqg-app-shell__bottomnav {
    background: #060c16 !important;
    background-image: none !important;
  }
}

/* v1.2.40 mobile background unification */
@media (max-width: 767px){
  body.sqg-app-shell-active,
  body.sqg-app-shell-active::before,
  body.sqg-app-shell-active::after,
  body.sqg-app-shell-active #page,
  body.sqg-app-shell-active .site,
  body.sqg-app-shell-active .site-content,
  body.sqg-app-shell-active #content,
  body.sqg-app-shell-active main,
  body.sqg-app-shell-active .content-area,
  body.sqg-app-shell-active .entry-content,
  body.sqg-app-shell-active .elementor,
  body.sqg-app-shell-active .elementor-section-wrap,
  body.sqg-app-shell-active .elementor-widget-container,
  body.sqg-app-shell-active .sqg.shell,
  body.sqg-app-shell-active .sqg-landing-shell,
  body.sqg-app-shell-active .sqg-board-wrap,
  body.sqg-app-shell-active .sqg-board-head,
  body.sqg-app-shell-active .sqg-section-title,
  body.sqg-app-shell-active .sqg-app-bottomnav,
  body.sqg-app-shell-active .sqg-app-bottomnav::before,
  body.sqg-app-shell-active .sqg-app-bottomnav::after,
  body.sqg-app-shell-active .sqg-card,
  body.sqg-app-shell-active .sqg-landing-card,
  body.sqg-app-shell-active .sqg-card.sqg-landing-card,
  body.sqg-app-shell-active .sqg-card.sqg-desktop-legacy-landing-card {
    background: #060c16 !important;
    background-image: none !important;
  }
  body.sqg-app-shell-active .sqg-card,
  body.sqg-app-shell-active .sqg-landing-card,
  body.sqg-app-shell-active .sqg-card.sqg-landing-card,
  body.sqg-app-shell-active .sqg-card.sqg-desktop-legacy-landing-card {
    box-shadow: none !important;
  }
}


/* v1.2.40 exact mobile gap-color unification */
@media (max-width: 991px){
  html, body,
  body.sqg-app-shell-active,
  body.sqg-app-shell-active::before,
  body.sqg-app-shell-active::after,
  body.sqg-app-shell-active #page,
  body.sqg-app-shell-active .site,
  body.sqg-app-shell-active .site-content,
  body.sqg-app-shell-active #content,
  body.sqg-app-shell-active main,
  body.sqg-app-shell-active .content-area,
  body.sqg-app-shell-active .entry-content,
  body.sqg-app-shell-active .sqg.shell,
  body.sqg-app-shell-active .sqg-landing-shell,
  body.sqg-app-shell-active .sqg-board-wrap,
  body.sqg-app-shell-active .sqg-app-bottomnav,
  body.sqg-app-shell-active .sqg-app-bottomnav::before,
  body.sqg-app-shell-active .sqg-app-bottomnav::after {
    background: #060c16 !important;
    background-image: none !important;
  }

  body.sqg-app-shell-active .sqg-card,
  body.sqg-app-shell-active .sqg-landing-card,
  body.sqg-app-shell-active .sqg-card.sqg-landing-card,
  body.sqg-app-shell-active .sqg-card.sqg-desktop-legacy-landing-card,
  body.sqg-app-shell-active .sqg-board-head,
  body.sqg-app-shell-active .sqg-section-title {
    background-color: #060c16 !important;
    background-image: none !important;
    box-shadow: none !important;
  }
}


/* v1.2.41 mobile background hard sync */
body.sqg-app-shell-active,
html body.sqg-app-shell-active,
body.sqg-app-shell-active #page,
body.sqg-app-shell-active .site,
body.sqg-app-shell-active .site-content,
body.sqg-app-shell-active #content,
body.sqg-app-shell-active main,
body.sqg-app-shell-active .content-area,
body.sqg-app-shell-active .entry-content,
body.sqg-app-shell-active article.page,
body.sqg-app-shell-active .x-root,
body.sqg-app-shell-active .x-site,
body.sqg-app-shell-active .x-main,
body.sqg-app-shell-active .x-container,
body.sqg-app-shell-active .x-section,
body.sqg-app-shell-active .x-column,
body.sqg-app-shell-active .sqg.shell,
body.sqg-app-shell-active .sqg-landing-shell,
body.sqg-app-shell-active .sqg-app-topbar,
body.sqg-app-shell-active .sqg-app-bottomnav {
  background-color:#060b14 !important;
  background:#060b14 !important;
  background-image:none !important;
}
body.sqg-app-shell-active::before,
body.sqg-app-shell-active::after,
body.sqg-app-shell-active #page::before,
body.sqg-app-shell-active #page::after,
body.sqg-app-shell-active .site::before,
body.sqg-app-shell-active .site::after,
body.sqg-app-shell-active .sqg.shell::before,
body.sqg-app-shell-active .sqg.shell::after,
body.sqg-app-shell-active .sqg-landing-shell::before,
body.sqg-app-shell-active .sqg-landing-shell::after {
  background:none !important;
  background-image:none !important;
}
@media (max-width: 991px){
  body.sqg-app-shell-active,
  html body.sqg-app-shell-active,
  body.sqg-app-shell-active .sqg.shell,
  body.sqg-app-shell-active .sqg-landing-shell,
  body.sqg-app-shell-active .sqg-app-topbar,
  body.sqg-app-shell-active .sqg-app-bottomnav{
    background:#060b14 !important;
    background-image:none !important;
  }
}

/* v1.2.48: mask the left-edge logo line with the exact page background color */
.sqg-brand-home-logo-wrap{
  position:relative;
}
.sqg-brand-home-logo-wrap::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:#060b14;
  z-index:2;
  pointer-events:none;
}
@media (max-width: 767px){
  .sqg-brand-home-logo-wrap{
    padding-left:0 !important;
    margin-left:0 !important;
  }
  .sqg-brand-home-logo-wrap::before{
    width:6px;
  }
}

/* v1.2.50: unify all SQG cards to navy blue across pages */
.sqg-card,
.sqg-card.inner,
.sqg-results-card,
.sqg-results-page .sqg-results-page__card,
.sqg-results-page .sqg-results-card,
.sqg-withdraw-card,
.sqg-withdraw-history-card,
.sqg-metric-card,
.sqg-live-status-card,
.sqg-withdraw-plain .sqg-mobile-card,
.sqg-modal__content,
.sqg-shuffle-notice__dialog,
.sqg-shuffle-step-banner,
.sqg-shuffle-panel,
.validation,
.sqg-prize-breakdown-table .sqg-row,
.sqg-desktop-legacy-landing-card,
.sqg-landing-shell .sqg-card,
.sqg-landing-shell .sqg-landing-card,
body.sqg-app-shell-active .sqg-card,
body.sqg-app-shell-active .sqg-card.inner,
body.sqg-app-shell-active .sqg-results-card,
body.sqg-app-shell-active .sqg-results-page .sqg-results-page__card,
body.sqg-app-shell-active .sqg-results-page .sqg-results-card,
body.sqg-app-shell-active .sqg-withdraw-card,
body.sqg-app-shell-active .sqg-withdraw-history-card,
body.sqg-app-shell-active .sqg-metric-card,
body.sqg-app-shell-active .sqg-live-status-card,
body.sqg-app-shell-active .sqg-withdraw-plain .sqg-mobile-card,
body.sqg-app-shell-active .sqg-modal__content,
body.sqg-app-shell-active .sqg-shuffle-notice__dialog,
body.sqg-app-shell-active .sqg-shuffle-step-banner,
body.sqg-app-shell-active .sqg-shuffle-panel,
body.sqg-app-shell-active .validation,
body.sqg-app-shell-active .sqg-prize-breakdown-table .sqg-row,
body.sqg-app-shell-active .sqg-desktop-legacy-landing-card,
body.sqg-app-shell-active .sqg-landing-shell .sqg-card,
body.sqg-app-shell-active .sqg-landing-shell .sqg-landing-card{
  background:#0c1f3d !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.12) !important;
}

.sqg-card *,
.sqg-results-card *,
.sqg-results-page .sqg-results-page__card *,
.sqg-results-page .sqg-results-card *,
.sqg-withdraw-card *,
.sqg-withdraw-history-card *,
.sqg-metric-card *,
.sqg-live-status-card *,
.sqg-withdraw-plain .sqg-mobile-card *,
.sqg-modal__content *,
.sqg-shuffle-notice__dialog *,
.sqg-shuffle-step-banner *,
.sqg-shuffle-panel *,
.validation *,
.sqg-prize-breakdown-table .sqg-row *,
.sqg-desktop-legacy-landing-card *,
.sqg-landing-shell .sqg-card *,
.sqg-landing-shell .sqg-landing-card *,
body.sqg-app-shell-active .sqg-card *,
body.sqg-app-shell-active .sqg-results-card *,
body.sqg-app-shell-active .sqg-results-page .sqg-results-page__card *,
body.sqg-app-shell-active .sqg-results-page .sqg-results-card *,
body.sqg-app-shell-active .sqg-withdraw-card *,
body.sqg-app-shell-active .sqg-withdraw-history-card *,
body.sqg-app-shell-active .sqg-metric-card *,
body.sqg-app-shell-active .sqg-live-status-card *,
body.sqg-app-shell-active .sqg-withdraw-plain .sqg-mobile-card *,
body.sqg-app-shell-active .sqg-modal__content *,
body.sqg-app-shell-active .sqg-shuffle-notice__dialog *,
body.sqg-app-shell-active .sqg-shuffle-step-banner *,
body.sqg-app-shell-active .sqg-shuffle-panel *,
body.sqg-app-shell-active .validation *,
body.sqg-app-shell-active .sqg-prize-breakdown-table .sqg-row *,
body.sqg-app-shell-active .sqg-desktop-legacy-landing-card *,
body.sqg-app-shell-active .sqg-landing-shell .sqg-card *,
body.sqg-app-shell-active .sqg-landing-shell .sqg-landing-card *{
  border-color:rgba(255,255,255,.12) !important;
}

/* v1.2.83: enlarge bottom-nav labels and icons while preserving the requested 6-item single-line layout */
@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-app-bottomnav{
    display:grid !important;
    grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow:column !important;
    grid-auto-columns:minmax(0, 1fr) !important;
    gap:2px !important;
    align-items:stretch !important;
    justify-items:stretch !important;
    overflow:hidden !important;
    white-space:normal !important;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item,
  body.sqg-app-shell-active button.sqg-app-bottomnav__item{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:58px !important;
    padding:3px 0 4px !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__icon,
  body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__icon svg{
    width:25px !important;
    height:25px !important;
    font-size:25px !important;
    line-height:1 !important;
    flex:0 0 auto !important;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item .sqg-app-navitem__label{
    display:block !important;
    width:100% !important;
    font-size:9px !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
  body.sqg-app-shell-active .sqg-app-bottomnav__item[data-nav-key="home"]{order:1 !important;}
  body.sqg-app-shell-active .sqg-app-bottomnav__item[data-nav-key="live"]{order:2 !important;}
  body.sqg-app-shell-active .sqg-app-bottomnav__item[data-nav-key="join"]{order:3 !important;}
  body.sqg-app-shell-active .sqg-app-bottomnav__item[data-nav-key="matchups"]{order:4 !important;}
  body.sqg-app-shell-active .sqg-app-bottomnav__item[data-nav-key="wallet"]{order:5 !important;}
  body.sqg-app-shell-active .sqg-app-bottomnav__item[data-nav-key="menu"]{order:6 !important;}
}

/* Action loading indicator */
.sqg-action-loader-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .12s ease, visibility .12s ease;
  z-index: 999999;
}
.sqg-action-loader-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.sqg-action-loader-overlay__inner {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: rgba(0,0,0,0.82);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 26px rgba(0,0,0,0.22);
}
.sqg-action-loader-overlay__spinner {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 5px solid rgba(255,255,255,0.20);
  border-top-color: #ffffff;
  animation: sqgActionLoaderSpin .8s linear infinite;
  box-sizing: border-box;
}
body.sqg-action-loading {
  cursor: progress;
}
@keyframes sqgActionLoaderSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Mobile-only payment fee summary visibility fix. Keeps desktop unchanged. */
@media (max-width: 767px){
  body > #sqg-payment-box.sqg-payment-box.sqg-mobile-payment-floating .sqg-payment-box__fee-summary,
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__fee-summary{
    background:#fff8ef !important;
    color:#4d3b20 !important;
    border-color:rgba(120,90,40,.22) !important;
    text-shadow:none !important;
    opacity:1 !important;
  }
  body > #sqg-payment-box.sqg-payment-box.sqg-mobile-payment-floating .sqg-payment-box__fee-summary *,
  .sqg.shell #sqg-payment-box.sqg-payment-box .sqg-payment-box__fee-summary *{
    color:#4d3b20 !important;
    text-shadow:none !important;
    opacity:1 !important;
  }
}


/* v1.3.32: keep Live Grid Featured/My Room switches visible at the top-left on all views. */
.sqg-card.sqg-landing-card .sqg-live-grid-tabs{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center;
}
@media (max-width: 767px){
  .sqg-card.sqg-landing-card .sqg-live-grid-tabs{display:none !important;}
  .sqg-card.sqg-landing-card .sqg-live-grid-mobile-switch{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center;
  }
}

/* v1.3.43: Android app/PWA only — slightly reduce the live shuffle process banner so it does not cover home row shuffle digits.
   The pre-shuffle notification popup (.sqg-shuffle-notice) is intentionally untouched. */
@media (max-width: 767px){
  body.sqg-android-device.sqg-app-shell-active .sqg-shuffle-step-banner{
    right:8px !important;
    bottom:8px !important;
    width:min(72vw,260px) !important;
    min-width:0 !important;
    max-width:calc(100vw - 16px) !important;
    padding:9px 10px !important;
    border-radius:14px !important;
  }
  body.sqg-android-device.sqg-app-shell-active .sqg-shuffle-step-banner__eyebrow{
    font-size:9px !important;
    margin-bottom:4px !important;
  }
  body.sqg-android-device.sqg-app-shell-active .sqg-shuffle-step-banner__main{
    gap:8px !important;
  }
  body.sqg-android-device.sqg-app-shell-active .sqg-shuffle-step-banner__title{
    font-size:15px !important;
    margin-bottom:3px !important;
    line-height:1.1 !important;
  }
  body.sqg-android-device.sqg-app-shell-active .sqg-shuffle-step-banner__teams{
    font-size:11px !important;
    gap:5px !important;
    margin-bottom:4px !important;
  }
  body.sqg-android-device.sqg-app-shell-active .sqg-shuffle-step-banner__message{
    font-size:11px !important;
    line-height:1.3 !important;
  }
  body.sqg-android-device.sqg-app-shell-active .sqg-shuffle-step-banner__digit{
    width:44px !important;
    height:44px !important;
    font-size:20px !important;
  }
  body.sqg-android-device.sqg-app-shell-active .sqg-shuffle-step-banner__meta{
    margin-top:7px !important;
    padding:6px 7px !important;
    border-radius:10px !important;
    font-size:10px !important;
    gap:3px !important;
  }
}

/* v1.3.43: Live Grid owner view — each logged-in viewer sees only their own purchased squares in red. */
.sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square,
body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square,
body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .cell.taken.sqg-current-user-square{
  background: linear-gradient(180deg, #d50a0a 0%, #b00808 52%, #7f0505 100%) !important;
  border-color: rgba(127, 5, 5, 0.86) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), inset 0 -1px 0 rgba(76,5,5,.32), 0 8px 18px rgba(127,5,5,.24) !important;
  color: #ffffff !important;
  opacity: 1 !important;
}
.sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square .coord,
.sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square .name,
body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square .coord,
body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square .name,
body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .cell.taken.sqg-current-user-square .coord,
body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .cell.taken.sqg-current-user-square .name{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.58), 0 0 8px rgba(0,0,0,.16) !important;
  opacity: 1 !important;
}
.sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square.cell-half .sqg-half-square__part,
body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .cell.taken.sqg-current-user-square.cell-half .sqg-half-square__part{
  background: linear-gradient(180deg, #d50a0a 0%, #b00808 52%, #7f0505 100%) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #ffffff !important;
}
.sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square.cell-half .sqg-half-square__label,
.sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square.cell-half .sqg-half-square__name,
body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .cell.taken.sqg-current-user-square.cell-half .sqg-half-square__label,
body.sqg-app-shell-active .sqg-landing-shell .sqg-grid10 .cell.taken.sqg-current-user-square.cell-half .sqg-half-square__name{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.58) !important;
}


/* v1.3.44: Android app/PWA only — move the live shuffle process banner up so its bottom is not covered.
   Size, horizontal placement, iOS, desktop, and pre-shuffle notification popup styles are intentionally untouched. */
@media (max-width: 767px){
  body.sqg-android-device.sqg-app-shell-active .sqg-shuffle-step-banner{
    bottom:calc(env(safe-area-inset-bottom, 0px) + 72px) !important;
  }
}

/* v1.5.49: Center Android mobile quarter chips in live score progress card. */
@media (max-width: 767px){
  body.sqg-android-device .sqg-live-grid-score-updates .sqg-live-score-updates-card__quarters{
    justify-content:center !important;
    text-align:center !important;
  }
}


/* v1.5.49 refined mobile home fixed slim rings */
.sqg-brand-home-mobile-rings{display:none;}
@keyframes sqgBrandHomeRingItemsUp{from{transform:translateY(0);}to{transform:translateY(calc(-1 * var(--sqg-ring-loop, 0px)));}}

@media (max-width: 767px){
  .sqg-brand-home-shell{overflow-x:hidden;}
  .sqg-brand-home-hero{gap:2px;}
  .sqg-brand-home-logo-wrap{
    position:relative;
    width:100%;
    min-height:360px;
    justify-content:center;
    align-items:center;
    padding-left:0;
    padding-right:0;
    overflow:hidden;
  }
  .sqg-brand-home-mobile-rings{
    display:block;
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:1;
  }
  .sqg-brand-home-mobile-ring{
    position:absolute;
    top:50%;
    width:42px;
    height:310px;
    transform:translateY(-50%);
  }
  .sqg-brand-home-mobile-ring--nfl{left:7px;}
  .sqg-brand-home-mobile-ring--nba{right:7px;}
  .sqg-brand-home-mobile-ring__body{
    position:relative;
    width:100%;
    height:100%;
    border-radius:999px;
    overflow:hidden;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__body{
    background:#102d5a;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__body{
    background:#6e1426;
  }
  .sqg-brand-home-mobile-ring__body::before{
    display:none !important;
    content:none !important;
  }
  .sqg-brand-home-mobile-ring__viewport{
    position:absolute;
    inset:10px 1px;
    overflow:hidden;
    border-radius:999px;
    z-index:2;
    -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 11%, #000 89%, transparent 100%);
    mask-image:linear-gradient(to bottom, transparent 0, #000 11%, #000 89%, transparent 100%);
  }
  .sqg-brand-home-mobile-ring__track{
    display:flex;
    flex-direction:column;
    align-items:center;
    animation:sqgBrandHomeRingItemsUp var(--sqg-ring-duration, 44s) linear infinite;
    will-change:transform;
  }
  .sqg-brand-home-ring-team{
    width:100%;
    min-height:64px;
    height:64px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    text-align:center;
  }
  .sqg-brand-home-ring-team__name{
    display:block;
    width:100%;
    color:#ffffff;
    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:0;
    text-align:center;
    text-shadow:0 1px 4px rgba(0,0,0,.62);
  }
  .sqg-brand-home-ring-team__logo{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    display:flex;
    width:31px;
    height:31px;
  }
  .sqg-brand-home-ring-team__logo .sqg-team-icon img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .sqg-brand-home-logo{
    position:relative;
    z-index:4;
    width:calc(100vw - 22px);
    max-width:100%;
    max-height:none;
    margin:0 auto;
  }
  .sqg-brand-home-copy{
    position:relative;
    z-index:4;
    width:calc(100% - 16px);
    margin-top:-10px;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-logo-wrap{min-height:340px;}
  .sqg-brand-home-mobile-ring{width:40px;height:292px;}
  .sqg-brand-home-mobile-ring--nfl{left:4px;}
  .sqg-brand-home-mobile-ring--nba{right:4px;}
  .sqg-brand-home-mobile-ring__viewport{inset:9px 1px;}
  .sqg-brand-home-ring-team{min-height:62px;height:62px;}
  .sqg-brand-home-ring-team__name{font-size:10px;}
  .sqg-brand-home-ring-team__logo .sqg-team-icon{width:29px;height:29px;}
  .sqg-brand-home-logo{width:calc(100vw - 22px);max-width:100%;}
}

@media (prefers-reduced-motion: reduce){
  .sqg-brand-home-mobile-ring__track{animation:none !important;}
}



/* v1.5.49 mobile home ring names and inward overlap */
@media (max-width: 767px){
  .sqg-brand-home-mobile-rings{
    z-index:6;
  }
  .sqg-brand-home-mobile-ring{
    z-index:6;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:18px;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:18px;
  }
  .sqg-brand-home-ring-team__name{
    font-size:7.5px;
    line-height:.9;
    letter-spacing:-.03em;
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
    padding:0 1px;
  }
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:30px;
    height:30px;
  }
  .sqg-brand-home-logo{
    z-index:4;
  }
}
@media (max-width: 420px){
  .sqg-brand-home-mobile-ring--nfl{
    left:14px;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:14px;
  }
  .sqg-brand-home-ring-team__name{
    font-size:7px;
  }
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:28px;
    height:28px;
  }
}

/* v1.5.49 mobile home ring/logo overlap correction */
@media (max-width: 767px){
  .sqg-brand-home-logo-wrap{
    isolation:isolate;
    overflow:hidden !important;
  }
  .sqg-brand-home-mobile-rings{
    z-index:30 !important;
  }
  .sqg-brand-home-mobile-ring,
  .sqg-brand-home-mobile-ring__body,
  .sqg-brand-home-mobile-ring__viewport,
  .sqg-brand-home-mobile-ring__track{
    z-index:31 !important;
  }
  .sqg-brand-home-logo{
    z-index:10 !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:clamp(42px, 14vw, 72px) !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:clamp(42px, 14vw, 72px) !important;
  }
}
@media (max-width: 420px){
  .sqg-brand-home-mobile-ring--nfl{
    left:clamp(34px, 13vw, 56px) !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:clamp(34px, 13vw, 56px) !important;
  }
}

/* v1.5.49 mobile home ring readability refinement */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring{
    width:78px !important;
    height:326px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:clamp(36px, 13vw, 66px) !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:clamp(36px, 13vw, 66px) !important;
  }
  .sqg-brand-home-mobile-ring__viewport{
    inset:12px 4px !important;
  }
  .sqg-brand-home-ring-team{
    min-height:78px !important;
    height:78px !important;
    gap:5px !important;
    padding:0 2px !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:12px !important;
    line-height:1.03 !important;
    letter-spacing:0 !important;
    font-weight:900 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
    text-align:center !important;
    padding:0 2px !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:36px !important;
    height:36px !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-mobile-ring{
    width:72px !important;
    height:310px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:clamp(30px, 12vw, 50px) !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:clamp(30px, 12vw, 50px) !important;
  }
  .sqg-brand-home-mobile-ring__viewport{
    inset:11px 4px !important;
  }
  .sqg-brand-home-ring-team{
    min-height:74px !important;
    height:74px !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:11px !important;
    line-height:1.02 !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:34px !important;
    height:34px !important;
  }
}



/* v1.5.49 local actual team logos for mobile home rings */
.sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px !important;
  height:36px !important;
}
.sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:3px;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));
}
@media (max-width: 420px){
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo{
    width:34px !important;
    height:34px !important;
  }
}


/* v1.5.49 mobile ring logo size and full-list spacing refinement */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring{
    width:96px !important;
    height:326px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:clamp(30px, 11.5vw, 58px) !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:clamp(30px, 11.5vw, 58px) !important;
  }
  .sqg-brand-home-mobile-ring__viewport{
    inset:0 4px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
  .sqg-brand-home-mobile-ring__track{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .sqg-brand-home-ring-team{
    min-height:86px !important;
    height:86px !important;
    gap:2px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:12.5px !important;
    line-height:1.02 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .sqg-brand-home-ring-team__logo{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:54px !important;
    height:54px !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo img{
    max-width:100% !important;
    max-height:100% !important;
    width:auto !important;
    height:auto !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-mobile-ring{
    width:90px !important;
    height:318px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:clamp(24px, 10vw, 44px) !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:clamp(24px, 10vw, 44px) !important;
  }
  .sqg-brand-home-mobile-ring__viewport{
    inset:0 4px !important;
  }
  .sqg-brand-home-ring-team{
    min-height:86px !important;
    height:86px !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:12px !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:50px !important;
    height:50px !important;
  }
}


/* v1.5.49 dense mobile ring logo/list spacing refinement */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring__viewport{
    inset:0 3px !important;
    padding:0 !important;
  }
  .sqg-brand-home-mobile-ring__track{
    gap:0 !important;
    padding:0 !important;
  }
  .sqg-brand-home-ring-team{
    min-height:70px !important;
    height:70px !important;
    gap:0 !important;
    padding:0 !important;
    justify-content:center !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:11.5px !important;
    line-height:1 !important;
    padding:0 !important;
    margin:0 !important;
    white-space:nowrap !important;
  }
  .sqg-brand-home-ring-team__logo{
    padding:0 !important;
    margin:0 !important;
    line-height:0 !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:56px !important;
    height:56px !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo img{
    display:block !important;
    max-width:100% !important;
    max-height:100% !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    margin:0 !important;
    padding:0 !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-mobile-ring__viewport{
    inset:0 3px !important;
  }
  .sqg-brand-home-ring-team{
    min-height:68px !important;
    height:68px !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:11px !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:54px !important;
    height:54px !important;
  }
}


/* v1.5.49 logo-size and quality tuning for dense mobile home rings */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring{
    width:88px !important;
    height:322px !important;
  }
  .sqg-brand-home-mobile-ring__viewport{
    inset:0 3px !important;
    padding:0 !important;
  }
  .sqg-brand-home-mobile-ring__track{
    gap:0 !important;
    padding:0 !important;
  }
  .sqg-brand-home-ring-team{
    min-height:62px !important;
    height:62px !important;
    gap:0 !important;
    padding:0 !important;
    justify-content:center !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:11px !important;
    line-height:1 !important;
    padding:0 !important;
    margin:0 !important;
    white-space:nowrap !important;
  }
  .sqg-brand-home-ring-team__logo{
    padding:0 !important;
    margin:0 !important;
    line-height:0 !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:42px !important;
    height:42px !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo img,
  .sqg-brand-home-ring-team__logo .sqg-team-icon img{
    display:block !important;
    max-width:100% !important;
    max-height:100% !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    image-rendering:auto !important;
    border-radius:0 !important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.18)) !important;
    transform:translateZ(0);
    backface-visibility:hidden;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-mobile-ring{
    width:82px !important;
    height:312px !important;
  }
  .sqg-brand-home-ring-team{
    min-height:60px !important;
    height:60px !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:10.5px !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:40px !important;
    height:40px !important;
  }
}


/* v1.5.49 move fixed mobile rings outward while keeping content fully visible */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring--nfl{
    left:-20px !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:-20px !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    left:18px !important;
    right:4px !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__viewport{
    left:4px !important;
    right:18px !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-mobile-ring--nfl{
    left:-16px !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:-16px !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    left:14px !important;
    right:4px !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__viewport{
    left:4px !important;
    right:14px !important;
  }
}


/* v1.5.49 proportional mobile home fit refinement */
@media (max-width: 767px){
  .sqg-brand-home-shell{
    min-height:100dvh !important;
    padding-top:6px !important;
    padding-bottom:8px !important;
  }
  body.sqg-app-shell-active .sqg-brand-home-shell{
    padding-top:calc(env(safe-area-inset-top, 0px) + 46px) !important;
    padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 70px) !important;
  }
  .sqg-brand-home-hero{
    gap:4px !important;
  }
  .sqg-brand-home-logo-wrap{
    min-height:278px !important;
  }
  .sqg-brand-home-logo{
    width:82vw !important;
    max-width:82vw !important;
  }
  .sqg-brand-home-mobile-ring{
    width:72px !important;
    height:258px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:-14px !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:-14px !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    left:13px !important;
    right:3px !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__viewport{
    left:3px !important;
    right:13px !important;
  }
  .sqg-brand-home-ring-team{
    min-height:52px !important;
    height:52px !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:9.5px !important;
    line-height:.98 !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:34px !important;
    height:34px !important;
  }
  .sqg-brand-home-copy{
    margin-top:-6px !important;
    padding:10px 12px 12px !important;
    border-radius:16px !important;
  }
  .sqg-brand-home-badge{
    margin-bottom:6px !important;
    padding:4px 10px !important;
    font-size:10px !important;
  }
  .sqg-brand-home-intro{
    margin-bottom:8px !important;
  }
  .sqg-brand-home-join-prompt{
    margin-bottom:8px !important;
  }
  .sqg-brand-home-copy p{
    font-size:12px !important;
    line-height:1.25 !important;
    margin-bottom:8px !important;
  }
  .sqg-brand-home-actions{
    margin-top:8px !important;
    margin-bottom:10px !important;
    gap:5px !important;
  }
  .sqg-brand-home-actions .sqg-btn{
    min-height:34px !important;
    padding:8px 12px !important;
    font-size:13px !important;
    line-height:1.1 !important;
  }
  .sqg-brand-home-or{
    margin:0 !important;
    font-size:10px !important;
    line-height:1 !important;
  }
  .sqg-brand-home-terms-copy{
    font-size:10.8px !important;
    line-height:1.22 !important;
    margin-bottom:0 !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-logo-wrap{
    min-height:258px !important;
  }
  .sqg-brand-home-logo{
    width:80vw !important;
    max-width:80vw !important;
  }
  .sqg-brand-home-mobile-ring{
    width:68px !important;
    height:242px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:-12px !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:-12px !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    left:11px !important;
    right:3px !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__viewport{
    left:3px !important;
    right:11px !important;
  }
  .sqg-brand-home-ring-team{
    min-height:50px !important;
    height:50px !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:9px !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:32px !important;
    height:32px !important;
  }
  .sqg-brand-home-copy{
    padding:9px 11px 11px !important;
  }
  .sqg-brand-home-actions .sqg-btn{
    min-height:32px !important;
    padding:7px 10px !important;
  }
}


/* v1.5.49 mobile home height refinement */
@media (max-width: 767px){
  .sqg-brand-home-shell{
    padding-top:10px !important;
    padding-bottom:12px !important;
  }
  body.sqg-app-shell-active .sqg-brand-home-shell{
    padding-top:calc(env(safe-area-inset-top, 0px) + 50px) !important;
    padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 74px) !important;
  }
  .sqg-brand-home-hero{
    gap:8px !important;
  }
  .sqg-brand-home-logo-wrap{
    min-height:312px !important;
  }
  .sqg-brand-home-logo{
    width:88vw !important;
    max-width:88vw !important;
  }
  .sqg-brand-home-mobile-ring{
    width:78px !important;
    height:286px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:-16px !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:-16px !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    left:15px !important;
    right:3px !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__viewport{
    left:3px !important;
    right:15px !important;
  }
  .sqg-brand-home-ring-team{
    min-height:56px !important;
    height:56px !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:10px !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:36px !important;
    height:36px !important;
  }
  .sqg-brand-home-copy{
    margin-top:-2px !important;
    padding:12px 14px 14px !important;
  }
  .sqg-brand-home-badge{
    margin-bottom:7px !important;
  }
  .sqg-brand-home-intro,
  .sqg-brand-home-join-prompt{
    margin-bottom:9px !important;
  }
  .sqg-brand-home-copy p{
    line-height:1.3 !important;
    margin-bottom:9px !important;
  }
  .sqg-brand-home-actions{
    margin-top:9px !important;
    margin-bottom:11px !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-logo-wrap{
    min-height:292px !important;
  }
  .sqg-brand-home-logo{
    width:86vw !important;
    max-width:86vw !important;
  }
  .sqg-brand-home-mobile-ring{
    width:74px !important;
    height:270px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:-14px !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:-14px !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    left:13px !important;
    right:3px !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__viewport{
    left:3px !important;
    right:13px !important;
  }
  .sqg-brand-home-ring-team{
    min-height:54px !important;
    height:54px !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:9.5px !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:34px !important;
    height:34px !important;
  }
  .sqg-brand-home-copy{
    padding:11px 13px 13px !important;
  }
}


/* v1.5.49 mobile home vertical fill refinement */
@media (max-width: 767px){
  .sqg-brand-home-shell{
    min-height:100dvh !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
    display:flex !important;
    align-items:stretch !important;
  }
  body.sqg-app-shell-active .sqg-brand-home-shell{
    padding-top:calc(env(safe-area-inset-top, 0px) + 46px) !important;
    padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 70px) !important;
  }
  .sqg-brand-home-hero{
    width:100% !important;
    min-height:calc(100dvh - 12px) !important;
    justify-content:space-between !important;
    gap:10px !important;
  }
  body.sqg-app-shell-active .sqg-brand-home-hero{
    min-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 116px) !important;
  }
  .sqg-brand-home-logo-wrap{
    min-height:348px !important;
    flex:1 1 auto !important;
    display:flex !important;
    align-items:center !important;
  }
  .sqg-brand-home-logo{
    width:92vw !important;
    max-width:92vw !important;
  }
  .sqg-brand-home-mobile-ring{
    width:84px !important;
    height:326px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:-18px !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:-18px !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    left:17px !important;
    right:3px !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__viewport{
    left:3px !important;
    right:17px !important;
  }
  .sqg-brand-home-ring-team{
    min-height:62px !important;
    height:62px !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:10.5px !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:38px !important;
    height:38px !important;
  }
  .sqg-brand-home-copy{
    flex:0 0 auto !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:14px 15px 16px !important;
  }
  .sqg-brand-home-badge{
    margin-bottom:8px !important;
    padding:5px 10px !important;
  }
  .sqg-brand-home-intro,
  .sqg-brand-home-join-prompt{
    margin-bottom:10px !important;
  }
  .sqg-brand-home-copy p{
    font-size:12.5px !important;
    line-height:1.36 !important;
    margin-bottom:10px !important;
  }
  .sqg-brand-home-actions{
    margin-top:10px !important;
    margin-bottom:12px !important;
    gap:6px !important;
  }
  .sqg-brand-home-actions .sqg-btn{
    min-height:36px !important;
    padding:9px 12px !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-hero{
    min-height:calc(100dvh - 12px) !important;
  }
  body.sqg-app-shell-active .sqg-brand-home-hero{
    min-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 116px) !important;
  }
  .sqg-brand-home-logo-wrap{
    min-height:326px !important;
  }
  .sqg-brand-home-logo{
    width:90vw !important;
    max-width:90vw !important;
  }
  .sqg-brand-home-mobile-ring{
    width:80px !important;
    height:306px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:-16px !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:-16px !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    left:15px !important;
    right:3px !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__viewport{
    left:3px !important;
    right:15px !important;
  }
  .sqg-brand-home-ring-team{
    min-height:58px !important;
    height:58px !important;
  }
  .sqg-brand-home-ring-team__name{
    font-size:10px !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:36px !important;
    height:36px !important;
  }
  .sqg-brand-home-copy{
    padding:13px 14px 15px !important;
  }
  .sqg-brand-home-copy p{
    line-height:1.32 !important;
  }
}


/* v1.5.49 mobile home upward clearance refinement */
@media (max-width: 767px){
  .sqg-brand-home-shell{
    padding-top:0 !important;
    padding-bottom:18px !important;
  }
  body.sqg-app-shell-active .sqg-brand-home-shell{
    padding-top:calc(env(safe-area-inset-top, 0px) + 34px) !important;
    padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 88px) !important;
  }
  .sqg-brand-home-hero{
    margin-top:-18px !important;
    padding-top:0 !important;
  }
  body.sqg-app-shell-active .sqg-brand-home-hero{
    margin-top:-16px !important;
  }
  .sqg-brand-home-logo-wrap{
    align-items:flex-start !important;
    padding-top:0 !important;
  }
  .sqg-brand-home-copy{
    margin-bottom:8px !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-shell{
    padding-top:0 !important;
    padding-bottom:20px !important;
  }
  body.sqg-app-shell-active .sqg-brand-home-shell{
    padding-top:calc(env(safe-area-inset-top, 0px) + 32px) !important;
    padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 92px) !important;
  }
  .sqg-brand-home-hero{
    margin-top:-20px !important;
  }
  body.sqg-app-shell-active .sqg-brand-home-hero{
    margin-top:-18px !important;
  }
  .sqg-brand-home-copy{
    margin-bottom:10px !important;
  }
}


/* v1.5.49 hide left mobile ring background seam against dark home background */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__body{
    background:#060a13 !important;
    box-shadow:none !important;
    border-color:#060a13 !important;
    outline-color:#060a13 !important;
  }
}


/* v1.5.49 fully hide the visible left-side seam with the exact dark page background */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring--nfl{
    background:#060a13 !important;
    overflow:visible !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__body,
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport,
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport::before,
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport::after{
    border-color:#060a13 !important;
    outline-color:#060a13 !important;
  }
  .sqg-brand-home-mobile-ring--nfl::before{
    content:"";
    position:absolute;
    left:-20px;
    top:-6px;
    bottom:-6px;
    width:24px;
    background:#060a13 !important;
    pointer-events:none;
    z-index:6;
  }
}


/* v1.5.49 match the visible left-side ring line exactly to the dark page background */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring--nfl,
  .sqg-brand-home-mobile-ring--nfl::before,
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__body,
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    background:#060a12 !important;
  }
  .sqg-brand-home-mobile-ring--nfl,
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__body,
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport,
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport::before,
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport::after{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    border-color:#060a12 !important;
    outline-color:#060a12 !important;
  }
}


/* v1.5.49 transparent mobile ring backgrounds */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring,
  .sqg-brand-home-mobile-ring::before,
  .sqg-brand-home-mobile-ring::after,
  .sqg-brand-home-mobile-ring__body,
  .sqg-brand-home-mobile-ring__body::before,
  .sqg-brand-home-mobile-ring__body::after,
  .sqg-brand-home-mobile-ring__viewport,
  .sqg-brand-home-mobile-ring__viewport::before,
  .sqg-brand-home-mobile-ring__viewport::after{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border-color:transparent !important;
    outline-color:transparent !important;
    box-shadow:none !important;
  }

  .sqg-brand-home-mobile-ring::before,
  .sqg-brand-home-mobile-ring::after,
  .sqg-brand-home-mobile-ring__body::before,
  .sqg-brand-home-mobile-ring__body::after,
  .sqg-brand-home-mobile-ring__viewport::before,
  .sqg-brand-home-mobile-ring__viewport::after{
    display:none !important;
    content:none !important;
  }
}


/* v1.5.49 team names and logos inside equal-size circles on mobile home rings */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring__track{
    align-items:center !important;
  }
  .sqg-brand-home-ring-team{
    width:56px !important;
    min-width:56px !important;
    max-width:56px !important;
    min-height:56px !important;
    height:56px !important;
    margin:0 auto !important;
    padding:5px 4px 4px !important;
    border-radius:999px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    text-align:center !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16) !important;
    backdrop-filter:saturate(115%) blur(.5px);
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-ring-team{
    background:rgba(16, 45, 90, .68) !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-ring-team{
    background:rgba(110, 20, 38, .68) !important;
  }
  .sqg-brand-home-ring-team__name{
    width:100% !important;
    min-height:14px !important;
    max-height:14px !important;
    padding:0 3px !important;
    margin:0 !important;
    color:#fff !important;
    font-size:6.2px !important;
    line-height:.92 !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    text-shadow:0 1px 2px rgba(0,0,0,.5) !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden !important;
  }
  .sqg-brand-home-ring-team__logo{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    margin:0 !important;
    padding:0 !important;
    line-height:0 !important;
    flex:0 0 auto !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
  }
  .sqg-brand-home-ring-team__logo img{
    display:block !important;
    max-width:100% !important;
    max-height:100% !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-ring-team{
    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;
    min-height:52px !important;
    height:52px !important;
    padding:5px 4px 4px !important;
    gap:2px !important;
  }
  .sqg-brand-home-ring-team__name{
    min-height:13px !important;
    max-height:13px !important;
    font-size:5.8px !important;
    line-height:.9 !important;
  }
  .sqg-brand-home-ring-team__logo{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    min-height:25px !important;
  }
}


/* v1.5.49 larger readable team circles with smaller center logo and extra spacing */
@media (max-width: 767px){
  .sqg-brand-home-logo{
    width:72vw !important;
    max-width:72vw !important;
  }
  .sqg-brand-home-logo-wrap{
    min-height:306px !important;
  }
  .sqg-brand-home-mobile-ring{
    width:104px !important;
    height:392px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:-4px !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:-4px !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    left:14px !important;
    right:10px !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__viewport{
    left:10px !important;
    right:14px !important;
  }
  .sqg-brand-home-mobile-ring__track{
    align-items:center !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
  .sqg-brand-home-ring-team{
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    min-height:72px !important;
    height:72px !important;
    margin:6px auto 4px !important;
    padding:7px 5px 5px !important;
    gap:4px !important;
    border-radius:999px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16) !important;
  }
  .sqg-brand-home-ring-team__name{
    width:100% !important;
    min-height:18px !important;
    max-height:18px !important;
    padding:0 5px !important;
    margin:0 !important;
    font-size:7.8px !important;
    line-height:.96 !important;
    font-weight:900 !important;
    letter-spacing:-.015em !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    text-align:center !important;
  }
  .sqg-brand-home-ring-team__logo{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
  }
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    width:100% !important;
    height:100% !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-logo{
    width:68vw !important;
    max-width:68vw !important;
  }
  .sqg-brand-home-logo-wrap{
    min-height:292px !important;
  }
  .sqg-brand-home-mobile-ring{
    width:96px !important;
    height:372px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:-2px !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:-2px !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    left:12px !important;
    right:9px !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__viewport{
    left:9px !important;
    right:12px !important;
  }
  .sqg-brand-home-ring-team{
    width:68px !important;
    min-width:68px !important;
    max-width:68px !important;
    min-height:68px !important;
    height:68px !important;
    margin:6px auto 4px !important;
    padding:7px 5px 5px !important;
    gap:3px !important;
  }
  .sqg-brand-home-ring-team__name{
    min-height:17px !important;
    max-height:17px !important;
    font-size:7.2px !important;
    line-height:.95 !important;
  }
  .sqg-brand-home-ring-team__logo{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    min-height:31px !important;
  }
}


/* v1.5.49 ensure mobile ring team logos stay visible and load reliably */
@media (max-width: 767px){
  .sqg-brand-home-ring-team__logo,
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .sqg-brand-home-ring-team__logo img,
  .sqg-brand-home-ring-team__actual-logo img,
  .sqg-brand-home-ring-team__logo .sqg-team-icon img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    max-width:100% !important;
    max-height:100% !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    image-rendering:auto !important;
  }
}


/* v1.5.49 bigger readable team circles with smaller SquareKick logo */
@media (max-width: 767px){
  .sqg-brand-home-logo{
    width:60vw !important;
    max-width:60vw !important;
  }
  .sqg-brand-home-logo-wrap{
    min-height:270px !important;
  }
  .sqg-brand-home-mobile-ring{
    width:114px !important;
    height:418px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:0 !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:0 !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    left:15px !important;
    right:11px !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__viewport{
    left:11px !important;
    right:15px !important;
  }
  .sqg-brand-home-mobile-ring__track{
    align-items:center !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
  .sqg-brand-home-ring-team{
    width:80px !important;
    min-width:80px !important;
    max-width:80px !important;
    min-height:80px !important;
    height:80px !important;
    margin:8px auto 4px !important;
    padding:8px 6px 6px !important;
    gap:5px !important;
    border-radius:999px !important;
  }
  .sqg-brand-home-ring-team__name{
    min-height:20px !important;
    max-height:20px !important;
    padding:0 5px !important;
    font-size:8.8px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:-.01em !important;
  }
  .sqg-brand-home-ring-team__logo{
    width:37px !important;
    height:37px !important;
    min-width:37px !important;
    min-height:37px !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-logo{
    width:56vw !important;
    max-width:56vw !important;
  }
  .sqg-brand-home-logo-wrap{
    min-height:258px !important;
  }
  .sqg-brand-home-mobile-ring{
    width:106px !important;
    height:398px !important;
  }
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-mobile-ring__viewport{
    left:14px !important;
    right:10px !important;
  }
  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-mobile-ring__viewport{
    left:10px !important;
    right:14px !important;
  }
  .sqg-brand-home-ring-team{
    width:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    min-height:76px !important;
    height:76px !important;
    margin:8px auto 4px !important;
    padding:8px 6px 6px !important;
    gap:4px !important;
  }
  .sqg-brand-home-ring-team__name{
    min-height:19px !important;
    max-height:19px !important;
    font-size:8.2px !important;
    line-height:.99 !important;
  }
  .sqg-brand-home-ring-team__logo{
    width:35px !important;
    height:35px !important;
    min-width:35px !important;
    min-height:35px !important;
  }
}


/* v1.5.49 center-focus scaling for moving team circles and upward SquareKick logo motion */
@media (max-width: 767px){
  .sqg-brand-home-logo{
    width:48vw !important;
    max-width:48vw !important;
    animation:sqgBrandHomeLogoScrollUp 5.2s linear infinite;
    transform-origin:center center !important;
    will-change:transform;
  }
  .sqg-brand-home-logo-wrap{
    min-height:248px !important;
  }
  .sqg-brand-home-mobile-ring{
    width:116px !important;
    height:430px !important;
  }
  .sqg-brand-home-mobile-ring--nfl{
    left:0 !important;
  }
  .sqg-brand-home-mobile-ring--nba{
    right:0 !important;
  }
  .sqg-brand-home-mobile-ring__track{
    align-items:center !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
  .sqg-brand-home-ring-team{
    transform:scale(var(--sqg-ring-scale, .66)) !important;
    transform-origin:center center !important;
    opacity:var(--sqg-ring-opacity, .76) !important;
    will-change:transform, opacity;
    transition:opacity .12s linear;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-logo{
    width:45vw !important;
    max-width:45vw !important;
  }
  .sqg-brand-home-logo-wrap{
    min-height:238px !important;
  }
  .sqg-brand-home-mobile-ring{
    width:108px !important;
    height:408px !important;
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: no-preference){
  @keyframes sqgBrandHomeLogoScrollUp{
    0%{transform:translate3d(0, 18px, 0) scale(.98);}
    100%{transform:translate3d(0, -18px, 0) scale(.98);}
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce){
  .sqg-brand-home-logo{
    animation:none !important;
  }
}


/* v1.5.49 center SquareKick logo ring overlay with same dynamic scrolling structure */
@media (max-width: 767px){
  .sqg-brand-home-mobile-rings{
    z-index:6 !important;
  }
  .sqg-brand-home-mobile-ring--brand{
    left:50% !important;
    right:auto !important;
    width:108px !important;
    height:404px !important;
    transform:translate(-50%, -50%) !important;
    z-index:7 !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__body{
    background:rgba(9, 24, 60, 0.44) !important;
    border:1px solid rgba(151, 192, 255, 0.16) !important;
    outline:0 !important;
    box-shadow:none !important;
    backdrop-filter:saturate(110%) blur(.5px);
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__viewport{
    inset:12px 10px !important;
    -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 10%, #000 90%, transparent 100%) !important;
    mask-image:linear-gradient(to bottom, transparent 0, #000 10%, #000 90%, transparent 100%) !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__track{
    padding-top:12px !important;
    padding-bottom:12px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team{
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    height:72px !important;
    min-height:72px !important;
    margin:8px auto 6px !important;
    padding:8px !important;
    gap:0 !important;
    background:rgba(255,255,255,0.08) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.14) !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__name{
    display:none !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo img{
    display:block !important;
    max-width:100% !important;
    max-height:100% !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }
  .sqg-brand-home-logo{
    width:40vw !important;
    max-width:40vw !important;
    z-index:4 !important;
  }
  .sqg-brand-home-logo-wrap{
    min-height:250px !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-mobile-ring--brand{
    width:100px !important;
    height:384px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__viewport{
    inset:12px 9px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team{
    width:68px !important;
    min-width:68px !important;
    max-width:68px !important;
    height:68px !important;
    min-height:68px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }
  .sqg-brand-home-logo{
    width:36vw !important;
    max-width:36vw !important;
  }
}


/* v1.5.49 remove original static SquareKick logo from mobile dynamic logo-ring home */
@media (max-width: 767px){
  .sqg-brand-home-logo{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    animation:none !important;
  }
}


/* v1.5.49 transparent SquareKick logo ring and larger center logo circles */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring--brand{
    left:50% !important;
    right:auto !important;
    width:180px !important;
    height:432px !important;
    transform:translate(-50%, -50%) !important;
    z-index:7 !important;
    background:transparent !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__body,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__viewport,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__track{
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__viewport{
    inset:8px 6px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__track{
    padding-top:16px !important;
    padding-bottom:16px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team{
    width:144px !important;
    min-width:144px !important;
    max-width:144px !important;
    height:144px !important;
    min-height:144px !important;
    margin:10px auto 8px !important;
    padding:12px !important;
    border-radius:999px !important;
    gap:0 !important;
    background:rgba(255,255,255,0.04) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.10) !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__name{
    display:none !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo--brand{
    width:88px !important;
    height:88px !important;
    min-width:88px !important;
    min-height:88px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo img,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__actual-logo img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-mobile-ring--brand{
    width:164px !important;
    height:410px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__viewport{
    inset:8px 5px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team{
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    height:132px !important;
    min-height:132px !important;
    margin:10px auto 8px !important;
    padding:10px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo--brand{
    width:80px !important;
    height:80px !important;
    min-width:80px !important;
    min-height:80px !important;
  }
}


/* v1.5.49 tighten SquareKick logo circle padding and improve logo clarity */
@media (max-width: 767px){
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-ring-team__logo .sqg-team-icon,
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__logo-img{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:0 !important;
  }
  .sqg-brand-home-ring-team__logo img,
  .sqg-brand-home-ring-team__actual-logo img,
  .sqg-brand-home-ring-team__logo .sqg-team-icon img,
  .sqg-brand-home-ring-team__logo .sqg-brand-home-ring-team__logo-img img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    image-rendering:auto !important;
    transform:translateZ(0) !important;
    backface-visibility:hidden !important;
  }

  .sqg-brand-home-mobile-ring--brand{
    width:188px !important;
    height:438px !important;
    background:transparent !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__body,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__viewport,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__track{
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__viewport{
    inset:6px 4px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__track{
    padding-top:14px !important;
    padding-bottom:14px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:150px !important;
    min-height:150px !important;
    margin:8px auto !important;
    padding:0 !important;
    gap:0 !important;
    border-radius:999px !important;
    background:rgba(255,255,255,0.02) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important;
    overflow:hidden !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo--brand,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__actual-logo{
    width:150px !important;
    height:150px !important;
    min-width:150px !important;
    min-height:150px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo img,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__actual-logo img{
    width:150px !important;
    height:150px !important;
    max-width:150px !important;
    max-height:150px !important;
    object-fit:contain !important;
  }

  .sqg-brand-home-ring-team__logo{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-mobile-ring--brand{
    width:170px !important;
    height:412px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-mobile-ring__viewport{
    inset:6px 4px !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo--brand,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo img,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__actual-logo img{
    width:136px !important;
    height:136px !important;
    min-width:136px !important;
    min-height:136px !important;
    max-width:136px !important;
    max-height:136px !important;
  }
  .sqg-brand-home-ring-team__logo{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }
}


/* v1.5.49 remove all remaining padding between SquareKick logo and its circle */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team{
    padding:0 !important;
    gap:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
    outline:none !important;
    overflow:hidden !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo--brand,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__actual-logo{
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    outline:none !important;
    border-radius:999px !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:0 !important;
  }
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__logo img,
  .sqg-brand-home-mobile-ring--brand .sqg-brand-home-ring-team__actual-logo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    outline:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:scale(1.08) translateZ(0) !important;
    backface-visibility:hidden !important;
  }
}


/* v1.5.49 keep all side team logos visible and align loop height with actual circle spacing */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team{
    width:80px !important;
    min-width:80px !important;
    max-width:80px !important;
    height:80px !important;
    min-height:80px !important;
    margin:6px auto !important;
    padding:8px 6px 6px !important;
    overflow:visible !important;
    opacity:var(--sqg-ring-opacity, .76) !important;
    transform:scale(var(--sqg-ring-scale, .66)) !important;
  }

  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team__logo,
  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-team-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    max-width:40px !important;
    max-height:40px !important;
    visibility:visible !important;
    opacity:1 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team__logo img,
  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team__actual-logo img,
  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-team-icon img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
    filter:none !important;
    backface-visibility:hidden !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team{
    width:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    height:76px !important;
    min-height:76px !important;
    margin:8px auto !important;
  }

  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team__logo,
  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team__actual-logo,
  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-team-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
  }
}


/* v1.5.49 fixed small hamburger menu text so large mobile text settings do not hide items */
@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-mobile-menu-panel,
  body.sqg-app-shell-active .sqg-mobile-menu-panel *,
  body.sqg-app-shell-active .sqg-mobile-menu-item,
  body.sqg-app-shell-active .sqg-mobile-menu-item *{
    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-panel{
    font-size:12px !important;
    line-height:1.1 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - var(--sqg-visual-viewport-bottom-offset, 0px) - 190px) !important;
    scroll-padding-bottom:18px !important;
    box-sizing:border-box !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-panel__header{
    padding:10px 12px 4px !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-panel__list{
    padding:5px 8px 18px !important;
    box-sizing:border-box !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item{
    grid-template-columns:18px minmax(0, 1fr) auto !important;
    column-gap:8px !important;
    min-height:36px !important;
    height:36px !important;
    padding:0 10px !important;
    border-radius:11px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    font-size:12px !important;
    line-height:1.05 !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__label{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:12px !important;
    line-height:1.05 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__icon,
  body.sqg-app-shell-active .sqg-mobile-menu-item__icon svg{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    max-width:18px !important;
    max-height:18px !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__badge{
    min-width:18px !important;
    height:18px !important;
    padding:0 5px !important;
    font-size:10px !important;
    line-height:18px !important;
    font-weight:800 !important;
  }
}

@media (max-width: 420px){
  body.sqg-app-shell-active .sqg-mobile-menu-panel{
    max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - var(--sqg-visual-viewport-bottom-offset, 0px) - 184px) !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item{
    min-height:34px !important;
    height:34px !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__label{
    font-size:11.5px !important;
    line-height:1.02 !important;
  }
}


/* v1.5.49 restore normal hamburger menu font size while keeping fixed text sizing */
@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-mobile-menu-panel,
  body.sqg-app-shell-active .sqg-mobile-menu-panel *,
  body.sqg-app-shell-active .sqg-mobile-menu-item,
  body.sqg-app-shell-active .sqg-mobile-menu-item *{
    -webkit-text-size-adjust:none !important;
    text-size-adjust:none !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-panel{
    font-size:14px !important;
    line-height:1.2 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    box-sizing:border-box !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-panel__header{
    padding:16px 16px 8px !important;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-panel__list{
    padding:8px 10px 18px !important;
    box-sizing:border-box !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item{
    grid-template-columns:20px minmax(0, 1fr) auto !important;
    column-gap:12px !important;
    min-height:48px !important;
    height:48px !important;
    padding:0 14px !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    font-size:14px !important;
    line-height:1.2 !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__label{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__icon,
  body.sqg-app-shell-active .sqg-mobile-menu-item__icon svg{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__badge{
    min-width:20px !important;
    height:20px !important;
    padding:0 6px !important;
    font-size:11px !important;
    line-height:20px !important;
    font-weight:800 !important;
  }
}

@media (max-width: 420px){
  body.sqg-app-shell-active .sqg-mobile-menu-item{
    min-height:46px !important;
    height:46px !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__label{
    font-size:14px !important;
    line-height:1.15 !important;
  }
}


/* v1.5.49 stronger fixed hamburger menu text sizing and shorter rows */
@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-mobile-menu-panel,
  body.sqg-app-shell-active .sqg-mobile-menu-panel *,
  body.sqg-app-shell-active .sqg-mobile-menu-item,
  body.sqg-app-shell-active .sqg-mobile-menu-item *{
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
    font-size-adjust:none !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-panel{
    font-size:14px !important;
    line-height:1.15 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    box-sizing:border-box !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-panel__header{
    padding:12px 14px 5px !important;
    font-size:13px !important;
    line-height:15px !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-panel__list{
    padding:6px 8px 16px !important;
    box-sizing:border-box !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item{
    grid-template-columns:19px minmax(0, 1fr) auto !important;
    column-gap:9px !important;
    min-height:40px !important;
    height:40px !important;
    max-height:40px !important;
    padding:0 10px !important;
    border-radius:12px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    font-size:14px !important;
    line-height:16px !important;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__label{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:14px !important;
    line-height:16px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__icon,
  body.sqg-app-shell-active .sqg-mobile-menu-item__icon svg{
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    min-height:19px !important;
    max-width:19px !important;
    max-height:19px !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__badge{
    min-width:18px !important;
    height:18px !important;
    padding:0 5px !important;
    font-size:10px !important;
    line-height:18px !important;
    font-weight:800 !important;
  }
}

@media (max-width: 420px){
  body.sqg-app-shell-active .sqg-mobile-menu-item{
    min-height:38px !important;
    height:38px !important;
    max-height:38px !important;
    padding:0 9px !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__label{
    font-size:14px !important;
    line-height:16px !important;
  }
}


/* v1.5.49 move hamburger panel upward and make only menu text clickable */
@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-mobile-menu-panel{
    bottom:calc(var(--sqg-visual-viewport-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px) + 118px) !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-panel__list{
    padding:6px 8px 8px !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item{
    cursor:default !important;
    padding:0 8px !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__label{
    display:inline-block !important;
    justify-self:start !important;
    width:auto !important;
    max-width:100% !important;
    pointer-events:auto !important;
    cursor:pointer !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-item__icon,
  body.sqg-app-shell-active .sqg-mobile-menu-item__icon svg,
  body.sqg-app-shell-active .sqg-mobile-menu-item__badge{
    pointer-events:none !important;
  }
}

@media (max-width: 420px){
  body.sqg-app-shell-active .sqg-mobile-menu-panel{
    bottom:calc(var(--sqg-visual-viewport-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px) + 120px) !important;
  }
  body.sqg-app-shell-active .sqg-mobile-menu-panel__list{
    padding-bottom:8px !important;
  }
}


/* v1.5.49 make hamburger menu rows non-clickable except the actual text label */
@media (max-width: 991px){
  body.sqg-app-shell-active .sqg-mobile-menu-panel .sqg-mobile-menu-item{
    pointer-events:none !important;
    cursor:default !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-panel .sqg-mobile-menu-item__icon,
  body.sqg-app-shell-active .sqg-mobile-menu-panel .sqg-mobile-menu-item__icon *,
  body.sqg-app-shell-active .sqg-mobile-menu-panel .sqg-mobile-menu-item__badge{
    pointer-events:none !important;
    cursor:default !important;
  }

  body.sqg-app-shell-active .sqg-mobile-menu-panel .sqg-mobile-menu-item__label{
    display:inline-block !important;
    justify-self:start !important;
    align-self:center !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    user-select:none !important;
    -webkit-user-select:none !important;
    touch-action:manipulation !important;
  }
}

/* v1.5.49 mobile home sport-ball circle styling: basketball NBA circles and round football NFL circles */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team{
    position:relative !important;
    isolation:isolate !important;
    aspect-ratio:1 / 1 !important;
    border-radius:50% !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-sizing:border-box !important;
  }

  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team__name,
  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team__logo{
    position:relative !important;
    z-index:2 !important;
  }

  .sqg-brand-home-mobile-ring--nba .sqg-brand-home-ring-team{
    background:
      radial-gradient(circle at 30% 22%, rgba(255,255,255,.34) 0, rgba(255,255,255,.16) 18%, rgba(255,255,255,0) 40%),
      linear-gradient(90deg, transparent 0 47%, rgba(38,24,12,.82) 48.5% 51.5%, transparent 53% 100%),
      linear-gradient(0deg, transparent 0 47%, rgba(38,24,12,.82) 48.5% 51.5%, transparent 53% 100%),
      radial-gradient(ellipse 78% 110% at -8% 50%, transparent 47%, rgba(38,24,12,.78) 49%, rgba(38,24,12,.78) 52%, transparent 54%),
      radial-gradient(ellipse 78% 110% at 108% 50%, transparent 47%, rgba(38,24,12,.78) 49%, rgba(38,24,12,.78) 52%, transparent 54%),
      linear-gradient(135deg, #f59b31 0%, #d87020 48%, #a94416 100%) !important;
    box-shadow:inset -8px -10px 15px rgba(51,22,7,.36), inset 4px 5px 10px rgba(255,220,137,.20), 0 2px 8px rgba(0,0,0,.26) !important;
  }

  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-ring-team{
    background:
      radial-gradient(circle at 30% 22%, rgba(255,255,255,.22) 0, rgba(255,255,255,.08) 20%, rgba(255,255,255,0) 42%),
      radial-gradient(ellipse 92% 44% at 50% -12%, transparent 58%, rgba(255,255,255,.48) 60%, rgba(255,255,255,.48) 63%, transparent 65%),
      radial-gradient(ellipse 92% 44% at 50% 112%, transparent 58%, rgba(255,255,255,.42) 60%, rgba(255,255,255,.42) 63%, transparent 65%),
      linear-gradient(135deg, #8d4a22 0%, #6f3518 48%, #3f1d0f 100%) !important;
    box-shadow:inset -8px -10px 15px rgba(31,12,4,.45), inset 4px 5px 10px rgba(255,206,143,.14), 0 2px 8px rgba(0,0,0,.28) !important;
  }

  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-ring-team::before,
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-ring-team::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
    pointer-events:none !important;
    z-index:1 !important;
  }

  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-ring-team::before{
    width:5px !important;
    height:58% !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:0 0 4px rgba(0,0,0,.18) !important;
  }

  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-ring-team::after{
    width:30px !important;
    height:40px !important;
    background:repeating-linear-gradient(to bottom, transparent 0 6px, rgba(255,255,255,.95) 6px 8px, transparent 8px 14px) !important;
    border-radius:8px !important;
    opacity:.92 !important;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-mobile-ring--nfl .sqg-brand-home-ring-team::after{
    width:28px !important;
    height:38px !important;
  }
}

/* v1.5.49 mobile public-home team-name readability refinement */
@media (max-width: 767px){
  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team{
    opacity:var(--sqg-ring-opacity, .92) !important;
  }

  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team__name{
    color:#ffffff !important;
    font-size:10.6px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:0 4px !important;
    letter-spacing:.01em !important;
    text-shadow:
      0 1px 1px rgba(0,0,0,.96),
      0 0 4px rgba(0,0,0,.88),
      0 0 8px rgba(0,0,0,.72) !important;
    -webkit-text-stroke:.18px rgba(0,0,0,.72);
    text-rendering:geometricPrecision;
  }
}

@media (max-width: 420px){
  .sqg-brand-home-mobile-ring:not(.sqg-brand-home-mobile-ring--brand) .sqg-brand-home-ring-team__name{
    font-size:10px !important;
    line-height:1.04 !important;
    min-height:23px !important;
    max-height:23px !important;
    padding:0 3px !important;
  }
}


/* SquareKick Contact Us page */
.sqg-contact-page{max-width:1120px;margin:0 auto;padding:18px 14px 34px;color:#f7fbff;}
.sqg-contact-intro{max-width:860px;margin:0 auto 18px;text-align:center;color:#dce8ff;font-size:16px;line-height:1.65;}
.sqg-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:stretch;}
.sqg-contact-card{background:rgba(8,20,46,.92);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;box-shadow:0 14px 34px rgba(0,0,0,.25);}
.sqg-contact-card h2{margin:0 0 8px;color:#fff;font-size:20px;line-height:1.25;}
.sqg-contact-card p{margin:0 0 14px;color:#dce8ff;line-height:1.55;}
.sqg-contact-form{display:flex;flex-direction:column;gap:11px;}
.sqg-contact-form label{display:flex;flex-direction:column;gap:6px;color:#fff;font-weight:700;font-size:14px;}
.sqg-contact-form label span{font-weight:500;color:#b9c8e6;}
.sqg-contact-form input,.sqg-contact-form textarea{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#fff;color:#10213a;padding:11px 12px;font-size:16px;line-height:1.35;}
.sqg-contact-form textarea{resize:vertical;min-height:118px;}
.sqg-contact-form .sqg-btn{align-self:flex-start;margin-top:2px;}
.sqg-contact-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.sqg-contact-notice{max-width:780px;margin:0 auto 16px;padding:12px 14px;border-radius:14px;font-weight:700;text-align:center;}
.sqg-contact-notice-success{background:#e9fff1;color:#11552b;border:1px solid #bde8ca;}
.sqg-contact-notice-error{background:#fff0f0;color:#842029;border:1px solid #f1b8bd;}
.sqg-contact-chat-window{min-height:74px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;margin:0 0 12px;}
.sqg-contact-chat-bubble{display:inline-block;max-width:92%;background:#fff;color:#10213a;border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:14px;line-height:1.45;}
@media(max-width:640px){.sqg-contact-page{padding:14px 10px 26px}.sqg-contact-grid{grid-template-columns:1fr}.sqg-contact-card{padding:16px;border-radius:16px}.sqg-contact-card h2{font-size:19px}.sqg-contact-intro{text-align:left;font-size:15px}.sqg-contact-form .sqg-btn{width:100%;justify-content:center;text-align:center}}


/* v1.5.49 Contact Us CST time display */
.sqg-contact-time{max-width:860px;margin:-8px auto 18px;text-align:center;color:#ffffff;font-size:14px;line-height:1.45;}
.sqg-contact-time strong{color:#ffffff;font-weight:800;}
@media(max-width:640px){.sqg-contact-time{text-align:left;margin:-6px 0 16px;font-size:14px}}


/* v1.5.49 Contact Us hub tabs and dedicated wizard pages */
.sqg-contact-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;max-width:920px;margin:8px auto 20px;}
.sqg-contact-tab{display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 14px;border-radius:16px;background:rgba(8,20,46,.94);border:1px solid rgba(255,255,255,.18);color:#fff!important;text-decoration:none!important;font-weight:800;font-size:16px;line-height:1.25;text-align:center;box-shadow:0 12px 28px rgba(0,0,0,.22);}
.sqg-contact-tab:hover,.sqg-contact-tab:focus{background:rgba(11,39,84,.98);border-color:rgba(255,255,255,.36);color:#fff!important;outline:none;}
.sqg-contact-tab.is-active{background:#ffffff;color:#10213a!important;border-color:#ffffff;}
.sqg-contact-wizard-page .sqg-contact-card{max-width:780px;margin:0 auto;}
.sqg-contact-back{max-width:780px;margin:0 auto 12px;}
.sqg-contact-back a{color:#ffffff!important;font-weight:800;text-decoration:none;}
.sqg-contact-back a:hover,.sqg-contact-back a:focus{text-decoration:underline;}
@media(max-width:640px){.sqg-contact-tabs{grid-template-columns:1fr;gap:10px;margin:6px 0 18px}.sqg-contact-tab{min-height:50px;font-size:15px}.sqg-contact-wizard-page .sqg-contact-card{max-width:none}.sqg-contact-back{max-width:none}}


/* v1.5.49 live-chat/contact contrast fix: keep text readable on white/light fields. */
.sqg-contact-form input,.sqg-contact-form textarea{background:#ffffff!important;color:#10213a!important;-webkit-text-fill-color:#10213a!important;caret-color:#10213a!important;}
.sqg-contact-form input::placeholder,.sqg-contact-form textarea::placeholder{color:#64748b!important;opacity:1!important;}
.sqg-contact-chat-bubble{background:#ffffff!important;color:#10213a!important;}
.sqg-contact-field-label,.sqg-contact-form label,.sqg-contact-form label span{color:#ffffff!important;}


/* v1.5.49 permanent live-chat and contact wizard contrast hardening. */
#sqg-user-chat-panel,#sqg-admin-chat-panel{color-scheme:light!important;}
#sqg-user-chat-panel input,#sqg-user-chat-panel textarea,#sqg-admin-chat-panel input,#sqg-admin-chat-panel textarea,.sqg-contact-card-chat input,.sqg-contact-card-chat textarea{background:#ffffff!important;color:#10213a!important;-webkit-text-fill-color:#10213a!important;caret-color:#10213a!important;color-scheme:light!important;text-shadow:none!important;opacity:1!important;}
#sqg-user-chat-panel label,#sqg-user-chat-panel label span,#sqg-user-chat-panel p,#sqg-user-chat-panel strong,#sqg-user-chat-panel div,#sqg-admin-chat-panel label,#sqg-admin-chat-panel label span,#sqg-admin-chat-panel p,#sqg-admin-chat-panel strong,#sqg-admin-chat-panel div{color:#10213a!important;-webkit-text-fill-color:#10213a!important;text-shadow:none!important;}
#sqg-user-chat-panel .sqg-user-chat-header,#sqg-user-chat-panel .sqg-user-chat-header *,#sqg-admin-chat-panel .sqg-admin-chat-header,#sqg-admin-chat-panel .sqg-admin-chat-header *{color:#10213a!important;-webkit-text-fill-color:#10213a!important;}
#sqg-user-chat-panel button,#sqg-admin-chat-panel button{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;}
#sqg-user-chat-panel .sqg-user-chat-form,#sqg-admin-chat-panel .sqg-admin-chat-list{background:#f6f8fb!important;}
#sqg-user-chat-panel .sqg-user-chat-list,#sqg-admin-chat-panel .sqg-admin-chat-item{background:#ffffff!important;}
#sqg-user-chat-panel .sqg-user-chat-item,#sqg-admin-chat-panel .sqg-admin-chat-message{background:#f8fafc!important;}
#sqg-user-chat-panel .sqg-user-chat-reply,#sqg-admin-chat-panel .sqg-admin-chat-reply{background:#eef5ff!important;}


/* v1.5.49 permanent live-chat icon green override: scoped to chat icons only. */
button#sqg-admin-chat-toggle.sqg-admin-chat-toggle,
button#sqg-user-chat-toggle.sqg-user-chat-toggle,
#sqg-admin-chat-toggle.sqg-admin-chat-toggle,
#sqg-user-chat-toggle.sqg-user-chat-toggle{
  background:#16a34a !important;
  background-color:#16a34a !important;
  border-color:#16a34a !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
button#sqg-admin-chat-toggle.sqg-admin-chat-toggle:hover,
button#sqg-admin-chat-toggle.sqg-admin-chat-toggle:focus,
button#sqg-user-chat-toggle.sqg-user-chat-toggle:hover,
button#sqg-user-chat-toggle.sqg-user-chat-toggle:focus,
#sqg-admin-chat-toggle.sqg-admin-chat-toggle:hover,
#sqg-admin-chat-toggle.sqg-admin-chat-toggle:focus,
#sqg-user-chat-toggle.sqg-user-chat-toggle:hover,
#sqg-user-chat-toggle.sqg-user-chat-toggle:focus{
  background:#15803d !important;
  background-color:#15803d !important;
  border-color:#15803d !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
#sqg-admin-chat-toggle .sqg-admin-chat-icon,
#sqg-user-chat-toggle .sqg-user-chat-icon{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* v1.5.49 final live-chat header contrast fix: keep header/control text black on white. */
#sqg-admin-chat-panel .sqg-admin-chat-header,#sqg-user-chat-panel .sqg-user-chat-header{background:#ffffff!important;background-color:#ffffff!important;color:#10213a!important;-webkit-text-fill-color:#10213a!important;border-bottom:1px solid #dfe6f2!important;text-shadow:none!important;color-scheme:light!important;}
#sqg-admin-chat-panel .sqg-admin-chat-header *,#sqg-user-chat-panel .sqg-user-chat-header *{color:#10213a!important;-webkit-text-fill-color:#10213a!important;text-shadow:none!important;visibility:visible!important;opacity:1!important;}
#sqg-admin-chat-minimize,#sqg-admin-chat-close,#sqg-user-chat-minimize,#sqg-user-chat-close,#sqg-admin-chat-panel .sqg-chat-window-symbol,#sqg-user-chat-panel .sqg-chat-window-symbol{color:#10213a!important;-webkit-text-fill-color:#10213a!important;background:#ffffff!important;background-color:#ffffff!important;border-color:#cfd8e6!important;text-shadow:none!important;}
#sqg-admin-chat-panel .sqg-admin-chat-reply-form button,#sqg-user-chat-panel .sqg-user-chat-form button,#sqg-user-chat-panel .sqg-user-chat-thread-reply-form button{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;}

/* v1.5.49 mobile hamburger safety hardening: closed menu cannot intercept page taps */
@media (max-width: 991px){
  body.sqg-app-shell-active:not(.sqg-mobile-menu-open) .sqg-mobile-menu-backdrop,
  body.sqg-app-shell-active:not(.sqg-mobile-menu-open) .sqg-mobile-menu-panel,
  body.sqg-app-shell-active .sqg-mobile-menu-panel[aria-hidden="true"]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateY(10px) scale(.98) !important;
  }

  body.sqg-app-shell-active:not(.sqg-mobile-menu-open) .sqg-mobile-menu-item,
  body.sqg-app-shell-active:not(.sqg-mobile-menu-open) .sqg-mobile-menu-item *,
  body.sqg-app-shell-active .sqg-mobile-menu-panel[aria-hidden="true"] .sqg-mobile-menu-item,
  body.sqg-app-shell-active .sqg-mobile-menu-panel[aria-hidden="true"] .sqg-mobile-menu-item *{
    pointer-events:none !important;
  }

  body.sqg-mobile-menu-open.sqg-app-shell-active .sqg-mobile-menu-backdrop{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  body.sqg-mobile-menu-open.sqg-app-shell-active .sqg-mobile-menu-panel[aria-hidden="false"]{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  body.sqg-mobile-menu-open.sqg-app-shell-active .sqg-mobile-menu-panel[aria-hidden="false"] .sqg-mobile-menu-item{
    pointer-events:none !important;
  }

  body.sqg-mobile-menu-open.sqg-app-shell-active .sqg-mobile-menu-panel[aria-hidden="false"] .sqg-mobile-menu-item__label{
    pointer-events:auto !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
  }
}


/* v1.5.49 live score progress scoreline format: Team 1 score · Qn clock · Team 2 score. */
.sqg-live-grid-score-updates .sqg-live-score-updates-card__mainline{
  gap:7px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__period-clock{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:22px !important;
  height:22px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  background:#dc2626 !important;
  color:#ffffff !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  flex:0 0 auto !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__period-clock.is-final{
  background:#16a34a !important;
}
.sqg-live-grid-score-updates .sqg-live-score-updates-card__period-clock.is-delayed{
  background:#f59e0b !important;
  color:#111827 !important;
}
@media (max-width: 480px){
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__scoreline{
    grid-template-columns:48px minmax(0,1fr) 48px !important;
    gap:6px !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__score{
    font-size:22px !important;
  }
  .sqg-live-grid-score-updates .sqg-live-score-updates-card__period-clock{
    min-height:20px !important;
    height:20px !important;
    padding:0 7px !important;
    font-size:10px !important;
  }
}


/* v1.5.49 desktop-view green theme and yellowish light-gray background override.
   Desktop-only: keeps mobile/PWA dark styling and all feature logic untouched. */
@media (min-width: 992px){
  body.sqg-app-shell-active{
    --sqg-desktop-green:#15803d;
    --sqg-desktop-green-dark:#166534;
    --sqg-desktop-green-soft:#dcfce7;
    --sqg-desktop-bg:#f4f1e4;
    --sqg-desktop-bg-2:#ebe7d6;
    --sqg-desktop-card:#ffffff;
    --sqg-desktop-ink:#10213a;
    --sqg-desktop-border:#d8d3bc;
    background:var(--sqg-desktop-bg) !important;
    color:var(--sqg-desktop-ink) !important;
  }

  body.sqg-app-shell-active::before{
    content:'';
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
      radial-gradient(circle at top left, rgba(21,128,61,.12), transparent 30%),
      linear-gradient(180deg, var(--sqg-desktop-bg) 0%, var(--sqg-desktop-bg-2) 100%) !important;
  }

  body.sqg-app-shell-active .sqg.shell{
    background:transparent !important;
    color:var(--sqg-desktop-ink) !important;
  }

  body.sqg-app-shell-active .sqg-card,
  body.sqg-app-shell-active .sqg-card.inner,
  body.sqg-app-shell-active .sqg-live-status-card,
  body.sqg-app-shell-active .sqg-matchup-rooms-table .sqg-row,
  body.sqg-app-shell-active .sqg-wallet-table .sqg-row,
  body.sqg-app-shell-active .sqg-history-item,
  body.sqg-app-shell-active .sqg-latest-request,
  body.sqg-app-shell-active .sqg-metric-card,
  body.sqg-app-shell-active .sqg-withdraw-hero{
    background:var(--sqg-desktop-card) !important;
    border-color:var(--sqg-desktop-border) !important;
    color:var(--sqg-desktop-ink) !important;
    box-shadow:0 12px 28px rgba(72,64,28,.09) !important;
  }

  body.sqg-app-shell-active .sqg-app-topbar{
    background:linear-gradient(180deg, rgba(21,128,61,.96), rgba(22,101,52,.94)) !important;
    border-bottom-color:rgba(255,255,255,.18) !important;
    box-shadow:0 10px 26px rgba(21,128,61,.22) !important;
  }

  body.sqg-app-shell-active .sqg-app-brand__title,
  body.sqg-app-shell-active .sqg-app-brand__subtitle,
  body.sqg-app-shell-active .sqg-app-cornericon,
  body.sqg-app-shell-active .sqg-app-authlink{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  body.sqg-app-shell-active .sqg-app-cornericon,
  body.sqg-app-shell-active .sqg-app-authlink{
    background:rgba(255,255,255,.12) !important;
    border-color:rgba(255,255,255,.24) !important;
  }

  body.sqg-app-shell-active .sqg-app-cornericon:hover,
  body.sqg-app-shell-active .sqg-app-cornericon:focus,
  body.sqg-app-shell-active .sqg-app-cornericon.is-active,
  body.sqg-app-shell-active .sqg-app-authlink:hover,
  body.sqg-app-shell-active .sqg-app-authlink:focus,
  body.sqg-app-shell-active .sqg-app-authlink.is-active{
    background:rgba(255,255,255,.22) !important;
    border-color:rgba(255,255,255,.42) !important;
    box-shadow:0 10px 24px rgba(5,46,22,.18) !important;
  }

  body.sqg-app-shell-active .sqg-app-bottomnav,
  body.sqg-app-shell-active .sqg-app-topnav--icon .sqg-app-topnav__item{
    background:linear-gradient(180deg, rgba(21,128,61,.96), rgba(22,101,52,.96)) !important;
    border-color:rgba(255,255,255,.18) !important;
    box-shadow:0 14px 34px rgba(21,128,61,.20) !important;
  }

  body.sqg-app-shell-active .sqg-app-bottomnav__item,
  body.sqg-app-shell-active .sqg-app-topnav--icon .sqg-app-topnav__item{
    color:rgba(255,255,255,.82) !important;
  }

  body.sqg-app-shell-active .sqg-app-bottomnav__item.is-active,
  body.sqg-app-shell-active .sqg-app-topnav--icon .sqg-app-topnav__item.is-active{
    background:rgba(255,255,255,.18) !important;
    color:#ffffff !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16) !important;
  }

  body.sqg-app-shell-active .sqg-app-bottomnav__item.is-active::after,
  body.sqg-app-shell-active .sqg-app-topnav--icon .sqg-app-topnav__item.is-active::after{
    background:#bbf7d0 !important;
  }

  body.sqg-app-shell-active .sqg-btn.primary,
  body.sqg-app-shell-active .sqg-btn.sqg-btn-join-room,
  body.sqg-app-shell-active button.sqg-btn.primary,
  body.sqg-app-shell-active input[type="submit"].sqg-btn.primary,
  body.sqg-app-shell-active .tab-btn.active,
  body.sqg-app-shell-active .sqg-live-status-tab.is-active,
  body.sqg-app-shell-active .sqg-live-status-subtab.is-active,
  body.sqg-app-shell-active .sqg-live-status-subtab.sqg-live-status-subtab--default{
    background:linear-gradient(180deg, var(--sqg-desktop-green), var(--sqg-desktop-green-dark)) !important;
    border-color:var(--sqg-desktop-green-dark) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:0 10px 22px rgba(21,128,61,.24) !important;
  }

  body.sqg-app-shell-active .sqg-live-status-tab,
  body.sqg-app-shell-active .sqg-live-status-subtab,
  body.sqg-app-shell-active .tab-btn{
    background:#fffdf4 !important;
    border-color:var(--sqg-desktop-border) !important;
    color:var(--sqg-desktop-green-dark) !important;
  }

  body.sqg-app-shell-active .sqg-live-board-inline-title,
  body.sqg-app-shell-active .sqg-hero{
    background:linear-gradient(135deg, var(--sqg-desktop-green), var(--sqg-desktop-green-dark)) !important;
    border-color:var(--sqg-desktop-green-dark) !important;
    color:#ffffff !important;
    box-shadow:0 12px 28px rgba(21,128,61,.22) !important;
  }

  body.sqg-app-shell-active .sqg-live-board-inline-title *,
  body.sqg-app-shell-active .sqg-hero *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  body.sqg-app-shell-active .sqg-grid10 .hdr,
  body.sqg-app-shell-active .sqg-board-grid .hdr,
  body.sqg-app-shell-active .sqg-board-grid .sqg-axis-home{
    background:var(--sqg-desktop-green-dark) !important;
    border-color:var(--sqg-desktop-green-dark) !important;
    color:#ffffff !important;
  }

  body.sqg-app-shell-active .sqg-board-table .axis-team,
  body.sqg-app-shell-active .sqg-board-table .axis-digit{
    background:var(--sqg-desktop-green-soft) !important;
    border-color:#86efac !important;
    color:var(--sqg-desktop-green-dark) !important;
  }

  body.sqg-app-shell-active a:not(.sqg-btn):not(.sqg-app-bottomnav__item):not(.sqg-app-cornericon):not(.sqg-app-authlink){
    color:var(--sqg-desktop-green-dark);
  }
}


/* v1.5.49 desktop color hardening: desktop pages use body.sqg-desktop-page, not the mobile app-shell class. */
@media (min-width: 992px){
  html body.sqg-desktop-page{
    --sqg-desktop-green:#15803d;
    --sqg-desktop-green-dark:#166534;
    --sqg-desktop-green-soft:#dcfce7;
    --sqg-desktop-bg:#f4f1e4;
    --sqg-desktop-bg-2:#ebe7d6;
    --sqg-desktop-card:#ffffff;
    --sqg-desktop-ink:#10213a;
    --sqg-desktop-border:#d8d3bc;
    background:linear-gradient(180deg,var(--sqg-desktop-bg) 0%,var(--sqg-desktop-bg-2) 100%) !important;
    color:var(--sqg-desktop-ink) !important;
  }
  html body.sqg-desktop-page #page,
  html body.sqg-desktop-page .site,
  html body.sqg-desktop-page .site-content,
  html body.sqg-desktop-page .content-area,
  html body.sqg-desktop-page .site-main,
  html body.sqg-desktop-page main,
  html body.sqg-desktop-page article,
  html body.sqg-desktop-page .entry-content,
  html body.sqg-desktop-page .ast-container,
  html body.sqg-desktop-page .wp-site-blocks{
    background:transparent !important;
  }
  body.sqg-desktop-page .sqg.shell{
    background:transparent !important;
    color:var(--sqg-desktop-ink) !important;
  }
  body.sqg-desktop-page .site-header .site-branding,
  body.sqg-desktop-page .site-header .site-identity,
  body.sqg-desktop-page .site-header .ast-site-identity,
  body.sqg-desktop-page .site-header .site-header-primary-section-left,
  body.sqg-desktop-page .sqg-hero,
  body.sqg-desktop-page .sqg-live-board-inline-title{
    background:linear-gradient(135deg,var(--sqg-desktop-green),var(--sqg-desktop-green-dark)) !important;
    border-color:var(--sqg-desktop-green-dark) !important;
    color:#ffffff !important;
    box-shadow:0 12px 28px rgba(21,128,61,.22) !important;
  }
  body.sqg-desktop-page .site-header .site-branding *,
  body.sqg-desktop-page .site-header .site-identity *,
  body.sqg-desktop-page .site-header .ast-site-identity *,
  body.sqg-desktop-page .sqg-hero *,
  body.sqg-desktop-page .sqg-live-board-inline-title *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body.sqg-desktop-page nav[aria-label*="Primary" i],
  body.sqg-desktop-page nav[aria-label*="primary" i],
  body.sqg-desktop-page #site-navigation,
  body.sqg-desktop-page .main-navigation,
  body.sqg-desktop-page .primary-navigation,
  body.sqg-desktop-page .header-navigation,
  body.sqg-desktop-page .header-nav,
  body.sqg-desktop-page .top-menu,
  body.sqg-desktop-page .top-nav,
  body.sqg-desktop-page .navbar-nav,
  body.sqg-desktop-page .site-header .site-header-primary-section-right,
  body.sqg-desktop-page #primary-menu,
  body.sqg-desktop-page .primary-menu,
  body.sqg-desktop-page .site-header .menu{
    background:var(--sqg-desktop-green-dark) !important;
  }
  body.sqg-desktop-page .sqg-card,
  body.sqg-desktop-page .sqg-card.inner,
  body.sqg-desktop-page .sqg-live-status-card,
  body.sqg-desktop-page .sqg-matchup-rooms-table .sqg-row,
  body.sqg-desktop-page .sqg-wallet-table .sqg-row,
  body.sqg-desktop-page .sqg-history-item,
  body.sqg-desktop-page .sqg-latest-request,
  body.sqg-desktop-page .sqg-metric-card,
  body.sqg-desktop-page .sqg-withdraw-hero{
    background:var(--sqg-desktop-card) !important;
    border-color:var(--sqg-desktop-border) !important;
    color:var(--sqg-desktop-ink) !important;
    box-shadow:0 12px 28px rgba(72,64,28,.09) !important;
  }
  body.sqg-desktop-page .sqg-btn.primary,
  body.sqg-desktop-page .sqg-btn.sqg-btn-join-room,
  body.sqg-desktop-page button.sqg-btn.primary,
  body.sqg-desktop-page input[type="submit"].sqg-btn.primary,
  body.sqg-desktop-page .tab-btn.active,
  body.sqg-desktop-page .sqg-live-status-tab.is-active,
  body.sqg-desktop-page .sqg-live-status-subtab.is-active,
  body.sqg-desktop-page .sqg-live-status-subtab.sqg-live-status-subtab--default{
    background:linear-gradient(180deg,var(--sqg-desktop-green),var(--sqg-desktop-green-dark)) !important;
    border-color:var(--sqg-desktop-green-dark) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:0 10px 22px rgba(21,128,61,.24) !important;
  }
  body.sqg-desktop-page .sqg-live-status-tab,
  body.sqg-desktop-page .sqg-live-status-subtab,
  body.sqg-desktop-page .tab-btn{
    background:#fffdf4 !important;
    border-color:var(--sqg-desktop-border) !important;
    color:var(--sqg-desktop-green-dark) !important;
  }
  body.sqg-desktop-page .sqg-grid10 .hdr,
  body.sqg-desktop-page .sqg-board-grid .hdr,
  body.sqg-desktop-page .sqg-board-grid .sqg-axis-home{
    background:var(--sqg-desktop-green-dark) !important;
    border-color:var(--sqg-desktop-green-dark) !important;
    color:#ffffff !important;
  }
  body.sqg-desktop-page .sqg-board-table .axis-team,
  body.sqg-desktop-page .sqg-board-table .axis-digit{
    background:var(--sqg-desktop-green-soft) !important;
    border-color:#86efac !important;
    color:var(--sqg-desktop-green-dark) !important;
  }
  body.sqg-desktop-page a:not(.sqg-btn){
    color:var(--sqg-desktop-green-dark);
  }
}


/* v1.5.49 desktop-only Live Grid board contrast fix.
   Scope is intentionally limited to the desktop Live Grid landing shell so mobile/PWA board colors remain untouched. */
@media (min-width: 992px){
  body.sqg-desktop-page .sqg-landing-shell .sqg-board-wrap{
    padding: 10px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #f0ead6 0%, #e6dcc0 100%) !important;
    border: 1px solid #c9b982 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 14px 28px rgba(73,60,24,.10) !important;
  }

  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table{
    border-spacing: 6px !important;
    background: transparent !important;
  }

  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .axis-team,
  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .axis-digit{
    background: linear-gradient(180deg, #166534 0%, #0f4f2a 100%) !important;
    border: 1px solid #0b3f22 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 2px 5px rgba(15,79,42,.18) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.35) !important;
  }

  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .cell,
  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table.pick button.cell{
    background: linear-gradient(180deg, #fffaf0 0%, #f2e7c9 100%) !important;
    border: 1.5px solid #b9a96f !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
    opacity: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85), inset 0 -1px 0 rgba(137,116,55,.16), 0 2px 5px rgba(73,60,24,.13) !important;
  }

  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .cell.open,
  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table.pick button.cell.open{
    background: linear-gradient(180deg, #fffef8 0%, #f4ecd2 100%) !important;
    border-color: #a99758 !important;
    cursor: pointer;
  }

  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .cell.open:hover,
  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table.pick button.cell.open:hover,
  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table.pick button.cell.open:focus-visible{
    background: linear-gradient(180deg, #ecfdf5 0%, #d8f3df 100%) !important;
    border-color: #15803d !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 0 0 3px rgba(21,128,61,.18), 0 4px 10px rgba(21,128,61,.16) !important;
  }

  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .cell.taken{
    background: linear-gradient(180deg, #a66333 0%, #8b532b 52%, #6d3f1d 100%) !important;
    border-color: #4b2a13 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.20), inset 0 -1px 0 rgba(58,30,12,.30), 0 3px 7px rgba(55,31,14,.22) !important;
  }

  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .cell .coord,
  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .cell .name{
    opacity: 1 !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
  }

  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .cell.taken .coord,
  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .cell.taken .name{
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.64) !important;
  }

  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .cell.open .coord{
    font-weight: 900 !important;
    color: #1f2937 !important;
    -webkit-text-fill-color: #1f2937 !important;
  }

  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .cell.taken.sqg-current-user-square{
    background: linear-gradient(180deg, #d50a0a 0%, #b00808 52%, #7f0505 100%) !important;
    border-color: rgba(127,5,5,.92) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.20), inset 0 -1px 0 rgba(76,5,5,.32), 0 8px 18px rgba(127,5,5,.24) !important;
  }

  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .cell.cell-half .sqg-half-square__part{
    border-color: rgba(255,255,255,.32) !important;
  }

  body.sqg-desktop-page .sqg-landing-shell .sqg-board-table .cell.cell-half:not(.sqg-current-user-square) .sqg-half-square__part{
    background: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}



/* v1.5.49 desktop-only Live Grid status badge contrast fix.
   Keeps mobile untouched while making Board / Locked / Live labels visible beside team abbreviations. */
@media (min-width: 992px){
  body.sqg-desktop-page .sqg-landing-shell .sqg-landing-card .sqg-live-board-title-row .sqg-live-board-prefix,
  body.sqg-desktop-page .sqg-landing-shell .sqg-landing-card .sqg-live-board-inline-title .sqg-live-board-prefix,
  body.sqg-desktop-page .sqg-landing-card .sqg-live-board-prefix{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:24px !important;
    padding:5px 12px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#065f46 0%,#047857 100%) !important;
    color:#ffffff !important;
    border:1px solid #f4c430 !important;
    box-shadow:0 2px 7px rgba(6,95,70,.28), inset 0 1px 0 rgba(255,255,255,.22) !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    text-shadow:0 1px 1px rgba(0,0,0,.28) !important;
    white-space:nowrap !important;
  }
}

/* v1.5.49 desktop-only contrast hardening for Wallet, Contact, Auth, Matchups, Room Grid, and Awards.
   Mobile/PWA views are intentionally untouched by the min-width desktop scope. */
@media (min-width: 992px){
  body.sqg-desktop-page .sqg.shell,
  body.sqg-desktop-page .sqg.shell *{
    text-shadow:none;
  }

  /* Wallet / withdrawals: keep panels light and text dark/readable. */
  body.sqg-desktop-page .sqg-withdraw-shell,
  body.sqg-desktop-page .sqg-wallet-table,
  body.sqg-desktop-page .sqg-withdraw-plain{
    color:#122033 !important;
    -webkit-text-fill-color:initial !important;
  }
  body.sqg-desktop-page .sqg-withdraw-shell .sqg-card,
  body.sqg-desktop-page .sqg-withdraw-card,
  body.sqg-desktop-page .sqg-withdraw-history-card,
  body.sqg-desktop-page .sqg-withdraw-hero,
  body.sqg-desktop-page .sqg-latest-request,
  body.sqg-desktop-page .sqg-history-item,
  body.sqg-desktop-page .sqg-wallet-table .sqg-row,
  body.sqg-desktop-page .sqg-wallet-table .sqg-row:not(.head),
  body.sqg-desktop-page .sqg-withdraw-plain .sqg-wallet-transactions-list tr,
  body.sqg-desktop-page .sqg-withdraw-plain .sqg-withdraw-history-table tr{
    background:#fffdf4 !important;
    background-image:linear-gradient(180deg,#ffffff 0%,#fff8e6 100%) !important;
    border:1px solid #d8c991 !important;
    color:#122033 !important;
    -webkit-text-fill-color:initial !important;
    box-shadow:0 10px 24px rgba(82,65,22,.10) !important;
  }
  body.sqg-desktop-page .sqg-withdraw-shell h1,
  body.sqg-desktop-page .sqg-withdraw-shell h2,
  body.sqg-desktop-page .sqg-withdraw-shell h3,
  body.sqg-desktop-page .sqg-withdraw-shell strong,
  body.sqg-desktop-page .sqg-wallet-table .sqg-row,
  body.sqg-desktop-page .sqg-wallet-table .sqg-row *,
  body.sqg-desktop-page .sqg-history-item,
  body.sqg-desktop-page .sqg-history-item *,
  body.sqg-desktop-page .sqg-withdraw-plain .sqg-wallet-transactions-list td,
  body.sqg-desktop-page .sqg-withdraw-plain .sqg-withdraw-history-table td{
    color:#122033 !important;
    -webkit-text-fill-color:#122033 !important;
  }
  body.sqg-desktop-page .sqg-wallet-table .sqg-row.head,
  body.sqg-desktop-page .sqg-prize-breakdown-table .sqg-row.head{
    background:#174f2f !important;
    background-image:linear-gradient(180deg,#1a6b3d 0%,#124225 100%) !important;
    border:1px solid #0d351d !important;
    color:#ffffff !important;
    box-shadow:0 6px 16px rgba(18,66,37,.18) !important;
  }
  body.sqg-desktop-page .sqg-wallet-table .sqg-row.head *,
  body.sqg-desktop-page .sqg-prize-breakdown-table .sqg-row.head *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body.sqg-desktop-page .sqg-withdraw-hero__amount,
  body.sqg-desktop-page .sqg-metric-card.is-primary{
    background:#174f2f !important;
    background-image:linear-gradient(135deg,#1a6b3d,#124225) !important;
    border-color:#0d351d !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body.sqg-desktop-page .sqg-withdraw-hero__amount *,
  body.sqg-desktop-page .sqg-metric-card.is-primary *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body.sqg-desktop-page .sqg-muted,
  body.sqg-desktop-page .meta,
  body.sqg-desktop-page .sqg-note,
  body.sqg-desktop-page .sqg-history-item__meta,
  body.sqg-desktop-page .sqg-metric-card small,
  body.sqg-desktop-page .sqg-plain-help{
    color:#3f4e63 !important;
    -webkit-text-fill-color:#3f4e63 !important;
  }

  /* Contact page intro/time text: visible on the desktop light background. */
  body.sqg-desktop-page .sqg-contact-page,
  body.sqg-desktop-page .sqg-contact-intro,
  body.sqg-desktop-page .sqg-contact-time,
  body.sqg-desktop-page .sqg-contact-time strong{
    color:#122033 !important;
    -webkit-text-fill-color:#122033 !important;
  }
  body.sqg-desktop-page .sqg-contact-intro,
  body.sqg-desktop-page .sqg-contact-time{
    background:#fffdf4 !important;
    border:1px solid #d8c991 !important;
    border-radius:16px !important;
    padding:12px 16px !important;
    box-shadow:0 8px 20px rgba(82,65,22,.08) !important;
  }
  body.sqg-desktop-page .sqg-contact-card,
  body.sqg-desktop-page .sqg-contact-tab{
    background:#fffdf4 !important;
    border-color:#d8c991 !important;
    color:#122033 !important;
    -webkit-text-fill-color:#122033 !important;
    box-shadow:0 10px 24px rgba(82,65,22,.10) !important;
  }
  body.sqg-desktop-page .sqg-contact-card h2,
  body.sqg-desktop-page .sqg-contact-card p,
  body.sqg-desktop-page .sqg-contact-form label,
  body.sqg-desktop-page .sqg-contact-form label span,
  body.sqg-desktop-page .sqg-contact-tab{
    color:#122033 !important;
    -webkit-text-fill-color:#122033 !important;
  }
  body.sqg-desktop-page .sqg-contact-tab:hover,
  body.sqg-desktop-page .sqg-contact-tab:focus,
  body.sqg-desktop-page .sqg-contact-tab.is-active{
    background:#174f2f !important;
    border-color:#0d351d !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body.sqg-desktop-page .sqg-contact-form input,
  body.sqg-desktop-page .sqg-contact-form textarea{
    background:#ffffff !important;
    border:2px solid #94a66f !important;
    color:#10213a !important;
    -webkit-text-fill-color:#10213a !important;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.07), 0 0 0 1px rgba(23,79,47,.05) !important;
  }

  /* Matchups and room buttons: make View / Join look like buttons. */
  body.sqg-desktop-page .sqg-matchups-shell .sqg-btn,
  body.sqg-desktop-page .sqg-matchups-shell .sqg-btn.primary,
  body.sqg-desktop-page .sqg-matchup-detail-shell .sqg-matchup-rooms-table .sqg-btn,
  body.sqg-desktop-page .sqg-room-detail-shell .sqg-actions .sqg-btn.primary,
  body.sqg-desktop-page .sqg-room-detail-shell .sqg-btn.sqg-btn-join-room{
    background:#16803d !important;
    background-image:linear-gradient(180deg,#1f9d4f 0%,#147234 100%) !important;
    border:1px solid #0f5f2a !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:0 8px 18px rgba(20,114,52,.24) !important;
  }
  body.sqg-desktop-page .sqg-matchups-shell .sqg-btn:hover,
  body.sqg-desktop-page .sqg-matchup-detail-shell .sqg-matchup-rooms-table .sqg-btn:hover,
  body.sqg-desktop-page .sqg-room-detail-shell .sqg-actions .sqg-btn.primary:hover{
    background:#12652e !important;
    background-image:linear-gradient(180deg,#178744 0%,#0f5f2a 100%) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  /* Room detail Grid tab: make squares and labels clearly visible on desktop. */
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-wrap{
    padding:10px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#f0ead6 0%,#e6dcc0 100%) !important;
    border:1px solid #c9b982 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.70), 0 14px 28px rgba(73,60,24,.10) !important;
  }
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table{
    border-spacing:6px !important;
    background:transparent !important;
  }
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table .axis-team,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table .axis-digit{
    background:linear-gradient(180deg,#166534 0%,#0f4f2a 100%) !important;
    border:1px solid #0b3f22 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 1px rgba(0,0,0,.35) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 5px rgba(15,79,42,.18) !important;
  }
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table .cell,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table .cell.open{
    background:linear-gradient(180deg,#fffef8 0%,#f4ecd2 100%) !important;
    border:1.5px solid #a99758 !important;
    color:#172033 !important;
    -webkit-text-fill-color:#172033 !important;
    opacity:1 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85), inset 0 -1px 0 rgba(137,116,55,.16),0 2px 5px rgba(73,60,24,.13) !important;
  }
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table .cell.taken{
    background:linear-gradient(180deg,#a66333 0%,#8b532b 52%,#6d3f1d 100%) !important;
    border-color:#4b2a13 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20), inset 0 -1px 0 rgba(58,30,12,.30),0 3px 7px rgba(55,31,14,.22) !important;
  }
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table .cell.sqg-current-user-square{
    background:linear-gradient(180deg,#d50a0a 0%,#b00808 52%,#7f0505 100%) !important;
    border-color:rgba(127,5,5,.92) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table .cell .coord,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table .cell .name{
    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;
    opacity:1 !important;
    font-weight:850 !important;
    text-shadow:none !important;
  }
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table .cell.taken .coord,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table .cell.taken .name,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table .cell.sqg-current-user-square .coord,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-grid .sqg-board-table .cell.sqg-current-user-square .name{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.64) !important;
  }

  /* Awards tab: replace blue-on-blue with light cards, green headers, and dark text. */
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes .sqg-prize-panel,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes .sqg-card.inner,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes .sqg-table,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes .sqg-row:not(.head){
    background:#fffdf4 !important;
    background-image:linear-gradient(180deg,#ffffff 0%,#fff8e6 100%) !important;
    border-color:#d8c991 !important;
    color:#122033 !important;
    -webkit-text-fill-color:#122033 !important;
  }
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes h3,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes h4,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes .meta,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes .meta *,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes .sqg-row:not(.head),
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes .sqg-row:not(.head) *,
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes .sqg-note{
    color:#122033 !important;
    -webkit-text-fill-color:#122033 !important;
  }
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes .sqg-row.head{
    background:#174f2f !important;
    background-image:linear-gradient(180deg,#1a6b3d 0%,#124225 100%) !important;
    border-color:#0d351d !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes .sqg-row.head *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body.sqg-desktop-page .sqg-room-detail-shell #tab-prizes .validation.ok{
    background:#ecfdf3 !important;
    border-color:#86efac !important;
    color:#166534 !important;
    -webkit-text-fill-color:#166534 !important;
  }
}


/* v1.5.49 desktop-only contrast completion for Live room badges, Wallet withdrawal cards, and Profile legal links.
   Mobile/PWA views are intentionally untouched by the min-width + body.sqg-desktop-page scope. */
@media (min-width: 992px){
  /* Matchup/room status badges: make LIVE as obvious as OPEN. */
  body.sqg-desktop-page .sqg-matchup-detail-shell .badge,
  body.sqg-desktop-page .sqg-room-detail-shell .badge,
  body.sqg-desktop-page .sqg-matchups-shell .badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:24px !important;
    padding:5px 12px !important;
    border-radius:999px !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.045em !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    text-shadow:none !important;
    box-shadow:0 4px 10px rgba(15,23,42,.12) !important;
  }
  body.sqg-desktop-page .sqg-matchup-detail-shell .badge.open,
  body.sqg-desktop-page .sqg-room-detail-shell .badge.open,
  body.sqg-desktop-page .sqg-matchups-shell .badge.open{
    background:linear-gradient(180deg,#22c55e 0%,#15803d 100%) !important;
    border:1px solid #0f6b31 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body.sqg-desktop-page .sqg-matchup-detail-shell .badge.live,
  body.sqg-desktop-page .sqg-room-detail-shell .badge.live,
  body.sqg-desktop-page .sqg-matchups-shell .badge.live{
    background:linear-gradient(180deg,#facc15 0%,#f97316 100%) !important;
    border:1px solid #9a3412 !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    box-shadow:0 0 0 3px rgba(250,204,21,.22),0 8px 18px rgba(249,115,22,.24) !important;
  }
  body.sqg-desktop-page .sqg-matchup-detail-shell .badge.locked,
  body.sqg-desktop-page .sqg-room-detail-shell .badge.locked,
  body.sqg-desktop-page .sqg-matchups-shell .badge.locked{
    background:linear-gradient(180deg,#334155 0%,#111827 100%) !important;
    border:1px solid #0f172a !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body.sqg-desktop-page .sqg-matchup-detail-shell .badge.pending,
  body.sqg-desktop-page .sqg-room-detail-shell .badge.pending,
  body.sqg-desktop-page .sqg-matchups-shell .badge.pending{
    background:#fff7ed !important;
    border:1px solid #fdba74 !important;
    color:#7c2d12 !important;
    -webkit-text-fill-color:#7c2d12 !important;
  }
  body.sqg-desktop-page .sqg-matchup-detail-shell .badge.final,
  body.sqg-desktop-page .sqg-room-detail-shell .badge.final,
  body.sqg-desktop-page .sqg-matchups-shell .badge.final{
    background:linear-gradient(180deg,#dbeafe 0%,#93c5fd 100%) !important;
    border:1px solid #1d4ed8 !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
  }

  /* Wallet Withdrawals minimal cards: force light panels + dark readable text instead of blue-on-blue. */
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal *{
    text-shadow:none !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal{
    color:#122033 !important;
    -webkit-text-fill-color:#122033 !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card--summary,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card--request,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-table-scroll,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-withdraw-history-table tr,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-simple-list tr{
    background:#fffdf4 !important;
    background-image:linear-gradient(180deg,#ffffff 0%,#fff7df 100%) !important;
    border:1px solid #d8c991 !important;
    border-radius:16px !important;
    color:#122033 !important;
    -webkit-text-fill-color:#122033 !important;
    box-shadow:0 10px 24px rgba(82,65,22,.10) !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal h2,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal h3,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal p,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal label,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal th,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal td,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal strong,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-help,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .description,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-table,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-table *{
    color:#122033 !important;
    -webkit-text-fill-color:#122033 !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal h2,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal h3{
    color:#0f4f2a !important;
    -webkit-text-fill-color:#0f4f2a !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-table th{
    background:#ecfdf3 !important;
    border:1px solid #bbf7d0 !important;
    color:#0f4f2a !important;
    -webkit-text-fill-color:#0f4f2a !important;
    font-weight:900 !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-table td{
    background:#ffffff !important;
    border:1px solid #e8dcc0 !important;
    color:#122033 !important;
    -webkit-text-fill-color:#122033 !important;
    font-weight:700 !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal input.regular-text,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal select.regular-text,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal #sqg_withdraw_amount,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal #sqg_withdraw_speed{
    display:block !important;
    width:100% !important;
    max-width:360px !important;
    min-height:44px !important;
    padding:10px 12px !important;
    border:2px solid #15803d !important;
    border-radius:10px !important;
    background:#ffffff !important;
    color:#10213a !important;
    -webkit-text-fill-color:#10213a !important;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.08),0 0 0 3px rgba(21,128,61,.10) !important;
    caret-color:#10213a !important;
    color-scheme:light !important;
    opacity:1 !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal select.regular-text,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal #sqg_withdraw_speed{
    appearance:auto !important;
    -webkit-appearance:menulist !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal input.regular-text:focus,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal select.regular-text:focus{
    border-color:#0f4f2a !important;
    outline:none !important;
    box-shadow:0 0 0 4px rgba(21,128,61,.22) !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal button.sqg-btn.primary,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-btn.primary{
    background:linear-gradient(180deg,#1f9d4f 0%,#147234 100%) !important;
    border:1px solid #0f5f2a !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:0 8px 18px rgba(20,114,52,.24) !important;
  }

  /* Profile Legal links: make policy links look like clear buttons, not plain text. */
  body.sqg-desktop-page .sqg.shell .sqg-card .sqg-actions a.sqg-btn[href*="/terms/"],
  body.sqg-desktop-page .sqg.shell .sqg-card .sqg-actions a.sqg-btn[href*="/privacy-policy/"],
  body.sqg-desktop-page .sqg.shell .sqg-card .sqg-actions a.sqg-btn[href*="/sqg-account-deletion/"],
  body.sqg-desktop-page .sqg.shell .sqg-card .sqg-actions a.sqg-btn[href*="/sqg-responsible-gaming/"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:10px 16px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#1f9d4f 0%,#147234 100%) !important;
    border:1px solid #0f5f2a !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:900 !important;
    letter-spacing:.01em !important;
    text-decoration:none !important;
    box-shadow:0 8px 18px rgba(20,114,52,.24), inset 0 1px 0 rgba(255,255,255,.20) !important;
  }
  body.sqg-desktop-page .sqg.shell .sqg-card .sqg-actions a.sqg-btn[href*="/terms/"]:hover,
  body.sqg-desktop-page .sqg.shell .sqg-card .sqg-actions a.sqg-btn[href*="/privacy-policy/"]:hover,
  body.sqg-desktop-page .sqg.shell .sqg-card .sqg-actions a.sqg-btn[href*="/sqg-account-deletion/"]:hover,
  body.sqg-desktop-page .sqg.shell .sqg-card .sqg-actions a.sqg-btn[href*="/sqg-responsible-gaming/"]:hover,
  body.sqg-desktop-page .sqg.shell .sqg-card .sqg-actions a.sqg-btn[href*="/terms/"]:focus-visible,
  body.sqg-desktop-page .sqg.shell .sqg-card .sqg-actions a.sqg-btn[href*="/privacy-policy/"]:focus-visible,
  body.sqg-desktop-page .sqg.shell .sqg-card .sqg-actions a.sqg-btn[href*="/sqg-account-deletion/"]:focus-visible,
  body.sqg-desktop-page .sqg.shell .sqg-card .sqg-actions a.sqg-btn[href*="/sqg-responsible-gaming/"]:focus-visible{
    background:linear-gradient(180deg,#facc15 0%,#f59e0b 100%) !important;
    border-color:#92400e !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    box-shadow:0 0 0 4px rgba(250,204,21,.24),0 10px 22px rgba(146,64,14,.18) !important;
  }
}

/* v1.5.49 desktop-only profile, password-reset, and live-grid action contrast completion.
   Mobile/PWA views remain untouched because every rule is scoped to desktop body + min-width. */
@media (min-width: 992px){
  /* Profile legal links: force policy links to look like real, high-contrast buttons even when inside generic cards. */
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/terms/"],
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/privacy-policy/"],
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/sqg-account-deletion/"],
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/sqg-responsible-gaming/"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:44px !important;
    padding:11px 18px !important;
    border-radius:999px !important;
    background:#166534 !important;
    background-image:linear-gradient(180deg,#22a854 0%,#166534 100%) !important;
    border:2px solid #0f4f2a !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:900 !important;
    letter-spacing:.01em !important;
    line-height:1.1 !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:0 8px 18px rgba(22,101,52,.26), inset 0 1px 0 rgba(255,255,255,.24) !important;
    opacity:1 !important;
  }
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/terms/"]:hover,
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/privacy-policy/"]:hover,
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/sqg-account-deletion/"]:hover,
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/sqg-responsible-gaming/"]:hover,
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/terms/"]:focus-visible,
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/privacy-policy/"]:focus-visible,
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/sqg-account-deletion/"]:focus-visible,
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/sqg-responsible-gaming/"]:focus-visible{
    background:#facc15 !important;
    background-image:linear-gradient(180deg,#fde047 0%,#f59e0b 100%) !important;
    border-color:#92400e !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    text-decoration:none !important;
    box-shadow:0 0 0 4px rgba(250,204,21,.28),0 10px 22px rgba(146,64,14,.20) !important;
  }

  /* Profile form fields: visible white fields, dark text, strong green border, and clear focus state. */
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_display_name,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_email,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_phone,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_password,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_password2{
    display:block !important;
    width:100% !important;
    min-height:46px !important;
    padding:11px 13px !important;
    border:2px solid #15803d !important;
    border-radius:12px !important;
    background:#ffffff !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    caret-color:#0f172a !important;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.08),0 0 0 3px rgba(21,128,61,.10) !important;
    color-scheme:light !important;
    opacity:1 !important;
  }
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_display_name:focus,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_email:focus,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_phone:focus,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_password:focus,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_password2:focus{
    border-color:#0f4f2a !important;
    outline:none !important;
    box-shadow:0 0 0 4px rgba(34,197,94,.26), inset 0 1px 2px rgba(15,23,42,.08) !important;
  }
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_display_name::placeholder,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_email::placeholder,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_phone::placeholder{
    color:#64748b !important;
    -webkit-text-fill-color:#64748b !important;
    opacity:1 !important;
  }

  /* Profile links/actions: make Click here and Back to Dashboard read as interactive controls. */
  body.sqg-desktop-page #sqg_profile_password_reveal,
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/sqg-dashboard/"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:9px 15px !important;
    border-radius:999px !important;
    background:#0f766e !important;
    background-image:linear-gradient(180deg,#14b8a6 0%,#0f766e 100%) !important;
    border:2px solid #115e59 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:900 !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:0 7px 16px rgba(15,118,110,.24), inset 0 1px 0 rgba(255,255,255,.20) !important;
    opacity:1 !important;
  }
  body.sqg-desktop-page #sqg_profile_password_reveal:hover,
  body.sqg-desktop-page #sqg_profile_password_reveal:focus-visible,
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/sqg-dashboard/"]:hover,
  body.sqg-desktop-page .sqg.shell a.sqg-btn[href*="/sqg-dashboard/"]:focus-visible{
    background:#facc15 !important;
    background-image:linear-gradient(180deg,#fde047 0%,#f59e0b 100%) !important;
    border-color:#92400e !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    box-shadow:0 0 0 4px rgba(250,204,21,.28),0 10px 22px rgba(146,64,14,.18) !important;
  }

  /* Forgot password page: visible field, readable copy, green submit, and clearly identified back link. */
  body.sqg-desktop-page .sqg.shell .sqg-card h2,
  body.sqg-desktop-page .sqg.shell .sqg-card p,
  body.sqg-desktop-page .sqg.shell .sqg-card label{
    text-shadow:none !important;
  }
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_user_login,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_new_pass1,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_new_pass2{
    display:block !important;
    width:100% !important;
    min-height:46px !important;
    padding:11px 13px !important;
    border:2px solid #15803d !important;
    border-radius:12px !important;
    background:#ffffff !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    caret-color:#0f172a !important;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.08),0 0 0 3px rgba(21,128,61,.10) !important;
    color-scheme:light !important;
    opacity:1 !important;
  }
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_user_login:focus,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_new_pass1:focus,
  body.sqg-desktop-page .sqg.shell .sqg-form #sqg_new_pass2:focus{
    border-color:#0f4f2a !important;
    outline:none !important;
    box-shadow:0 0 0 4px rgba(34,197,94,.26), inset 0 1px 2px rgba(15,23,42,.08) !important;
  }
  body.sqg-desktop-page .sqg.shell .sqg-form button.sqg-btn[type="submit"],
  body.sqg-desktop-page .sqg.shell .sqg-form .sqg-btn.primary[type="submit"],
  body.sqg-desktop-page .sqg.shell .sqg-form button.sqg-btn.small[type="submit"]{
    background:#166534 !important;
    background-image:linear-gradient(180deg,#22a854 0%,#166534 100%) !important;
    border:2px solid #0f4f2a !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:900 !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:0 8px 18px rgba(22,101,52,.26), inset 0 1px 0 rgba(255,255,255,.24) !important;
  }
  body.sqg-desktop-page .sqg.shell .sqg-form button.sqg-btn[type="submit"]:hover,
  body.sqg-desktop-page .sqg.shell .sqg-form button.sqg-btn[type="submit"]:focus-visible{
    background:#0f4f2a !important;
    background-image:linear-gradient(180deg,#18833f 0%,#0f4f2a 100%) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body.sqg-desktop-page .sqg.shell .sqg-form a.sqg-btn[href*="/sqg-login/"],
  body.sqg-desktop-page .sqg.shell .sqg-form a.sqg-btn[href*="/login/"]{
    background:#ffffff !important;
    border:2px solid #2563eb !important;
    color:#1d4ed8 !important;
    -webkit-text-fill-color:#1d4ed8 !important;
    font-weight:900 !important;
    text-decoration:underline !important;
    text-underline-offset:3px !important;
    box-shadow:0 6px 14px rgba(37,99,235,.14) !important;
  }
  body.sqg-desktop-page .sqg.shell .sqg-form a.sqg-btn[href*="/sqg-login/"]:hover,
  body.sqg-desktop-page .sqg.shell .sqg-form a.sqg-btn[href*="/login/"]:hover,
  body.sqg-desktop-page .sqg.shell .sqg-form a.sqg-btn[href*="/sqg-login/"]:focus-visible,
  body.sqg-desktop-page .sqg.shell .sqg-form a.sqg-btn[href*="/login/"]:focus-visible{
    background:#dbeafe !important;
    border-color:#1d4ed8 !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
  }

  /* Live Grid shortcut buttons: make My Rooms, Wallet, Results, Notifications, and Contest Rules unmistakable buttons. */
  body.sqg-desktop-page .sqg-landing-shell .sqg-desktop-legacy-landing-card .sqg-actions a.sqg-btn,
  body.sqg-desktop-page .sqg-landing-shell .sqg-desktop-legacy-landing-head-actions a.sqg-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:10px 16px !important;
    border-radius:999px !important;
    background:#166534 !important;
    background-image:linear-gradient(180deg,#22a854 0%,#166534 100%) !important;
    border:2px solid #0f4f2a !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:900 !important;
    letter-spacing:.01em !important;
    line-height:1.1 !important;
    text-decoration:none !important;
    text-shadow:none !important;
    box-shadow:0 8px 18px rgba(22,101,52,.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
    opacity:1 !important;
  }
  body.sqg-desktop-page .sqg-landing-shell .sqg-desktop-legacy-landing-card .sqg-actions a.sqg-btn.primary,
  body.sqg-desktop-page .sqg-landing-shell .sqg-desktop-legacy-landing-head-actions a.sqg-btn.sqg-btn-join-room{
    background:#b45309 !important;
    background-image:linear-gradient(180deg,#f59e0b 0%,#b45309 100%) !important;
    border-color:#92400e !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    box-shadow:0 8px 18px rgba(180,83,9,.22), inset 0 1px 0 rgba(255,255,255,.26) !important;
  }
  body.sqg-desktop-page .sqg-landing-shell .sqg-desktop-legacy-landing-card .sqg-actions a.sqg-btn:hover,
  body.sqg-desktop-page .sqg-landing-shell .sqg-desktop-legacy-landing-head-actions a.sqg-btn:hover,
  body.sqg-desktop-page .sqg-landing-shell .sqg-desktop-legacy-landing-card .sqg-actions a.sqg-btn:focus-visible,
  body.sqg-desktop-page .sqg-landing-shell .sqg-desktop-legacy-landing-head-actions a.sqg-btn:focus-visible{
    background:#0f4f2a !important;
    background-image:linear-gradient(180deg,#18833f 0%,#0f4f2a 100%) !important;
    border-color:#063d1f !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:0 0 0 4px rgba(34,197,94,.22),0 10px 22px rgba(6,61,31,.22) !important;
  }
}



/* v1.5.49 desktop-only room status label refinement.
   Keeps Open / Live / Final visible without making them look like action buttons.
   Mobile/PWA views remain untouched by the min-width + body.sqg-desktop-page scope. */
@media (min-width: 992px){
  body.sqg-desktop-page .sqg-matchup-detail-shell .badge.open,
  body.sqg-desktop-page .sqg-matchup-detail-shell .badge.live,
  body.sqg-desktop-page .sqg-matchup-detail-shell .badge.final,
  body.sqg-desktop-page .sqg-room-detail-shell .badge.open,
  body.sqg-desktop-page .sqg-room-detail-shell .badge.live,
  body.sqg-desktop-page .sqg-room-detail-shell .badge.final,
  body.sqg-desktop-page .sqg-matchups-shell .badge.open,
  body.sqg-desktop-page .sqg-matchups-shell .badge.live,
  body.sqg-desktop-page .sqg-matchups-shell .badge.final{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:3px 8px !important;
    border-radius:7px !important;
    border-style:solid !important;
    border-width:1px !important;
    background-image:none !important;
    box-shadow:none !important;
    outline:none !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1.15 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    text-shadow:none !important;
    cursor:default !important;
    pointer-events:none !important;
  }
  body.sqg-desktop-page .sqg-matchup-detail-shell .badge.open,
  body.sqg-desktop-page .sqg-room-detail-shell .badge.open,
  body.sqg-desktop-page .sqg-matchups-shell .badge.open{
    background:#ecfdf3 !important;
    border-color:#16a34a !important;
    color:#14532d !important;
    -webkit-text-fill-color:#14532d !important;
  }
  body.sqg-desktop-page .sqg-matchup-detail-shell .badge.live,
  body.sqg-desktop-page .sqg-room-detail-shell .badge.live,
  body.sqg-desktop-page .sqg-matchups-shell .badge.live{
    background:#fff7ed !important;
    border-color:#f97316 !important;
    color:#9a3412 !important;
    -webkit-text-fill-color:#9a3412 !important;
  }
  body.sqg-desktop-page .sqg-matchup-detail-shell .badge.final,
  body.sqg-desktop-page .sqg-room-detail-shell .badge.final,
  body.sqg-desktop-page .sqg-matchups-shell .badge.final{
    background:#eff6ff !important;
    border-color:#3b82f6 !important;
    color:#1e3a8a !important;
    -webkit-text-fill-color:#1e3a8a !important;
  }
}


/* v1.5.49 Skill Card UI */
.sqg-skill-card-panel{border:1px solid rgba(37,99,235,.18);background:#f8fbff;}
.sqg-skill-card-panel h3,.sqg-skill-card-panel h4{margin-top:0;}
.sqg-skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:12px;}
.sqg-skill-grid label{display:block;font-weight:700;}
.sqg-skill-grid input,.sqg-skill-grid select,.sqg-skill-stage2-form select{max-width:100%;margin-top:4px;}
.sqg-skill-square-check{display:inline-flex;align-items:center;gap:5px;margin:4px 10px 4px 0;font-weight:600;}
.sqg-skill-stage2-table .sqg-row{grid-template-columns:70px 1fr 190px 180px;align-items:center;}
.sqg-alert.ok{background:#ecfdf5;border:1px solid #86efac;color:#065f46;padding:10px;border-radius:8px;margin:10px 0;}
.sqg-alert.bad{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:10px;border-radius:8px;margin:10px 0;}
@media(max-width:720px){.sqg-skill-stage2-table .sqg-row{grid-template-columns:1fr;gap:6px}.sqg-skill-grid{grid-template-columns:1fr}.sqg-skill-grid input{width:48%;}}

.sqg-skill-ui-note{border:1px solid rgba(37,99,235,.25);background:#eff6ff;color:#0f172a;border-radius:12px;padding:10px 12px;margin:10px 0;font-size:.95rem;line-height:1.45}.sqg-skill-ui-note strong{color:#1d4ed8}.sqg-skill-card-panel input,.sqg-skill-card-panel select,.sqg-skill-card-panel textarea{max-width:100%;box-sizing:border-box}@media(max-width:782px){.sqg-skill-card-panel .sqg-grid-2,.sqg-skill-card-panel .sqg-grid-3{display:block}.sqg-skill-card-panel label{display:block;margin-bottom:10px}.sqg-skill-card-panel input,.sqg-skill-card-panel select{width:100%;min-height:42px}}


/* v1.5.49 Skill Card mobile validation hardening: keep two-stage forms readable, keyboard-safe, and tappable. */
.sqg-skill-card-panel input,
.sqg-skill-card-panel select,
.sqg-skill-card-panel textarea { max-width: 100%; }
.sqg-skill-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.sqg-skill-grid input[type=number] { width: 7.5em; margin: 2px 4px 2px 0; }
.sqg-skill-stage2-table .sqg-row { align-items: center; }
@media (max-width: 640px) {
  .sqg-skill-card-panel { padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  .sqg-skill-grid { grid-template-columns: 1fr; }
  .sqg-skill-grid input[type=number] { width: 46%; min-width: 0; }
  .sqg-skill-stage2-table .sqg-row { grid-template-columns: 44px minmax(110px,1fr) minmax(120px,1fr) minmax(90px,1fr); overflow-x: auto; }
  .sqg-skill-square-check { display: inline-flex; align-items: center; min-height: 36px; margin: 4px 8px 4px 0; }
  .sqg-skill-card-panel .sqg-btn { min-height: 44px; }
}


/* v1.5.49 Skill Card visibility hardening: keep the panel visible on View Room and mobile/PWA. */
.sqg-room-detail-shell > .sqg-skill-card-panel,
.sqg-room-detail-shell .sqg-skill-card-panel {
  margin: 14px 0 !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.sqg-skill-card-panel h3,
.sqg-skill-card-panel h4 { color: inherit !important; }
.sqg-skill-card-panel input,
.sqg-skill-card-panel select,
.sqg-skill-card-panel textarea {
  color: #111 !important;
  background: #fff !important;
  min-height: 42px;
}
.sqg-skill-stage1-form .sqg-skill-grid label,
.sqg-skill-stage2-form .sqg-row { color: inherit !important; }
@media (max-width: 720px) {
  .sqg-skill-card-panel { padding: 14px !important; }
  .sqg-skill-card-panel .sqg-skill-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; }
  .sqg-skill-card-panel input[type=number],
  .sqg-skill-card-panel select { width: 100% !important; max-width: 100% !important; font-size: 16px !important; }
  .sqg-skill-stage2-table .sqg-row { grid-template-columns: 42px 1fr !important; gap: 8px !important; }
}

/* Skill Card stage menu pages */
.sqg-skill-card-stage-page .sqg-skill-card-panel{scroll-margin-top:90px;}
.sqg-dynamic-skill-card-menu-item>a{font-weight:800!important;}
@media (max-width: 767px){.sqg-skill-card-stage-page .sqg-row{gap:8px}.sqg-skill-card-stage-page .sqg-btn{min-height:44px}}


/* v1.5.49 desktop-view join-room contrast patch.
   Applies to desktop viewport widths only so mobile views remain untouched in both desktop and PWA packages. */
@media (min-width: 769px){
  .sqg.shell .sqg-card .sqg-actions .sqg-btn.sqg-join-method-btn,
  .sqg.shell .sqg-card .sqg-actions button.sqg-btn.sqg-join-method-btn,
  .sqg.shell .sqg-card .sqg-actions a.sqg-btn.sqg-join-method-btn,
  .sqg.shell .sqg-card .sqg-actions #sqg-join-auto{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:12px 18px !important;
    border-radius:12px !important;
    border:1px solid #15803d !important;
    background:#15803d !important;
    color:#ffffff !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    box-shadow:0 8px 18px rgba(21,128,61,.24) !important;
    cursor:pointer !important;
  }
  .sqg.shell .sqg-card .sqg-actions .sqg-btn.sqg-join-method-btn:hover,
  .sqg.shell .sqg-card .sqg-actions .sqg-btn.sqg-join-method-btn:focus,
  .sqg.shell .sqg-card .sqg-actions #sqg-join-auto:hover,
  .sqg.shell .sqg-card .sqg-actions #sqg-join-auto:focus{
    background:#166534 !important;
    border-color:#166534 !important;
    color:#ffffff !important;
    outline:3px solid rgba(34,197,94,.28) !important;
    outline-offset:2px !important;
  }
  .sqg.shell #sqg-auto-share-type,
  .sqg.shell #sqg-auto-quantity,
  .sqg.shell #sqg-manual-share-type{
    min-height:44px !important;
    border:2px solid #f59e0b !important;
    background:#fffbeb !important;
    color:#111827 !important;
    border-radius:10px !important;
    padding:9px 12px !important;
    font-weight:700 !important;
    box-shadow:0 0 0 3px rgba(245,158,11,.18) !important;
  }
  .sqg.shell #sqg-auto-share-type:focus,
  .sqg.shell #sqg-auto-quantity:focus,
  .sqg.shell #sqg-manual-share-type:focus{
    border-color:#15803d !important;
    background:#ffffff !important;
    color:#111827 !important;
    outline:3px solid rgba(21,128,61,.22) !important;
    outline-offset:2px !important;
  }
  .sqg.shell .sqg-prize-panel .validation,
  .sqg.shell .sqg-prize-panel .validation.ok,
  .sqg.shell .sqg-prize-panel .validation.bad{
    background:#ecfdf5 !important;
    color:#064e3b !important;
    border:2px solid #10b981 !important;
    border-radius:12px !important;
    padding:12px 14px !important;
    font-weight:800 !important;
  }
  .sqg.shell .sqg-prize-panel h3,
  .sqg.shell .sqg-prize-panel h4{
    color:#ffffff !important;
  }
  .sqg.shell .sqg-prize-breakdown-scroll,
  .sqg.shell .sqg-prize-breakdown-table{
    background:#ffffff !important;
    border:1px solid #94a3b8 !important;
    border-radius:12px !important;
  }
  .sqg.shell .sqg-prize-breakdown-table .sqg-row,
  .sqg.shell .sqg-prize-breakdown-table .sqg-row > div{
    background:#ffffff !important;
    color:#111827 !important;
    border-color:#cbd5e1 !important;
    font-weight:700 !important;
  }
  .sqg.shell .sqg-prize-breakdown-table .sqg-row.head,
  .sqg.shell .sqg-prize-breakdown-table .sqg-row.head > div{
    background:#0f5132 !important;
    color:#ffffff !important;
    border-color:#0b3b25 !important;
    font-weight:900 !important;
  }
  .sqg.shell .sqg-prize-breakdown-table .sqg-row:nth-child(even):not(.head),
  .sqg.shell .sqg-prize-breakdown-table .sqg-row:nth-child(even):not(.head) > div{
    background:#f8fafc !important;
    color:#111827 !important;
  }
}


/* v1.5.85 Skill Card dropdown contrast: make Skill Card-1/2 select fields look like real dropdown boxes. */
.sqg-skill-card-stage-page .sqg-skill-card-panel select,
.sqg-skill-card-panel .sqg-skill-stage1-form select,
.sqg-skill-card-panel .sqg-skill-stage2-form select,
.sqg-skill-card-panel .sqg-skill-stage2-table select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  padding: 10px 42px 10px 12px !important;
  margin-top: 6px !important;
  border: 2px solid #15803d !important;
  border-radius: 10px !important;
  background-color: #f0fdf4 !important;
  background-image: linear-gradient(45deg, transparent 50%, #14532d 50%), linear-gradient(135deg, #14532d 50%, transparent 50%), linear-gradient(to right, rgba(21,128,61,.22), rgba(21,128,61,.22)) !important;
  background-position: calc(100% - 20px) 52%, calc(100% - 14px) 52%, calc(100% - 38px) 50% !important;
  background-size: 6px 6px, 6px 6px, 1px 26px !important;
  background-repeat: no-repeat !important;
  color: #052e16 !important;
  -webkit-text-fill-color: #052e16 !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  box-shadow: 0 2px 0 rgba(21,128,61,.18), 0 0 0 1px rgba(255,255,255,.85) inset !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}
.sqg-skill-card-stage-page .sqg-skill-card-panel select option,
.sqg-skill-card-panel .sqg-skill-stage1-form select option,
.sqg-skill-card-panel .sqg-skill-stage2-form select option,
.sqg-skill-card-panel .sqg-skill-stage2-table select option {
  background: #ffffff !important;
  color: #052e16 !important;
}
.sqg-skill-card-stage-page .sqg-skill-card-panel select:focus,
.sqg-skill-card-panel .sqg-skill-stage1-form select:focus,
.sqg-skill-card-panel .sqg-skill-stage2-form select:focus,
.sqg-skill-card-panel .sqg-skill-stage2-table select:focus {
  outline: 3px solid rgba(34,197,94,.35) !important;
  outline-offset: 2px !important;
  border-color: #166534 !important;
  background-color: #dcfce7 !important;
}
.sqg-skill-card-stage-page .sqg-skill-card-panel label,
.sqg-skill-card-panel .sqg-skill-stage1-form label,
.sqg-skill-card-panel .sqg-skill-stage2-form label {
  color: #0f172a !important;
}

/* v1.5.85 Skill Card score/tiebreaker input contrast: make numeric score boxes look like editable fields. */
.sqg-skill-card-stage-page .sqg-skill-card-panel input[type="number"],
.sqg-skill-card-stage-page .sqg-skill-card-panel input[type="text"],
.sqg-skill-card-panel .sqg-skill-stage1-form input[type="number"],
.sqg-skill-card-panel .sqg-skill-stage1-form input[type="text"],
.sqg-skill-card-panel .sqg-skill-stage2-form input[type="number"],
.sqg-skill-card-panel .sqg-skill-stage2-form input[type="text"] {
  display: inline-block !important;
  width: auto !important;
  min-width: 92px !important;
  max-width: 150px !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  margin: 6px 8px 8px 0 !important;
  border: 2px solid #15803d !important;
  border-radius: 10px !important;
  background: #f0fdf4 !important;
  color: #052e16 !important;
  -webkit-text-fill-color: #052e16 !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  box-shadow: 0 2px 0 rgba(21,128,61,.18), 0 0 0 1px rgba(255,255,255,.85) inset !important;
  box-sizing: border-box !important;
}
.sqg-skill-card-stage-page .sqg-skill-card-panel input[type="number"]::placeholder,
.sqg-skill-card-stage-page .sqg-skill-card-panel input[type="text"]::placeholder,
.sqg-skill-card-panel .sqg-skill-stage1-form input[type="number"]::placeholder,
.sqg-skill-card-panel .sqg-skill-stage1-form input[type="text"]::placeholder,
.sqg-skill-card-panel .sqg-skill-stage2-form input[type="number"]::placeholder,
.sqg-skill-card-panel .sqg-skill-stage2-form input[type="text"]::placeholder {
  color: #166534 !important;
  -webkit-text-fill-color: #166534 !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}
.sqg-skill-card-stage-page .sqg-skill-card-panel input[type="number"]:focus,
.sqg-skill-card-stage-page .sqg-skill-card-panel input[type="text"]:focus,
.sqg-skill-card-panel .sqg-skill-stage1-form input[type="number"]:focus,
.sqg-skill-card-panel .sqg-skill-stage1-form input[type="text"]:focus,
.sqg-skill-card-panel .sqg-skill-stage2-form input[type="number"]:focus,
.sqg-skill-card-panel .sqg-skill-stage2-form input[type="text"]:focus {
  outline: 3px solid rgba(34,197,94,.35) !important;
  outline-offset: 2px !important;
  border-color: #166534 !important;
  background: #dcfce7 !important;
}
.sqg-skill-card-panel .sqg-skill-stage1-form label,
.sqg-skill-card-panel .sqg-skill-stage2-form label,
.sqg-skill-card-stage-page .sqg-skill-card-panel label {
  overflow: visible !important;
}
@media (max-width: 782px) {
  .sqg-skill-card-stage-page .sqg-skill-card-panel input[type="number"],
  .sqg-skill-card-stage-page .sqg-skill-card-panel input[type="text"],
  .sqg-skill-card-panel .sqg-skill-stage1-form input[type="number"],
  .sqg-skill-card-panel .sqg-skill-stage1-form input[type="text"],
  .sqg-skill-card-panel .sqg-skill-stage2-form input[type="number"],
  .sqg-skill-card-panel .sqg-skill-stage2-form input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }
}


/* v1.5.85 mobile Skill Card-1/2 room-list usability: card layout, visible action button, and clear select arrows. */
@media (max-width: 782px) {
  .sqg-skill-card-stage-page .sqg-card { overflow: visible !important; }
  .sqg-skill-card-stage-page .sqg-skill-card-room-list,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-row,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-row > div {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-card-room-list {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-row.head {
    display: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-card {
    margin: 12px 0 !important;
    padding: 14px !important;
    border: 2px solid #15803d !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .12) !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-cell {
    padding: 8px 0 !important;
    color: #0f172a !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-cell::before {
    content: attr(data-label);
    display: block !important;
    margin-bottom: 3px !important;
    color: #166534 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-open-btn,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list a.sqg-skill-card-open-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin-top: 8px !important;
    padding: 12px 14px !important;
    border: 2px solid #15803d !important;
    border-radius: 14px !important;
    background: #15803d !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(21,128,61,.25) !important;
    white-space: normal !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-open-btn:focus,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-open-btn:hover {
    background: #166534 !important;
    border-color: #166534 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    outline: 3px solid rgba(34,197,94,.35) !important;
    outline-offset: 2px !important;
  }

  .sqg-skill-card-stage-page .sqg-skill-card-panel select,
  .sqg-skill-card-panel .sqg-skill-stage1-form select,
  .sqg-skill-card-panel .sqg-skill-stage2-form select,
  .sqg-skill-card-panel .sqg-skill-stage2-table select {
    min-height: 48px !important;
    padding-right: 48px !important;
    border: 2px solid #15803d !important;
    background-color: #f0fdf4 !important;
    background-image:
      linear-gradient(45deg, transparent 50%, #052e16 50%),
      linear-gradient(135deg, #052e16 50%, transparent 50%),
      linear-gradient(to right, rgba(21,128,61,.28), rgba(21,128,61,.28)) !important;
    background-position:
      calc(100% - 24px) 55%,
      calc(100% - 16px) 55%,
      calc(100% - 44px) 50% !important;
    background-size: 8px 8px, 8px 8px, 1px 30px !important;
    background-repeat: no-repeat !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
  }
}


/* v1.5.85 mobile Skill Card contrast repair: force visible room-card values and visible select/number arrows. */
@media (max-width: 782px) {
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-card,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-card *:not(.sqg-btn):not(a.sqg-btn),
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-title,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-kickoff,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-cell,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-cell span,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-cell strong {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    background-color: transparent !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-cell::before {
    color: #14532d !important;
    -webkit-text-fill-color: #14532d !important;
    background-color: transparent !important;
    opacity: 1 !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-open-btn,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list a.sqg-skill-card-open-btn,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-open-btn * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: #15803d !important;
  }

  .sqg-skill-card-stage-page select,
  .sqg-skill-card-stage-page .sqg-skill-card-panel select,
  .sqg-skill-card-panel .sqg-skill-stage1-form select,
  .sqg-skill-card-panel .sqg-skill-stage2-form select,
  .sqg-skill-card-panel .sqg-skill-stage2-table select {
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    background-color: #dcfce7 !important;
    border: 2px solid #14532d !important;
    border-radius: 12px !important;
    padding-right: 54px !important;
    min-height: 48px !important;
    font-weight: 800 !important;
    opacity: 1 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image:
      linear-gradient(45deg, transparent 50%, #052e16 50%),
      linear-gradient(135deg, #052e16 50%, transparent 50%),
      linear-gradient(to right, rgba(20,83,45,.32), rgba(20,83,45,.32)) !important;
    background-position:
      calc(100% - 27px) 52%,
      calc(100% - 17px) 52%,
      calc(100% - 48px) 50% !important;
    background-size: 10px 10px, 10px 10px, 2px 32px !important;
    background-repeat: no-repeat !important;
  }
  .sqg-skill-card-stage-page select option,
  .sqg-skill-card-panel .sqg-skill-stage1-form select option,
  .sqg-skill-card-panel .sqg-skill-stage2-form select option,
  .sqg-skill-card-panel .sqg-skill-stage2-table select option {
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    background-color: #ffffff !important;
  }

  .sqg-skill-card-stage-page input[type="number"],
  .sqg-skill-card-panel .sqg-skill-stage1-form input[type="number"],
  .sqg-skill-card-panel .sqg-skill-stage2-form input[type="number"] {
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    background-color: #dcfce7 !important;
    border: 2px solid #14532d !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    opacity: 1 !important;
  }
  .sqg-skill-card-stage-page input[type="number"]::-webkit-inner-spin-button,
  .sqg-skill-card-stage-page input[type="number"]::-webkit-outer-spin-button,
  .sqg-skill-card-panel .sqg-skill-stage1-form input[type="number"]::-webkit-inner-spin-button,
  .sqg-skill-card-panel .sqg-skill-stage1-form input[type="number"]::-webkit-outer-spin-button,
  .sqg-skill-card-panel .sqg-skill-stage2-form input[type="number"]::-webkit-inner-spin-button,
  .sqg-skill-card-panel .sqg-skill-stage2-form input[type="number"]::-webkit-outer-spin-button {
    opacity: 1 !important;
    -webkit-appearance: inner-spin-button !important;
    filter: brightness(0) saturate(100%) invert(18%) sepia(69%) saturate(1180%) hue-rotate(105deg) brightness(88%) contrast(98%) !important;
  }
}


/* v1.5.85 mobile Skill Card hard override: inline-safe values and explicit arrows. */
@media (max-width: 782px) {
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-card,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-cell,
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-value {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-card-room-list .sqg-skill-card-room-cell::before {
    color: #14532d !important;
    -webkit-text-fill-color: #14532d !important;
    opacity: 1 !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-select-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-select,
  .sqg-skill-card-stage-page select.sqg-skill-select,
  .sqg-skill-card-stage-page .sqg-skill-select-wrap select {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    padding: 10px 58px 10px 12px !important;
    border: 2px solid #14532d !important;
    border-radius: 12px !important;
    background: #dcfce7 !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    font-weight: 900 !important;
    opacity: 1 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-select-arrow {
    display: block !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    background: transparent !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 20 !important;
    pointer-events: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage1-form input[type="number"],
  .sqg-skill-card-stage-page .sqg-skill-stage1-form input[type="text"],
  .sqg-skill-card-stage-page .sqg-skill-stage2-form input[type="number"],
  .sqg-skill-card-stage-page .sqg-skill-stage2-form input[type="text"] {
    background: #dcfce7 !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    border: 2px solid #14532d !important;
    border-radius: 12px !important;
    min-height: 48px !important;
    font-weight: 900 !important;
  }
}


/* v1.5.85 mobile Skill Card-2 card rebuild: make Use/Square/Prediction/Status readable. */
@media (max-width: 782px) {
  .sqg-skill-card-stage-page .sqg-skill-stage2-form,
  .sqg-skill-card-panel .sqg-skill-stage2-form {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-table,
  .sqg-skill-card-panel .sqg-skill-stage2-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-table .sqg-row.head,
  .sqg-skill-card-panel .sqg-skill-stage2-table .sqg-row.head,
  .sqg-skill-card-stage-page .sqg-skill-stage2-table .sqg-skill-stage2-head,
  .sqg-skill-card-panel .sqg-skill-stage2-table .sqg-skill-stage2-head {
    display: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-table .sqg-row.sqg-skill-stage2-card,
  .sqg-skill-card-panel .sqg-skill-stage2-table .sqg-row.sqg-skill-stage2-card,
  .sqg-skill-card-stage-page .sqg-skill-stage2-table > .sqg-row:not(.head),
  .sqg-skill-card-panel .sqg-skill-stage2-table > .sqg-row:not(.head) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    border: 2px solid #14532d !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .14) !important;
    overflow: visible !important;
    grid-template-columns: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-card > div,
  .sqg-skill-card-panel .sqg-skill-stage2-card > div,
  .sqg-skill-card-stage-page .sqg-skill-stage2-cell,
  .sqg-skill-card-panel .sqg-skill-stage2-cell {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-cell:last-child,
  .sqg-skill-card-panel .sqg-skill-stage2-cell:last-child { margin-bottom: 0 !important; }
  .sqg-skill-card-stage-page .sqg-skill-stage2-cell::before,
  .sqg-skill-card-panel .sqg-skill-stage2-cell::before {
    content: attr(data-label) !important;
    display: block !important;
    margin: 0 0 6px 0 !important;
    color: #14532d !important;
    -webkit-text-fill-color: #14532d !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-check-label,
  .sqg-skill-card-panel .sqg-skill-stage2-check-label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 12px !important;
    background: #f0fdf4 !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    font-weight: 900 !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-check-label input[type="checkbox"],
  .sqg-skill-card-panel .sqg-skill-stage2-check-label input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    accent-color: #15803d !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-square-value,
  .sqg-skill-card-stage-page .sqg-skill-stage2-status-value,
  .sqg-skill-card-panel .sqg-skill-stage2-square-value,
  .sqg-skill-card-panel .sqg-skill-stage2-status-value {
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 11px 12px !important;
    box-sizing: border-box !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-prediction .sqg-skill-select-wrap,
  .sqg-skill-card-panel .sqg-skill-stage2-prediction .sqg-skill-select-wrap {
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-form button[type="submit"],
  .sqg-skill-card-panel .sqg-skill-stage2-form button[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 52px !important;
    margin-top: 12px !important;
    border: 2px solid #15803d !important;
    border-radius: 14px !important;
    background: #15803d !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-align: center !important;
    box-shadow: 0 10px 22px rgba(21, 128, 61, .26) !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-form button[type="submit"]:disabled,
  .sqg-skill-card-panel .sqg-skill-stage2-form button[type="submit"]:disabled {
    background: #94a3b8 !important;
    border-color: #64748b !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: .9 !important;
  }
}


/* v1.5.85 mobile Skill Card-2 hard card layout: no table/grid overflow, every field visible. */
@media (max-width: 782px) {
  .sqg-skill-card-stage-page,
  .sqg-skill-card-stage-page .sqg-card,
  .sqg-skill-card-stage-page .sqg-skill-card-panel,
  .sqg-skill-card-stage-page .sqg-skill-stage2-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-list {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-list .sqg-skill-stage2-card {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 14px 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    border: 2px solid #14532d !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    box-shadow: 0 8px 20px rgba(15,23,42,.14) !important;
    overflow: visible !important;
    grid-template-columns: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-list .sqg-skill-stage2-field {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-list .sqg-skill-stage2-field:last-child { margin-bottom: 0 !important; }
  .sqg-skill-card-stage-page .sqg-skill-stage2-list .sqg-skill-stage2-label {
    display: block !important;
    margin: 0 0 6px 0 !important;
    color: #14532d !important;
    -webkit-text-fill-color: #14532d !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-list .sqg-skill-stage2-square-value,
  .sqg-skill-card-stage-page .sqg-skill-stage2-list .sqg-skill-stage2-status-value {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 11px 12px !important;
    box-sizing: border-box !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    opacity: 1 !important;
    visibility: visible !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-list .sqg-skill-select-wrap {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-list select.sqg-skill-select {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 10px 58px 10px 12px !important;
    box-sizing: border-box !important;
    border: 2px solid #14532d !important;
    border-radius: 12px !important;
    background: #dcfce7 !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-list .sqg-skill-select-arrow {
    display: block !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 20 !important;
    pointer-events: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-list .sqg-skill-stage2-check-label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 12px !important;
    background: #f0fdf4 !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    font-weight: 900 !important;
    white-space: normal !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-list .sqg-skill-stage2-check-label input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    margin: 0 !important;
    accent-color: #15803d !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-form button[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    border: 2px solid #15803d !important;
    border-radius: 14px !important;
    background: #15803d !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: normal !important;
  }
}


/* v1.5.85 mobile-only Skill Card-2 table-to-card repair.
   Desktop keeps the normal table/grid layout. Mobile shows one complete card per owned square. */
@media (max-width: 782px) {
  .sqg-skill-card-stage-page .sqg-skill-stage2-table,
  .sqg-skill-card-panel .sqg-skill-stage2-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-table .sqg-row.head,
  .sqg-skill-card-panel .sqg-skill-stage2-table .sqg-row.head,
  .sqg-skill-card-stage-page .sqg-skill-stage2-table .sqg-skill-stage2-head,
  .sqg-skill-card-panel .sqg-skill-stage2-table .sqg-skill-stage2-head {
    display: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-table .sqg-row.sqg-skill-stage2-card,
  .sqg-skill-card-panel .sqg-skill-stage2-table .sqg-row.sqg-skill-stage2-card,
  .sqg-skill-card-stage-page .sqg-skill-stage2-table > .sqg-row:not(.head),
  .sqg-skill-card-panel .sqg-skill-stage2-table > .sqg-row:not(.head) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 14px 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    border: 2px solid #14532d !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .14) !important;
    overflow: visible !important;
    grid-template-columns: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-cell,
  .sqg-skill-card-panel .sqg-skill-stage2-cell,
  .sqg-skill-card-stage-page .sqg-skill-stage2-card > div,
  .sqg-skill-card-panel .sqg-skill-stage2-card > div {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-cell:last-child,
  .sqg-skill-card-panel .sqg-skill-stage2-cell:last-child { margin-bottom: 0 !important; }
  .sqg-skill-card-stage-page .sqg-skill-stage2-cell::before,
  .sqg-skill-card-panel .sqg-skill-stage2-cell::before {
    content: attr(data-label) !important;
    display: block !important;
    margin: 0 0 6px 0 !important;
    color: #14532d !important;
    -webkit-text-fill-color: #14532d !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-check-label,
  .sqg-skill-card-panel .sqg-skill-stage2-check-label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 12px !important;
    background: #f0fdf4 !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    font-weight: 900 !important;
    white-space: normal !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-check-label input[type="checkbox"],
  .sqg-skill-card-panel .sqg-skill-stage2-check-label input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    margin: 0 !important;
    accent-color: #15803d !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-square-value,
  .sqg-skill-card-stage-page .sqg-skill-stage2-status-value,
  .sqg-skill-card-panel .sqg-skill-stage2-square-value,
  .sqg-skill-card-panel .sqg-skill-stage2-status-value {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 11px 12px !important;
    box-sizing: border-box !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    opacity: 1 !important;
    visibility: visible !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-prediction .sqg-skill-select-wrap,
  .sqg-skill-card-panel .sqg-skill-stage2-prediction .sqg-skill-select-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-prediction select.sqg-skill-select,
  .sqg-skill-card-panel .sqg-skill-stage2-prediction select.sqg-skill-select {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 10px 58px 10px 12px !important;
    box-sizing: border-box !important;
    border: 2px solid #14532d !important;
    border-radius: 12px !important;
    background: #dcfce7 !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-prediction .sqg-skill-select-arrow,
  .sqg-skill-card-panel .sqg-skill-stage2-prediction .sqg-skill-select-arrow {
    display: block !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 20 !important;
    pointer-events: none !important;
  }
  .sqg-skill-card-stage-page .sqg-skill-stage2-form button[type="submit"],
  .sqg-skill-card-panel .sqg-skill-stage2-form button[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    border: 2px solid #15803d !important;
    border-radius: 14px !important;
    background: #15803d !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: normal !important;
  }
}


/* v1.5.85 Skill Card-2 final viewport-scoped layout repair.
   Desktop: restore table/grid layout. Mobile: every owned square row becomes an independent visible card. */
@media (min-width: 783px) {
  .sqg-skill-stage2-form .sqg-skill-stage2-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-table .sqg-row.head,
  .sqg-skill-stage2-form .sqg-skill-stage2-table .sqg-row.sqg-skill-stage2-row {
    display: grid !important;
    grid-template-columns: .55fr 1.25fr 1.45fr 1.2fr !important;
    gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border-top: 1px solid #e5e7eb !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-table .sqg-row.head {
    border-top: 0 !important;
    font-weight: 800 !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-table .sqg-row.sqg-skill-stage2-row > div {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-table .sqg-row.sqg-skill-stage2-row > div::before {
    content: none !important;
    display: none !important;
  }
  .sqg-skill-stage2-form .sqg-stage2-check-text {
    display: none !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-check-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-check-label input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 !important;
  }
}

@media (max-width: 782px) {
  .sqg-skill-card-stage-page,
  .sqg-skill-card-stage-page .sqg-card,
  .sqg-skill-card-stage-page .sqg-skill-card-panel,
  .sqg-skill-card-stage-page .sqg-skill-stage2-form,
  .sqg-skill-card-panel .sqg-skill-stage2-form {
    overflow: visible !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-table .sqg-row.head,
  .sqg-skill-stage2-form .sqg-skill-stage2-table .sqg-skill-stage2-head {
    display: none !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-table .sqg-row.sqg-skill-stage2-row {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 16px 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    border: 2px solid #14532d !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    box-shadow: 0 8px 20px rgba(15,23,42,.14) !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-table .sqg-row.sqg-skill-stage2-row > div {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-table .sqg-row.sqg-skill-stage2-row > div:last-child {
    margin-bottom: 0 !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-table .sqg-row.sqg-skill-stage2-row > div::before {
    content: attr(data-label) !important;
    display: block !important;
    margin: 0 0 6px 0 !important;
    color: #14532d !important;
    -webkit-text-fill-color: #14532d !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
  }
  .sqg-skill-stage2-form .sqg-stage2-check-text {
    display: inline !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-check-label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 12px !important;
    background: #f0fdf4 !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    font-weight: 900 !important;
    white-space: normal !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-check-label input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    margin: 0 !important;
    accent-color: #15803d !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .sqg-skill-stage2-form .sqg-skill-stage2-square-value,
  .sqg-skill-stage2-form .sqg-skill-stage2-status-value {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 11px 12px !important;
    box-sizing: border-box !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    opacity: 1 !important;
    visibility: visible !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  .sqg-skill-stage2-form .sqg-skill-select-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    position: relative !important;
  }
  .sqg-skill-stage2-form select.sqg-skill-select {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 10px 58px 10px 12px !important;
    box-sizing: border-box !important;
    border: 2px solid #14532d !important;
    border-radius: 12px !important;
    background: #dcfce7 !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
  .sqg-skill-stage2-form .sqg-skill-select-arrow {
    display: block !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #052e16 !important;
    -webkit-text-fill-color: #052e16 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 20 !important;
    pointer-events: none !important;
  }
  .sqg-skill-stage2-form button[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    border: 2px solid #15803d !important;
    border-radius: 14px !important;
    background: #15803d !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: normal !important;
  }
}


/* v1.5.85 Skill Card edit/view saved-card controls: saved cards are edited in place until lock. */
.sqg-skill-saved-view{margin:10px 0 14px 0; border:1px solid rgba(22,101,52,.25); border-radius:14px; background:#f0fdf4; padding:10px; color:#052e16;}
.sqg-skill-saved-view > summary{cursor:pointer; list-style:none; display:inline-flex; align-items:center; justify-content:center; gap:6px; background:#15803d!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border:2px solid #166534!important; border-radius:12px; padding:9px 13px; font-weight:800;}
.sqg-skill-saved-view > summary::-webkit-details-marker{display:none;}
.sqg-skill-saved-view-body{margin-top:12px; display:grid; gap:10px;}
.sqg-skill-saved-card{background:#fff!important; color:#0f172a!important; -webkit-text-fill-color:#0f172a!important; border:1px solid #bbf7d0; border-radius:12px; padding:12px; line-height:1.55; box-shadow:0 6px 16px rgba(15,23,42,.08);}
.sqg-skill-saved-card strong{color:#14532d!important; -webkit-text-fill-color:#14532d!important;}
@media (max-width: 768px){
  .sqg-skill-saved-view{padding:12px; margin:12px 0 16px;}
  .sqg-skill-saved-view > summary{width:100%; min-height:46px; font-size:15px;}
  .sqg-skill-saved-card{font-size:14px; overflow-wrap:anywhere;}
}

/* v1.5.85 mobile Skill Card focused entry mode: prevent bottom navigation/menu interruption while editing. */
@media (max-width: 782px){
  body.sqg-skillcard-focus-mode{
    overflow-x:hidden !important;
  }
  body.sqg-skillcard-focus-mode .sqg-app-bottomnav,
  body.sqg-skillcard-focus-mode .sqg-app-bottomnav::before,
  body.sqg-skillcard-focus-mode .sqg-app-bottomnav::after,
  body.sqg-skillcard-focus-mode .sqg-mobile-menu-host,
  body.sqg-skillcard-focus-mode .sqg-mobile-menu-backdrop,
  body.sqg-skillcard-focus-mode .sqg-mobile-menu-panel,
  body.sqg-skillcard-focus-mode .sqg-mobile-menu-toggle,
  body.sqg-skillcard-focus-mode .sqg-mobile-menu-trigger,
  body.sqg-skillcard-focus-mode .sqg-app-topbar__actions,
  body.sqg-skillcard-focus-mode .sqg-app-cornericon,
  body.sqg-skillcard-focus-mode .sqg-app-topnav,
  body.sqg-skillcard-focus-mode .sqg-app-topnav--icon,
  body.sqg-skillcard-focus-mode #sqg-user-chat-widget,
  body.sqg-skillcard-focus-mode #sqg-admin-chat-widget,
  body.sqg-skillcard-focus-mode .sqg-user-chat-widget,
  body.sqg-skillcard-focus-mode .sqg-admin-chat-widget,
  body.sqg-skillcard-focus-mode .sqg-user-ai-toggle,
  body.sqg-skillcard-focus-mode .sqg-admin-chat-toggle{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  body.sqg-skillcard-focus-mode.sqg-mobile-menu-open{
    overflow:auto !important;
  }
  body.sqg-skillcard-focus-mode .sqg.shell,
  body.sqg-skillcard-focus-mode body.sqg-app-shell-active .sqg.shell{
    padding-bottom:16px !important;
  }
  body.sqg-skillcard-focus-mode .sqg-skill-card-panel,
  body.sqg-skillcard-focus-mode .sqg-card:has(.sqg-skill-stage1-form),
  body.sqg-skillcard-focus-mode .sqg-card:has(.sqg-skill-stage2-form){
    position:relative !important;
    z-index:2147482500 !important;
  }
  .sqg-skillcard-focus-banner{
    display:none;
    position:sticky;
    top:0;
    z-index:2147482600;
    margin:0 0 12px 0;
    padding:10px 12px;
    border:2px solid #14532d;
    border-radius:14px;
    background:#ecfdf5;
    color:#052e16;
    box-shadow:0 10px 24px rgba(15,23,42,.16);
    font-size:13px;
    line-height:1.35;
    font-weight:800;
    gap:10px;
    align-items:center;
    justify-content:space-between;
  }
  body.sqg-skillcard-focus-mode .sqg-skillcard-focus-banner{
    display:flex !important;
  }
  .sqg-skillcard-focus-banner__text{
    flex:1 1 auto;
    min-width:0;
  }
  .sqg-skillcard-focus-banner__exit{
    flex:0 0 auto;
    border:1px solid #14532d !important;
    background:#ffffff !important;
    color:#14532d !important;
    -webkit-text-fill-color:#14532d !important;
    border-radius:999px !important;
    padding:7px 10px !important;
    min-height:36px !important;
    font-size:12px !important;
    font-weight:900 !important;
  }
  body.sqg-skillcard-focus-mode .sqg-skill-stage1-form,
  body.sqg-skillcard-focus-mode .sqg-skill-stage2-form{
    scroll-margin-top:74px;
  }
}

/* v1.5.85 mobile Skill Card-2 helper text contrast: keep Stage 2 instructions and bulk label visible on blue backgrounds. */
@media (max-width: 768px) {
  .sqg-skill-card-panel-stage-2 .sqg-skill-stage2-form > .sqg-note,
  .sqg-skill-card-panel-stage-2 .sqg-skill-stage2-form > .sqg-note *,
  .sqg-skill-card-panel-stage-2 .sqg-skill-stage2-form > p > label,
  .sqg-skill-card-panel-stage-2 .sqg-skill-stage2-form > p > label > span:not(.sqg-skill-select-wrap),
  .sqg-skill-card-panel-stage-2 .sqg-skill-stage2-form h4 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.55) !important;
  }

  .sqg-skill-card-panel-stage-2 .sqg-skill-stage2-form > .sqg-note {
    background: rgba(15, 23, 42, .42) !important;
    border: 1px solid rgba(255,255,255,.35) !important;
    border-left: 4px solid #ffffff !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    margin: 10px 0 12px !important;
    line-height: 1.45 !important;
  }

  .sqg-skill-card-panel-stage-2 .sqg-skill-stage2-form > p {
    margin: 12px 0 14px !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .sqg-skill-card-panel-stage-2 .sqg-skill-stage2-form > p > label {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-weight: 900 !important;
    margin: 0 !important;
  }

  .sqg-skill-card-panel-stage-2 .sqg-skill-stage2-form > p > label .sqg-skill-select-wrap {
    margin-top: 8px !important;
  }
}

/* v1.5.85 mobile joining/payment focus mode: hide navigation/menu/chat only while active joining/payment mode is safely enabled. */
@media (max-width: 782px){
  body.sqg-join-focus-mode,
  body.sqg-auto-name-modal-open,
  body.sqg-mobile-payment-open{
    overflow-x:hidden !important;
  }
  body.sqg-join-focus-mode .sqg-app-bottomnav,
  body.sqg-join-focus-mode .sqg-app-bottomnav::before,
  body.sqg-join-focus-mode .sqg-app-bottomnav::after,
  body.sqg-join-focus-mode .sqg-mobile-menu-host,
  body.sqg-join-focus-mode .sqg-mobile-menu-backdrop,
  body.sqg-join-focus-mode .sqg-mobile-menu-panel,
  body.sqg-join-focus-mode .sqg-mobile-menu-toggle,
  body.sqg-join-focus-mode .sqg-mobile-menu-trigger,
  body.sqg-join-focus-mode .sqg-app-topbar__actions,
  body.sqg-join-focus-mode .sqg-app-cornericon,
  body.sqg-join-focus-mode .sqg-app-topnav,
  body.sqg-join-focus-mode .sqg-app-topnav--icon,
  body.sqg-join-focus-mode #sqg-user-chat-widget,
  body.sqg-join-focus-mode #sqg-admin-chat-widget,
  body.sqg-join-focus-mode .sqg-user-chat-widget,
  body.sqg-join-focus-mode .sqg-admin-chat-widget,
  body.sqg-join-focus-mode .sqg-user-ai-toggle,
  body.sqg-join-focus-mode .sqg-admin-chat-toggle,
  body.sqg-auto-name-modal-open .sqg-app-bottomnav,
  body.sqg-auto-name-modal-open .sqg-mobile-menu-host,
  body.sqg-auto-name-modal-open .sqg-mobile-menu-toggle,
  body.sqg-auto-name-modal-open .sqg-mobile-menu-trigger,
  body.sqg-auto-name-modal-open .sqg-app-topbar__actions,
  body.sqg-auto-name-modal-open .sqg-app-cornericon,
  body.sqg-auto-name-modal-open .sqg-app-topnav,
  body.sqg-auto-name-modal-open #sqg-user-chat-widget,
  body.sqg-auto-name-modal-open #sqg-admin-chat-widget,
  body.sqg-auto-name-modal-open .sqg-user-ai-toggle,
  body.sqg-auto-name-modal-open .sqg-admin-chat-toggle,
  body.sqg-mobile-payment-open .sqg-app-bottomnav,
  body.sqg-mobile-payment-open .sqg-mobile-menu-host,
  body.sqg-mobile-payment-open .sqg-mobile-menu-toggle,
  body.sqg-mobile-payment-open .sqg-mobile-menu-trigger,
  body.sqg-mobile-payment-open .sqg-app-topbar__actions,
  body.sqg-mobile-payment-open .sqg-app-cornericon,
  body.sqg-mobile-payment-open .sqg-app-topnav,
  body.sqg-mobile-payment-open #sqg-user-chat-widget,
  body.sqg-mobile-payment-open #sqg-admin-chat-widget,
  body.sqg-mobile-payment-open .sqg-user-ai-toggle,
  body.sqg-mobile-payment-open .sqg-admin-chat-toggle{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  body.sqg-join-focus-mode .sqg.shell,
  body.sqg-auto-name-modal-open .sqg.shell,
  body.sqg-mobile-payment-open .sqg.shell{
    padding-bottom:16px !important;
  }
  body.sqg-join-focus-mode #sqg-payment-box,
  body.sqg-mobile-payment-open #sqg-payment-box,
  body.sqg-auto-name-modal-open .sqg-auto-name-modal__overlay,
  body.sqg-auto-name-modal-open .sqg-auto-name-modal,
  body.sqg-join-focus-mode #sqg-auto-share-type,
  body.sqg-join-focus-mode #sqg-auto-quantity,
  body.sqg-join-focus-mode #sqg-join-auto,
  body.sqg-join-focus-mode #sqg-square-name,
  body.sqg-join-focus-mode #sqg-manual-share-type,
  body.sqg-join-focus-mode #sqg-buy-selected,
  body.sqg-join-focus-mode .sqg-grid10.pick,
  body.sqg-join-focus-mode .sqg-board-table.pick{
    position:relative !important;
    z-index:2147482500 !important;
  }
  .sqg-join-focus-banner{
    display:none;
    position:sticky;
    top:0;
    z-index:2147482600;
    margin:0 0 12px 0;
    padding:10px 12px;
    border:2px solid #14532d;
    border-radius:14px;
    background:#ecfdf5;
    color:#052e16;
    box-shadow:0 10px 24px rgba(15,23,42,.16);
    font-size:13px;
    line-height:1.35;
    font-weight:800;
    gap:10px;
    align-items:center;
    justify-content:space-between;
  }
  body.sqg-join-focus-mode .sqg-join-focus-banner{
    display:flex !important;
  }
  .sqg-join-focus-banner__text{
    flex:1 1 auto;
    min-width:0;
  }
  .sqg-join-focus-banner__exit{
    flex:0 0 auto;
    border:1px solid #14532d !important;
    background:#ffffff !important;
    color:#14532d !important;
    -webkit-text-fill-color:#14532d !important;
    border-radius:999px !important;
    padding:7px 10px !important;
    min-height:36px !important;
    font-size:12px !important;
    font-weight:900 !important;
  }
}



/* v1.5.85 mobile Auto Assign square-name modal: keep the name prompt at the top of the visible screen. */
@media (max-width: 782px){
  body.sqg-auto-name-modal-open .sqg-auto-name-modal__overlay,
  .sqg-auto-name-modal__overlay.sqg-auto-name-modal__overlay--top{
    position:fixed !important;
    top:var(--sqg-auto-name-vvtop, 0px) !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    height:var(--sqg-auto-name-vvh, 100dvh) !important;
    min-height:var(--sqg-auto-name-vvh, 100dvh) !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    padding:calc(env(safe-area-inset-top, 0px) + 12px) 14px calc(env(safe-area-inset-bottom, 0px) + 20px) !important;
    overflow-y:auto !important;
    box-sizing:border-box !important;
    z-index:2147483000 !important;
  }
  body.sqg-auto-name-modal-open .sqg-auto-name-modal,
  .sqg-auto-name-modal.sqg-auto-name-modal--top{
    margin:0 auto !important;
    align-self:flex-start !important;
    transform:none !important;
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    max-height:calc(var(--sqg-auto-name-vvh, 100dvh) - 32px) !important;
    overflow-y:auto !important;
    width:min(100%, 390px) !important;
    box-sizing:border-box !important;
  }
}

/* v1.5.85 Stage 1 follow-up note: explain Skill Card-2 without rendering inactive Stage 2 rows after join/payment. */
.sqg-stage2-after-stage1-note{margin:10px 0 16px;padding:12px 14px;border-left:4px solid #16a34a;background:#ecfdf5;color:#064e3b;border-radius:10px;font-size:0.95rem;line-height:1.45;}
@media (max-width:768px){.sqg-stage2-after-stage1-note{background:rgba(2,44,34,.88)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-left-color:#bbf7d0!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important;}.sqg-stage2-after-stage1-note strong{color:#fff!important;-webkit-text-fill-color:#fff!important;}}


/* v1.5.85 Skill Card question-point labels and combined score explanation. */
.sqg-skill-card-panel .sqg-skill-combined-explain{
  border-left:4px solid #14532d;
  background:#ecfdf5;
  color:#052e16;
  font-weight:700;
}
.sqg-skill-card-panel .sqg-skill-questions-with-points > label{
  font-weight:800;
}
.sqg-skill-card-panel .sqg-skill-questions-with-points input,
.sqg-skill-card-panel .sqg-skill-questions-with-points select{
  margin-top:6px;
}


/* v1.5.85 Skill Card-1 period-score clarity: make cumulative score guidance visible. */
.sqg-skill-period-score-note,
.sqg-skill-period-score-help {
  display: block;
  margin-top: 6px;
  line-height: 1.35;
}
.sqg-skill-period-score-question input::placeholder {
  opacity: 1;
}

/* v1.5.85 mobile Skill Card explanation contrast: keep ranking/max-point guidance readable on View Room pages. */
@media (max-width: 782px){
  body.sqg-app-shell-active .sqg.shell .sqg-skill-card-panel,
  body.sqg-app-shell-active .sqg-room-detail-shell .sqg-skill-card-panel,
  .sqg-room-detail-shell .sqg-skill-card-panel{
    background:#f8fbff !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-skill-card-panel h3,
  body.sqg-app-shell-active .sqg.shell .sqg-skill-card-panel h4,
  body.sqg-app-shell-active .sqg-room-detail-shell .sqg-skill-card-panel h3,
  body.sqg-app-shell-active .sqg-room-detail-shell .sqg-skill-card-panel h4,
  .sqg-room-detail-shell .sqg-skill-card-panel h3,
  .sqg-room-detail-shell .sqg-skill-card-panel h4{
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    text-shadow:none !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-skill-card-panel .sqg-skill-max-points,
  body.sqg-app-shell-active .sqg.shell .sqg-skill-card-panel .sqg-skill-combined-explain,
  body.sqg-app-shell-active .sqg-room-detail-shell .sqg-skill-card-panel .sqg-skill-max-points,
  body.sqg-app-shell-active .sqg-room-detail-shell .sqg-skill-card-panel .sqg-skill-combined-explain,
  .sqg-room-detail-shell .sqg-skill-card-panel .sqg-skill-max-points,
  .sqg-room-detail-shell .sqg-skill-card-panel .sqg-skill-combined-explain{
    display:block !important;
    margin:10px 0 12px !important;
    padding:12px 14px !important;
    border:1px solid #86efac !important;
    border-left:5px solid #14532d !important;
    border-radius:12px !important;
    background:#ecfdf5 !important;
    color:#052e16 !important;
    -webkit-text-fill-color:#052e16 !important;
    text-shadow:none !important;
    opacity:1 !important;
    line-height:1.48 !important;
    font-weight:700 !important;
    box-shadow:0 8px 18px rgba(15,23,42,.12) !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-skill-card-panel .sqg-skill-max-points *,
  body.sqg-app-shell-active .sqg.shell .sqg-skill-card-panel .sqg-skill-combined-explain *,
  body.sqg-app-shell-active .sqg-room-detail-shell .sqg-skill-card-panel .sqg-skill-max-points *,
  body.sqg-app-shell-active .sqg-room-detail-shell .sqg-skill-card-panel .sqg-skill-combined-explain *,
  .sqg-room-detail-shell .sqg-skill-card-panel .sqg-skill-max-points *,
  .sqg-room-detail-shell .sqg-skill-card-panel .sqg-skill-combined-explain *{
    color:#052e16 !important;
    -webkit-text-fill-color:#052e16 !important;
    text-shadow:none !important;
    opacity:1 !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-skill-card-panel .sqg-skill-period-score-note,
  body.sqg-app-shell-active .sqg-room-detail-shell .sqg-skill-card-panel .sqg-skill-period-score-note,
  .sqg-room-detail-shell .sqg-skill-card-panel .sqg-skill-period-score-note{
    background:#fff7ed !important;
    border:1px solid #fed7aa !important;
    border-left:5px solid #f97316 !important;
    color:#7c2d12 !important;
    -webkit-text-fill-color:#7c2d12 !important;
    text-shadow:none !important;
  }

  body.sqg-app-shell-active .sqg.shell .sqg-skill-card-panel .sqg-skill-period-score-note *,
  body.sqg-app-shell-active .sqg-room-detail-shell .sqg-skill-card-panel .sqg-skill-period-score-note *,
  .sqg-room-detail-shell .sqg-skill-card-panel .sqg-skill-period-score-note *{
    color:#7c2d12 !important;
    -webkit-text-fill-color:#7c2d12 !important;
    text-shadow:none !important;
  }
}


/* v1.5.85 desktop Skill Card-1 tiebreaker field width: keep full placeholder text visible. */
.sqg-skill-card-stage-page .sqg-skill-card-panel .sqg-skill-tiebreaker-question,
.sqg-skill-card-panel .sqg-skill-stage1-form .sqg-skill-tiebreaker-question {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
}
.sqg-skill-card-stage-page .sqg-skill-card-panel .sqg-skill-tiebreaker-question input[type="number"],
.sqg-skill-card-panel .sqg-skill-stage1-form .sqg-skill-tiebreaker-question input[type="number"] {
  width: min(100%, 230px) !important;
  min-width: 210px !important;
  max-width: 240px !important;
}
@media (min-width: 900px) {
  .sqg-skill-card-stage-page .sqg-skill-card-panel .sqg-skill-tiebreaker-question input[type="number"],
  .sqg-skill-card-panel .sqg-skill-stage1-form .sqg-skill-tiebreaker-question input[type="number"] {
    width: calc(25% - 14px) !important;
    min-width: 200px !important;
    max-width: 260px !important;
  }
}
@media (max-width: 620px) {
  .sqg-skill-card-stage-page .sqg-skill-card-panel .sqg-skill-tiebreaker-question input[type="number"],
  .sqg-skill-card-panel .sqg-skill-stage1-form .sqg-skill-tiebreaker-question input[type="number"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* v1.6.83 desktop-only Wallet Withdrawals visual polish.
   Scoped to desktop body + min-width so mobile/PWA-sized views remain untouched. */
@media (min-width: 992px){
  body.sqg-desktop-page .sqg.shell > .sqg-withdraw-plain.sqg-withdraw-plain--minimal{
    max-width:1120px !important;
    margin:24px auto 34px !important;
    padding:28px !important;
    border-radius:30px !important;
    background:#0f172a !important;
    background-image:radial-gradient(circle at top left,rgba(34,197,94,.22),transparent 32%),linear-gradient(135deg,#0f172a 0%,#123323 56%,#102018 100%) !important;
    border:1px solid rgba(187,247,208,.22) !important;
    box-shadow:0 24px 60px rgba(15,23,42,.22) !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal *{
    text-shadow:none !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal > h3{
    margin:22px 0 12px !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:22px !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal > .sqg-plain-help{
    color:#d1fae5 !important;
    -webkit-text-fill-color:#d1fae5 !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-table-scroll{
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid rgba(226,232,240,.96) !important;
    border-radius:22px !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    box-shadow:0 16px 38px rgba(15,23,42,.14) !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card{
    padding:24px !important;
    margin-bottom:18px !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card--summary{
    background:#ffffff !important;
    background-image:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
    border-top:5px solid #22c55e !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card--request{
    background:#ffffff !important;
    background-image:linear-gradient(180deg,#ffffff 0%,#f9fafb 100%) !important;
    border-top:5px solid #166534 !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card h2,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card h3{
    margin:0 0 14px !important;
    color:#0f4f2a !important;
    -webkit-text-fill-color:#0f4f2a !important;
    font-weight:900 !important;
    letter-spacing:-.025em !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card h2{font-size:30px !important;}
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card h3{font-size:22px !important;}
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card p,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card label,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-plain-help,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .description{
    color:#334155 !important;
    -webkit-text-fill-color:#334155 !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-table,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-simple-list{
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    background:#ffffff !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-table th,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-simple-list th{
    background:#f1f5f9 !important;
    background-image:none !important;
    border:0 !important;
    border-bottom:1px solid #e2e8f0 !important;
    color:#0f4f2a !important;
    -webkit-text-fill-color:#0f4f2a !important;
    font-weight:900 !important;
    letter-spacing:.015em !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-table td,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-simple-list td{
    background:#ffffff !important;
    background-image:none !important;
    border:0 !important;
    border-bottom:1px solid #e5e7eb !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-weight:700 !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-withdraw-history-table tr,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-simple-list tr{
    background:#ffffff !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    box-shadow:none !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-simple-list tbody tr:hover td{
    background:#f8fafc !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal input.regular-text,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal select.regular-text,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal #sqg_withdraw_amount,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal #sqg_withdraw_speed{
    width:100% !important;
    max-width:420px !important;
    min-height:46px !important;
    padding:11px 13px !important;
    border:2px solid #16a34a !important;
    border-radius:12px !important;
    background:#ffffff !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    box-shadow:0 0 0 4px rgba(34,197,94,.10) !important;
    caret-color:#0f172a !important;
    color-scheme:light !important;
    opacity:1 !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal input.regular-text:focus,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal select.regular-text:focus{
    border-color:#0f4f2a !important;
    outline:none !important;
    box-shadow:0 0 0 4px rgba(22,163,74,.22) !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-btn,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-btn.small{
    border-radius:999px !important;
    font-weight:900 !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-btn.primary,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal button.sqg-btn.primary{
    background:#166534 !important;
    background-image:linear-gradient(180deg,#22c55e 0%,#166534 100%) !important;
    border:1px solid #0f4f2a !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:0 12px 24px rgba(22,101,52,.24) !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-btn:not(.primary){
    background:#f8fafc !important;
    border:1px solid #cbd5e1 !important;
    color:#0f4f2a !important;
    -webkit-text-fill-color:#0f4f2a !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-withdraw-notice.success{
    background:#ecfdf5 !important;
    border-color:#22c55e !important;
    color:#14532d !important;
    -webkit-text-fill-color:#14532d !important;
  }
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-withdraw-notice.error{
    background:#fef2f2 !important;
    border-color:#ef4444 !important;
    color:#991b1b !important;
    -webkit-text-fill-color:#991b1b !important;
  }
}

/* v1.6.83 desktop-only calm Wallet Withdrawals color refresh.
   Mobile/PWA-sized views are intentionally untouched by the min-width + desktop-page scope. */
@media (min-width: 992px){
  body.sqg-desktop-page .sqg.shell > .sqg-withdraw-plain.sqg-withdraw-plain--minimal{
    max-width:1120px !important;
    margin:24px auto 34px !important;
    padding:28px !important;
    border-radius:28px !important;
    background:#f3f7f4 !important;
    background-image:linear-gradient(135deg,#f6faf7 0%,#eef6f1 52%,#edf4f7 100%) !important;
    border:1px solid #d9e7df !important;
    box-shadow:0 18px 48px rgba(31,64,54,.10) !important;
    color:#243b35 !important;
    -webkit-text-fill-color:#243b35 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal *{
    text-shadow:none !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal > h2,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal > h3{
    color:#173f35 !important;
    -webkit-text-fill-color:#173f35 !important;
    font-weight:850 !important;
    letter-spacing:-.02em !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal > h2{
    font-size:28px !important;
    margin:0 0 14px !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal > h3{
    font-size:21px !important;
    margin:24px 0 12px !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal > p,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal > .sqg-plain-help,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .description{
    color:#5f716c !important;
    -webkit-text-fill-color:#5f716c !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-table-scroll,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-withdraw-history-table tr,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-simple-list tr{
    background:#ffffff !important;
    background-image:linear-gradient(180deg,#ffffff 0%,#fbfdfb 100%) !important;
    border:1px solid #dce7e1 !important;
    border-radius:20px !important;
    color:#243b35 !important;
    -webkit-text-fill-color:#243b35 !important;
    box-shadow:0 12px 28px rgba(31,64,54,.08) !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card{
    padding:22px !important;
    margin-bottom:18px !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card--summary,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card--request{
    border-top:4px solid #6fa68d !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card h2,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card h3,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-table-scroll h2,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-table-scroll h3{
    color:#173f35 !important;
    -webkit-text-fill-color:#173f35 !important;
    font-weight:850 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal p,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal label,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal th,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal td,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal strong,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-help,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-table,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-table *{
    color:#243b35 !important;
    -webkit-text-fill-color:#243b35 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-help,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .description{
    color:#5f716c !important;
    -webkit-text-fill-color:#5f716c !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-table th,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-simple-list th{
    background:#edf6f1 !important;
    border:1px solid #cfe0d8 !important;
    color:#365e51 !important;
    -webkit-text-fill-color:#365e51 !important;
    font-weight:850 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-plain-table td,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-simple-list td{
    background:#ffffff !important;
    border:1px solid #e3ece7 !important;
    color:#243b35 !important;
    -webkit-text-fill-color:#243b35 !important;
    font-weight:650 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal input.regular-text,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal select.regular-text,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal #sqg_withdraw_amount,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal #sqg_withdraw_speed{
    display:block !important;
    width:100% !important;
    max-width:360px !important;
    min-height:44px !important;
    padding:10px 12px !important;
    border:1.5px solid #bcd1c7 !important;
    border-radius:12px !important;
    background:#fbfdfb !important;
    color:#203630 !important;
    -webkit-text-fill-color:#203630 !important;
    box-shadow:inset 0 1px 2px rgba(31,64,54,.06) !important;
    caret-color:#203630 !important;
    color-scheme:light !important;
    opacity:1 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal select.regular-text,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal #sqg_withdraw_speed{
    appearance:auto !important;
    -webkit-appearance:menulist !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal input.regular-text:focus,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal select.regular-text:focus{
    border-color:#4b8b72 !important;
    outline:none !important;
    box-shadow:0 0 0 4px rgba(75,139,114,.18) !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal button.sqg-btn.primary,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-btn.primary{
    background:linear-gradient(180deg,#5f9f86 0%,#427963 100%) !important;
    border:1px solid #376b58 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:0 8px 18px rgba(66,121,99,.22) !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal button.sqg-btn.primary:hover,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-btn.primary:hover{
    background:linear-gradient(180deg,#518e77 0%,#356b56 100%) !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-withdraw-notice{
    background:#f5faf7 !important;
    border-left-color:#6fa68d !important;
    color:#243b35 !important;
    -webkit-text-fill-color:#243b35 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-withdraw-notice.success{
    background:#effaf4 !important;
    border-left-color:#4b8b72 !important;
    color:#285746 !important;
    -webkit-text-fill-color:#285746 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-withdraw-notice.error{
    background:#fff5f3 !important;
    border-left-color:#b65b50 !important;
    color:#7f332d !important;
    -webkit-text-fill-color:#7f332d !important;
  }
}

/* v1.6.83 desktop-only Wallet Withdrawals card unification.
   Keeps mobile/PWA-sized views untouched and removes split/two-tone backgrounds inside each card. */
@media (min-width: 992px){
  body.sqg-desktop-page .sqg.shell > .sqg-withdraw-plain.sqg-withdraw-plain--minimal{
    background:#f3f7f4 !important;
    background-image:none !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card--summary,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card--request,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-table-scroll{
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid #dce7e1 !important;
    border-top:1px solid #dce7e1 !important;
    color:#243b35 !important;
    -webkit-text-fill-color:#243b35 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card--summary,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card--request{
    box-shadow:0 12px 28px rgba(31,64,54,.08) !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-plain-table,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-simple-list,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-plain-table tbody,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-simple-list tbody,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-plain-table tr,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-simple-list tr,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-plain-table th,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-plain-table td,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-simple-list th,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-simple-list td{
    background:#ffffff !important;
    background-image:none !important;
    color:#243b35 !important;
    -webkit-text-fill-color:#243b35 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-plain-table th,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-simple-list th{
    color:#365e51 !important;
    -webkit-text-fill-color:#365e51 !important;
    font-weight:850 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-plain-table th,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-plain-table td,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-simple-list th,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-simple-list td{
    border-left:0 !important;
    border-right:0 !important;
    border-top:0 !important;
    border-bottom:1px solid #e3ece7 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-plain-table tr:last-child th,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-plain-table tr:last-child td,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-simple-list tr:last-child th,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-simple-list tr:last-child td{
    border-bottom:0 !important;
  }

  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-simple-list tbody tr:hover th,
  body.sqg-desktop-page .sqg-withdraw-plain.sqg-withdraw-plain--minimal .sqg-mobile-card .sqg-simple-list tbody tr:hover td{
    background:#ffffff !important;
  }
}

/* v1.6.83 NFL-season decorative star clusters.
   Uses a light DOM overlay so the stars remain visible on desktop and mobile views.
   The groups are intentionally irregular and scattered, including center-page placement. */
.sqg-nfl-starfield{position:fixed;inset:0;z-index:6;pointer-events:none;overflow:hidden;opacity:.92}
.sqg-nfl-starfield__group{position:absolute;width:227px;height:160px;transform:rotate(var(--sqg-star-tilt,0deg));}
.sqg-nfl-starfield__star{position:absolute;width:var(--sqg-star-size,29px);height:var(--sqg-star-size,29px);opacity:var(--sqg-star-opacity,.96)}
.sqg-nfl-starfield__star svg{display:block;width:100%;height:100%}
body.sqg-desktop-page .site-header,
body.sqg-desktop-page .ast-desktop .site-header,
body.sqg-app-shell-active .sqg-app-topnav,
body.sqg-app-shell-active .sqg-app-bottomnav,
.sqg-install-prompt{position:relative;z-index:20}
@media (max-width: 767px){
  .sqg-nfl-starfield{opacity:.88}
  .sqg-nfl-starfield__group{width:163px;height:117px}
  .sqg-nfl-starfield__star{width:var(--sqg-star-size-mobile,19px);height:var(--sqg-star-size-mobile,19px)}
}

/* v1.6.83 payout-model notices */
.sqg-payout-model-notice{margin-top:10px;border-left:4px solid #2563eb;padding:10px 12px;background:#eff6ff;color:#0f172a;border-radius:10px;}
.sqg-payout-model-notice--collected_only{border-left-color:#b45309;background:#fff7ed;}

/* v1.6.83 restore shuffle-processing popup positioning.
   Recent decorative background stacking rules must not override this fixed banner. */
#sqg-shuffle-step-banner-global.sqg-shuffle-step-banner{
  position:fixed !important;
  right:18px !important;
  bottom:18px !important;
  left:auto !important;
  top:auto !important;
  z-index:99997 !important;
  pointer-events:none !important;
}
#sqg-shuffle-step-banner-global.sqg-shuffle-step-banner.hidden{display:none !important;}
#sqg-shuffle-step-banner-global.sqg-shuffle-step-banner.is-visible{display:block !important;opacity:1 !important;transform:translateY(0) !important;}
@media (max-width: 640px){
  #sqg-shuffle-step-banner-global.sqg-shuffle-step-banner{
    right:10px !important;
    bottom:10px !important;
    width:min(82vw,300px) !important;
    min-width:0 !important;
    max-width:calc(100vw - 20px) !important;
  }
}
body.admin-bar #sqg-shuffle-step-banner-global.sqg-shuffle-step-banner{bottom:18px !important;}
@media (max-width: 640px){body.admin-bar #sqg-shuffle-step-banner-global.sqg-shuffle-step-banner{bottom:10px !important;}}

/* v1.6.83 mobile-only shuffle processing popup safe position.
   Desktop placement is intentionally untouched. On phones, keep the processing
   popup above bottom browser/PWA navigation and constrain height so nothing is hidden. */
@media (max-width: 767px){
  #sqg-shuffle-step-banner-global.sqg-shuffle-step-banner{
    right:10px !important;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 96px) !important;
    top:auto !important;
    left:auto !important;
    width:min(82vw,300px) !important;
    min-width:0 !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100svh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 128px) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  body.admin-bar #sqg-shuffle-step-banner-global.sqg-shuffle-step-banner{
    bottom:calc(env(safe-area-inset-bottom, 0px) + 96px) !important;
    max-height:calc(100svh - 46px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 128px) !important;
  }
}

/* v1.6.83 checkout compliance billing-state control */
.sqg-billing-state-control{display:block;margin:10px 0 12px;font-size:13px;color:#334155;}
.sqg-billing-state-control span{display:block;font-weight:800;margin-bottom:6px;color:#0f172a;}
.sqg-billing-state-control select{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;padding:8px 10px;}
.sqg-billing-state-control small{display:block;margin-top:6px;line-height:1.4;color:#64748b;}
/* v1.6.83 pre-payment checkout compliance controls */
.sqg-billing-state-control--precheck{margin-top:12px;}
.sqg-billing-state-control select:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed;}

/* v1.6.83 current physical location state pre-checkout control */
.sqg-current-physical-state-control{margin:0 0 16px;max-width:620px;}
.sqg-current-physical-state-control select{max-width:360px;}

/* v1.6.83 contrast fixes: Join Room payout model notice + location dropdown border */
@media (max-width: 782px) {
  .sqg-payout-model-notice,
  .sqg-payout-notice,
  .sqg-room-payout-model-notice,
  .sqg-payout-model-card,
  .sqg-card .sqg-payout-model-notice,
  .sqg-join .sqg-payout-model-notice {
    background: #0f172a !important;
    color: #ffffff !important;
    border: 2px solid #38bdf8 !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.28) !important;
  }

  .sqg-payout-model-notice *,
  .sqg-payout-notice *,
  .sqg-room-payout-model-notice *,
  .sqg-payout-model-card *,
  .sqg-card .sqg-payout-model-notice *,
  .sqg-join .sqg-payout-model-notice * {
    color: #ffffff !important;
  }

  .sqg-payout-model-notice strong,
  .sqg-payout-notice strong,
  .sqg-room-payout-model-notice strong,
  .sqg-payout-model-card strong,
  .sqg-card .sqg-payout-model-notice strong,
  .sqg-join .sqg-payout-model-notice strong {
    color: #e0f2fe !important;
  }
}

.sqg-current-physical-state-control select,
.sqg-billing-state-control select,
select.sqg-current-physical-state,
select.sqg-billing-state {
  border: 2px solid #0f172a !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08) !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
}

.sqg-current-physical-state-control select:focus,
.sqg-billing-state-control select:focus,
select.sqg-current-physical-state:focus,
select.sqg-billing-state:focus {
  border-color: #2563eb !important;
  outline: 3px solid rgba(37, 99, 235, 0.24) !important;
  outline-offset: 2px !important;
}

/* v1.6.83 desktop Join Room sport-tag contrast fix */
@media (min-width: 783px) {
  .sqg-sport-tag.sqg-sport-tag--nba,
  .sqg-join .sqg-sport-tag.sqg-sport-tag--nba,
  .sqg-join-room .sqg-sport-tag.sqg-sport-tag--nba,
  .sqg-card .sqg-sport-tag.sqg-sport-tag--nba,
  .sqg-room-card .sqg-sport-tag.sqg-sport-tag--nba,
  .sqg-room-header .sqg-sport-tag.sqg-sport-tag--nba {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 2px solid #1d4ed8 !important;
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.22) !important;
    text-shadow: none !important;
  }
}