/* Version: 1.1.10 */
.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 Games 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 Games 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 --- */
@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: 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-connect-onboarding-container{min-height:520px;width:100%;}
.sqg-connect-shell .sqg-note{margin-bottom:12px;}


.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;bottom:16px;z-index:9999;display:flex;justify-content:center;pointer-events:none}
.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}
@media (max-width: 520px){.sqg-install-prompt{left:12px;right:12px;bottom:12px}.sqg-install-prompt__content{padding:14px 14px 15px}}


/* ===== App shell mode for SQG pages ===== */
body.sqg-app-shell-active {
  background: #0b0f17;
  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) + 118px) 14px calc(env(safe-area-inset-bottom, 0px) + 92px) !important;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  background:
    radial-gradient(circle at top, rgba(51, 126, 255, 0.16), transparent 28%),
    linear-gradient(180deg, #0b0f17 0%, #101826 100%);
}
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: 8px;
  padding: 8px;
  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: 11px;
  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: 20px !important;
    padding-right: 20px !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) + 118px) !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: #0b0f17;
    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) + 82px) !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) + 78px) !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:
      radial-gradient(circle at top center, rgba(59,130,246,.18), transparent 32%),
      linear-gradient(180deg,#08111f 0%,#0b1320 54%,#0f1727 100%);
  }
  body.sqg-app-shell-active::before{
    content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 14%, rgba(255,255,255,.02) 100%);
  }
  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:12px !important;
    padding-right:12px !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:10px; right:10px;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 8px);
    padding:8px 8px 10px;
    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:60px;
    gap:5px;
    padding:7px 4px 8px;
    border-radius:18px;
  }
  .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:11px;
    line-height:1.08;
  }
  .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(5, 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: 10px;
    line-height: 1.02;
  }
  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:8px !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:4px !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-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:18px;
  bottom:auto;
}
@media (max-width: 767px){
  .sqg-shuffle-notice__dialog{
    top:10px;
    bottom:auto;
  }
  .sqg-shuffle-step-banner{
    top:10px;
    bottom:auto;
  }
}
body.admin-bar .sqg-shuffle-notice__dialog,
body.admin-bar .sqg-shuffle-step-banner{
  top:calc(32px + 18px);
}
@media (max-width: 782px){
  body.admin-bar .sqg-shuffle-notice__dialog,
  body.admin-bar .sqg-shuffle-step-banner{
    top:calc(46px + 10px);
  }
}


.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,
body.sqg-app-shell-active .sqg-app-bottomnav__item[data-nav-key="home"] .sqg-app-navitem__icon,
body.sqg-app-shell-active .sqg-app-bottomnav__item[data-nav-key="home"] .sqg-app-navitem__icon svg,
body.sqg-app-shell-active .sqg-app-bottomnav__item[data-nav-key="wallet"] .sqg-app-navitem__icon,
body.sqg-app-shell-active .sqg-app-bottomnav__item[data-nav-key="wallet"] .sqg-app-navitem__icon svg{
  color:#8b5a2b !important;
  fill:#8b5a2b !important;
  stroke:#8b5a2b !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: 24px;
  --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: 22px;
    --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;
  inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.sqg-auto-name-modal {
  width: min(100%, 420px);
  background: #fff;
  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;
}
.sqg-auto-name-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}

.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;
  }
}




.sqg-live-grid-score-updates{margin:12px 0 0;}
.sqg-live-score-updates-card{
  border:1px solid rgba(124,14,14,.12);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fff8f8 100%);
  padding:14px 16px;
  box-shadow:0 8px 18px rgba(124,14,14,.06);
}
.sqg-live-score-updates-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.sqg-live-score-updates-card__eyebrow{
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  color:#7c0e0e;
  text-transform:uppercase;
}
.sqg-live-score-updates-card__meta{
  font-size:12px;
  color:#6b7280;
}
.sqg-live-score-updates-card__scoreline{
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);
  align-items:center;
  gap:14px;
}
.sqg-live-score-updates-card__team{
  display:flex;
  align-items:center;
}
.sqg-live-score-updates-card__team--away{
  justify-content:flex-end;
}
.sqg-live-score-updates-card__scoreblock{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:170px;
}
.sqg-live-score-updates-card__scores{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  color:#111827;
}
.sqg-live-score-updates-card__score{
  font-size:30px;
  line-height:1;
}
.sqg-live-score-updates-card__dash{
  font-size:16px;
  color:#9ca3af;
}
.sqg-live-score-updates-card__status{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.sqg-live-score-updates-card__quarter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:4px 10px;
  border-radius:999px;
  background:#c62828;
  color:#fff;
  font-size:12px;
  font-weight:800;
}
.sqg-live-score-updates-card__updated{
  font-size:12px;
  color:#6b7280;
  font-weight:600;
}
.sqg-live-score-updates-card__quarters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.sqg-live-score-updates-card__quarter-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(124,14,14,.14);
  color:#374151;
  font-size:12px;
  line-height:1.2;
}
.sqg-live-score-updates-card__quarter-chip strong{
  color:#7c0e0e;
}
.sqg-live-score-updates-card__quarter-chip.is-current{
  background:#fff1f2;
  border-color:#c62828;
}
.sqg-live-score-updates-card__quarter-chip.is-empty{
  opacity:.7;
}
@media (max-width: 767px){
  .sqg-live-score-updates-card{padding:12px;}
  .sqg-live-score-updates-card__top{
    flex-direction:column;
    align-items:flex-start;
    margin-bottom:10px;
  }
  .sqg-live-score-updates-card__scoreline{
    grid-template-columns:1fr;
    gap:10px;
  }
  .sqg-live-score-updates-card__team,
  .sqg-live-score-updates-card__team--away{
    justify-content:center;
  }
  .sqg-live-score-updates-card__score{
    font-size:26px;
  }
  .sqg-live-score-updates-card__quarters{
    gap:6px;
  }
}


.sqg-live-grid-score-updates{
  margin:10px 0 0;
}
.sqg-live-score-updates-card{
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:#ffffff;
  padding:12px 14px;
  box-shadow:0 4px 14px rgba(15,23,42,.05);
}
.sqg-live-score-updates-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:10px;
}
.sqg-live-score-updates-card__eyebrow{
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#0f172a;
}
.sqg-live-score-updates-card__meta{
  font-size:11px;
  color:#64748b;
  font-weight:600;
  text-align:right;
}
.sqg-live-score-updates-card__scoreline{
  display:grid;
  grid-template-columns:minmax(64px,92px) minmax(0,1fr) minmax(64px,92px);
  align-items:center;
  gap:10px;
}
.sqg-live-score-updates-card__team-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 10px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sqg-live-score-updates-card__team-pill--home{
  background:#eff6ff;
  color:#1d4ed8;
}
.sqg-live-score-updates-card__team-pill--away{
  background:#fee2e2;
  color:#b91c1c;
}
.sqg-live-score-updates-card__scoreblock{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.sqg-live-score-updates-card__scores{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#0f172a;
  font-weight:900;
}
.sqg-live-score-updates-card__score{
  font-size:36px;
  line-height:1;
}
.sqg-live-score-updates-card__dash{
  font-size:24px;
  color:#94a3b8;
  line-height:1;
}
.sqg-live-score-updates-card__status{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.sqg-live-score-updates-card__quarter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:3px 9px;
  border-radius:999px;
  background:#dc2626;
  color:#fff;
  font-size:11px;
  font-weight:800;
}
.sqg-live-score-updates-card__updated{
  font-size:12px;
  color:#64748b;
  font-weight:700;
}
.sqg-live-score-updates-card__quarters{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
.sqg-live-score-updates-card__quarter-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#475569;
  font-size:11px;
  line-height:1.1;
}
.sqg-live-score-updates-card__quarter-chip strong{
  color:#0f172a;
}
.sqg-live-score-updates-card__quarter-chip.is-current{
  background:#fff1f2;
  border-color:#fca5a5;
  color:#7f1d1d;
}
.sqg-live-score-updates-card__quarter-chip.is-empty{
  opacity:.72;
}
@media (max-width: 767px){
  body.sqg-android-device .sqg-live-grid-score-updates{
    margin:8px 0 0;
  }
  .sqg-live-score-updates-card{
    padding:10px 10px 9px;
    border-radius:14px;
  }
  .sqg-live-score-updates-card__top{
    margin-bottom:8px;
  }
  .sqg-live-score-updates-card__eyebrow{
    font-size:10px;
  }
  .sqg-live-score-updates-card__meta{
    font-size:10px;
  }
  .sqg-live-score-updates-card__scoreline{
    grid-template-columns:56px minmax(0,1fr) 56px;
    gap:6px;
  }
  .sqg-live-score-updates-card__team-pill{
    min-height:26px;
    padding:4px 6px;
    font-size:10px;
  }
  .sqg-live-score-updates-card__score{
    font-size:24px;
  }
  .sqg-live-score-updates-card__dash{
    font-size:18px;
  }
  .sqg-live-score-updates-card__status{
    gap:5px;
  }
  .sqg-live-score-updates-card__quarter{
    min-height:20px;
    padding:2px 7px;
    font-size:10px;
  }
  .sqg-live-score-updates-card__updated{
    font-size:10px;
    text-align:center;
  }
  .sqg-live-score-updates-card__quarters{
    gap:4px;
    margin-top:8px;
  }
  .sqg-live-score-updates-card__quarter-chip{
    padding:4px 6px;
    font-size:10px;
    gap:4px;
  }
}


.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){
  .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:0;
  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;
  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:#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;
  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-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;
  top:calc(max(2px, env(safe-area-inset-top, 0px)) + 30px);
  right:14px;
  width:min(300px, calc(100vw - 28px));
  max-height:calc(100vh - 110px);
  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(-6px) 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;
}


/* 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 12px;
  color:#d9e7ff;
  font-size:15px;
  line-height:1.62;
}

.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-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:18px;
}
.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%; }
}