/* Universal Gangsters — modern skin (progressive enhancement) */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Source+Sans+3:wght@400;600;700&display=swap');

:root {
  --ug-bg-0: #0b0c10;
  --ug-bg-1: #14161c;
  --ug-bg-2: #1c1f28;
  --ug-bg-3: #262a36;
  --ug-ink: #e8eaef;
  --ug-muted: #9aa0ad;
  --ug-accent: #c9a227;
  --ug-accent-hot: #b33a3a;
  --ug-ok: #3d9b6a;
  --ug-danger: #c44;
  --ug-border: #2e3340;
  --ug-elevated: #3a4152;
  --ug-radius: 6px;
  --ug-font: "Source Sans 3", "Segoe UI", Tahoma, sans-serif;
  --ug-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  /* Type: display 22–28 / title 18 / body 15 / meta 13 / nav 11 */
  --ug-fs-display: 26px;
  --ug-fs-title: 18px;
  --ug-fs-body: 15px;
  --ug-fs-meta: 13px;
  --ug-fs-nav: 11px;
  --ug-space-1: 4px;
  --ug-space-2: 8px;
  --ug-space-3: 12px;
  --ug-space-4: 16px;
  --ug-space-5: 24px;
  --ug-nav-h: 58px;
  --ug-hud-h: 44px;
  --ug-tap: 44px;
  --ug-rail-w: 200px;
  --ug-rail-w-tight: 76px;
  --ug-drawer-w: 240px;
  --ug-shell-max: 1440px;
  --ug-content-max: 1100px;
  --ug-safe-top: env(safe-area-inset-top, 0px);
  --ug-safe-bottom: env(safe-area-inset-bottom, 0px);
  --ug-safe-left: env(safe-area-inset-left, 0px);
  --ug-safe-right: env(safe-area-inset-right, 0px);
  --ug-content-pad-x: 12px;
}

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
  background: var(--ug-bg-0) !important;
  background-image:
    radial-gradient(ellipse at 20% 0%, rgba(179,58,58,0.12), transparent 45%),
    radial-gradient(ellipse at 80% 10%, rgba(201,162,39,0.08), transparent 40%),
    linear-gradient(180deg, #101218 0%, #0b0c10 100%) !important;
  color: var(--ug-ink) !important;
  font-family: var(--ug-font) !important;
  font-size: 15px !important;
  line-height: 1.45;
  margin: 0;
}

a { color: var(--ug-accent); }
a:hover { color: #e0c04a; }

/* Restyle legacy bevel panels lightly */
.main, .mmain, .tbg {
  background: var(--ug-bg-1) !important;
  color: var(--ug-ink) !important;
  font-size: 15px !important;
}
.mheader {
  background: var(--ug-bg-3) !important;
  color: var(--ug-accent) !important;
  font-family: var(--ug-display) !important;
  font-size: 18px !important;
  letter-spacing: 0.06em;
  padding: 8px 4px !important;
}
.menustrip a {
  display: block;
  padding: 7px 8px !important;
  border-bottom: 1px solid var(--ug-border);
  font-size: 14px !important;
  color: var(--ug-ink) !important;
}
.menustrip a:hover { background: var(--ug-bg-2); color: var(--ug-accent) !important; }

.textbox, .tbox, .password, input[type=text], input[type=password], input[type=email], select, textarea {
  background: var(--ug-bg-0) !important;
  border: 1px solid var(--ug-border) !important;
  color: var(--ug-ink) !important;
  border-radius: var(--ug-radius);
  padding: 10px 12px !important;
  font-size: 16px !important;
  font-family: var(--ug-font) !important;
  min-height: var(--ug-tap);
}
.button, .tbox[type=submit], input[type=submit], input[type=button], button {
  background: linear-gradient(180deg, #3a2e14 0%, #2a210f 100%) !important;
  border: 1px solid var(--ug-accent) !important;
  color: var(--ug-accent) !important;
  border-radius: var(--ug-radius);
  padding: 10px 16px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: var(--ug-font) !important;
  min-height: var(--ug-tap);
  cursor: pointer;
}
.button:hover, input[type=submit]:hover { filter: brightness(1.12); }

/* Guest / auth surfaces */
.ug-guest {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px 40px;
  position: relative;
  overflow: hidden;
}
.ug-guest::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(11,12,16,0.35) 0%, rgba(11,12,16,0.85) 70%, var(--ug-bg-0) 100%),
    url("../images/1223.png") center/cover;
  opacity: 0.45;
  z-index: 0;
  animation: ug-fade-in 1.2s ease;
}
.ug-guest__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  text-align: center;
  animation: ug-rise 0.7s ease;
}
.ug-brand {
  font-family: var(--ug-display);
  font-size: clamp(2.6rem, 10vw, 3.6rem);
  letter-spacing: 0.08em;
  color: var(--ug-ink);
  margin: 0 0 6px;
  text-shadow: 0 2px 24px rgba(0,0,0,0.8);
  line-height: 0.95;
}
.ug-brand span { color: var(--ug-accent-hot); }
.ug-tagline {
  color: var(--ug-muted);
  font-size: 1rem;
  margin: 0 0 28px;
  max-width: 28em;
  margin-left: auto;
  margin-right: auto;
}
.ug-auth-form {
  text-align: left;
  display: grid;
  gap: 12px;
}
.ug-auth-form label {
  display: block;
  font-size: 13px;
  color: var(--ug-muted);
  margin-bottom: 4px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ug-auth-form input {
  width: 100%;
}
.ug-auth-form .ug-btn-primary {
  width: 100%;
  margin-top: 8px;
  background: linear-gradient(180deg, #8a2a2a 0%, #5c1a1a 100%) !important;
  border-color: var(--ug-accent-hot) !important;
  color: #fff !important;
  font-size: 16px !important;
  letter-spacing: 0.04em;
}
.ug-auth-links {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  justify-content: center;
  font-size: 14px;
}
.ug-auth-links a { color: var(--ug-muted); }
.ug-auth-links a:hover { color: var(--ug-accent); }
.ug-tabs {
  display: flex;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--ug-border);
}
.ug-tabs a {
  flex: 1;
  padding: 12px;
  color: var(--ug-muted);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 14px;
}
.ug-tabs a.is-active {
  color: var(--ug-accent);
  border-bottom: 2px solid var(--ug-accent);
}

/* App shell padding for HUD + bottom nav */
body.ug-app {
  padding-top: 0;
  padding-bottom: 0;
}

/* Sticky HUD — single status chrome */
.ug-hud {
  position: sticky;
  top: 0;
  z-index: 900;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  overflow-x: auto;
  background: rgba(12,13,18,0.94);
  border-bottom: 1px solid var(--ug-border);
  padding: calc(8px + var(--ug-safe-top)) 12px 8px;
  min-height: var(--ug-hud-h);
  backdrop-filter: blur(8px);
  font-size: 13px;
  -webkit-overflow-scrolling: touch;
}
.ug-hud__item {
  white-space: nowrap;
  color: var(--ug-muted);
}
.ug-hud__item b, .ug-hud__val {
  color: var(--ug-ink);
  font-weight: 700;
}
.ug-hud__money .ug-hud__val { color: var(--ug-accent); }
.ug-hud__mail a { color: var(--ug-ok); font-weight: 700; }
.ug-hud__rankbar {
  flex: 1;
  min-width: 60px;
  height: 4px;
  background: #3a1010;
  border-radius: 2px;
  overflow: hidden;
}
.ug-hud__rankbar > i {
  display: block;
  height: 100%;
  background: var(--ug-ok);
}

/* Bottom nav */
.ug-bottom-nav {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 950;
  height: var(--ug-nav-h);
  background: rgba(14,15,20,0.97);
  border-top: 1px solid var(--ug-border);
  padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.ug-bottom-nav__row {
  display: flex;
  height: 100%;
  max-width: 560px;
  margin: 0 auto;
}
.ug-bottom-nav a, .ug-bottom-nav button {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  background: transparent;
  border: 0;
  color: var(--ug-muted);
  font-family: var(--ug-font);
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  min-height: var(--ug-nav-h);
  letter-spacing: 0.02em;
  cursor: pointer;
  padding: 0;
}
.ug-bottom-nav a:hover, .ug-bottom-nav a.is-active,
.ug-bottom-nav button:hover {
  color: var(--ug-accent);
}
.ug-bottom-nav__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  line-height: 1;
  color: inherit;
}
.ug-bottom-nav__ico svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ug-hud__drawer-btn {
  margin-left: auto;
  flex-shrink: 0;
  min-width: var(--ug-tap);
  min-height: 32px;
  padding: 6px 10px;
  background: var(--ug-bg-2);
  border: 1px solid var(--ug-border);
  border-radius: var(--ug-radius);
  color: var(--ug-accent);
  font-family: var(--ug-font);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.ug-drawer-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 920;
  background: rgba(0,0,0,0.55);
}
body.ug-drawer-open .ug-drawer-backdrop { display: block; }

/* Casino / leisure content always visible */
.ug-casino-wrap { display: none; }
.ug-casino .ug-panel,
.ug-casino.ug-panel { margin-left: 0; margin-right: 0; }
.ug-casino img { max-width: 100%; height: auto; }

/* Sheet / More drawer */
.ug-sheet {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 960;
  background: rgba(0,0,0,0.72);
  animation: ug-fade-in 0.2s ease;
}
.ug-sheet.is-open { display: block; }
.ug-sheet__panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 78vh;
  overflow-y: auto;
  background: var(--ug-bg-1);
  border-top: 1px solid var(--ug-border);
  border-radius: 14px 14px 0 0;
  padding: 16px 16px calc(var(--ug-nav-h) + 20px);
  animation: ug-sheet-up 0.28s ease;
}
.ug-sheet__hd {
  font-family: var(--ug-display);
  font-size: 22px;
  letter-spacing: 0.08em;
  color: var(--ug-accent);
  margin: 0 0 12px;
}
.ug-sheet__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.ug-sheet__grid a {
  display: block;
  padding: 12px;
  background: var(--ug-bg-2);
  border: 1px solid var(--ug-border);
  border-radius: var(--ug-radius);
  color: var(--ug-ink);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  min-height: var(--ug-tap);
}
.ug-sheet__grid a:hover { border-color: var(--ug-accent); color: var(--ug-accent); }
.ug-sheet__sec {
  grid-column: 1 / -1;
  font-family: var(--ug-display);
  font-size: 16px;
  letter-spacing: 0.08em;
  color: var(--ug-muted);
  margin: 10px 0 2px;
  padding-top: 6px;
  border-top: 1px solid var(--ug-border);
}
.ug-sheet__sec:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

/* Panel (replaces bevel sandwich on polished pages) */
.ug-panel {
  background: var(--ug-bg-1);
  border: 1px solid var(--ug-border);
  border-radius: var(--ug-radius);
  margin: 10px var(--ug-content-pad-x) 16px;
  overflow: hidden;
}
.ug-panel__hd {
  font-family: var(--ug-display);
  font-size: 20px;
  letter-spacing: 0.08em;
  color: var(--ug-accent);
  margin: 0;
  padding: 12px 14px;
  background: var(--ug-bg-3);
  border-bottom: 1px solid var(--ug-border);
  font-weight: 400;
}
.ug-panel__bd {
  padding: 8px 0 12px;
}
.ug-panel__bd--pad { padding: 12px 14px; }
.ug-panel__ft {
  padding: 8px 14px 14px;
  border-top: 1px solid var(--ug-border);
  margin-top: 4px;
}
.ug-flash-inline.ug-flash-hidden,
.ug-flash-hidden { display: none !important; }
.ug-form-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
.ug-field label {
  display: block;
  font-size: var(--ug-fs-meta);
  color: var(--ug-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}
.ug-field input,
.ug-field textarea,
.ug-field select { width: 100%; }
.ug-table {
  width: 100%;
  border-collapse: collapse;
}
.ug-table th,
.ug-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--ug-border);
  text-align: left;
  font-size: var(--ug-fs-body);
}
.ug-table th {
  color: var(--ug-accent);
  font-family: var(--ug-display);
  letter-spacing: 0.06em;
  font-weight: 400;
  background: var(--ug-bg-3);
}

/* ListRow */
.ug-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  min-height: var(--ug-tap);
  border-bottom: 1px solid var(--ug-border);
  cursor: pointer;
  margin: 0;
  color: var(--ug-ink);
  font-size: 15px;
  line-height: 1.35;
}
.ug-row:last-child { border-bottom: 0; }
.ug-row:hover, .ug-row:focus-within { background: rgba(255,255,255,0.03); }
.ug-row input[type=radio],
.ug-row input[type=checkbox] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  flex-shrink: 0;
  accent-color: var(--ug-accent);
}
.ug-row__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ug-row__title {
  font-weight: 600;
  color: var(--ug-ink);
  font-size: 15px;
}
.ug-row__meta {
  font-size: 13px;
  color: var(--ug-muted);
}
.ug-row__meta--ok { color: var(--ug-ok); font-weight: 700; }
.ug-row__meta--muted { color: #5a6070; }
.ug-row__meta--hot { color: var(--ug-accent); font-weight: 600; }
.ug-row__action {
  flex-shrink: 0;
}

/* Alias legacy action-row */
.ug-action-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 10px;
  border-bottom: 1px solid var(--ug-border);
  min-height: var(--ug-tap);
}
.ug-action-row:hover { background: rgba(255,255,255,0.03); }

/* Buttons */
.ug-btn,
.ug-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--ug-tap);
  padding: 12px 16px;
  border-radius: var(--ug-radius);
  font-weight: 700;
  font-size: 15px;
  font-family: var(--ug-font);
  text-decoration: none !important;
  cursor: pointer;
  border: 1px solid var(--ug-accent);
  background: linear-gradient(180deg, #3a2e14 0%, #2a210f 100%);
  color: var(--ug-accent) !important;
}
.ug-btn--block {
  display: flex;
  width: 100%;
  margin: 12px 0 4px;
  min-height: 48px;
  font-size: 16px !important;
}
.ug-btn--danger,
.ug-btn-primary {
  background: linear-gradient(180deg, #8a2a2a 0%, #5c1a1a 100%) !important;
  border-color: var(--ug-accent-hot) !important;
  color: #fff !important;
}
.ug-btn--ghost {
  background: transparent !important;
  border-color: var(--ug-border) !important;
  color: var(--ug-muted) !important;
}

/* Empty state */
.ug-empty {
  text-align: center;
  padding: 28px 16px;
}
.ug-empty__title {
  font-family: var(--ug-display);
  font-size: 22px;
  letter-spacing: 0.06em;
  color: var(--ug-ink);
  margin: 0 0 8px;
  font-weight: 400;
}
.ug-empty__hint {
  color: var(--ug-muted);
  font-size: 14px;
  margin: 0 0 16px;
}

/* Timer */
.ug-timer {
  font-size: 13px;
  color: var(--ug-accent);
  font-weight: 600;
  white-space: nowrap;
}
.ug-timer .ug-countdown { font-variant-numeric: tabular-nums; }

/* Media / stack utilities */
.ug-media,
img.ug-media {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
}
.ug-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ug-stack--row {
  flex-direction: row;
  flex-wrap: wrap;
}

/* Hub tiles */
.ug-hub {
  margin: 8px var(--ug-content-pad-x) 18px;
}
.ug-hub__hd {
  font-family: var(--ug-display);
  font-size: 26px;
  letter-spacing: 0.08em;
  color: var(--ug-accent);
  margin: 0 0 4px;
  font-weight: 400;
}
.ug-hub__sub {
  color: var(--ug-muted);
  font-size: 14px;
  margin: 0 0 14px;
}
.ug-hub__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.ug-hub__tile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-height: 72px;
  padding: 14px 16px;
  background: var(--ug-bg-2);
  border: 1px solid var(--ug-border);
  border-radius: var(--ug-radius);
  color: var(--ug-ink) !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 16px;
}
.ug-hub__tile:hover { border-color: var(--ug-accent); color: var(--ug-accent) !important; }
.ug-hub__tile span {
  font-size: 12px;
  font-weight: 500;
  color: var(--ug-muted);
}
.ug-hub__tile--primary {
  grid-column: 1 / -1;
  background: linear-gradient(180deg, #3a1818 0%, #241010 100%);
  border-color: var(--ug-accent-hot);
  min-height: 56px;
  align-items: center;
  text-align: center;
}
.ug-hub-below {
  margin-top: 28px;
  opacity: 0.92;
}
.ug-hub-below .ug-panel__hd,
.ug-hub-below .mheader {
  font-size: 16px !important;
}
@media (max-width: 900px) {
  .ug-hub-below {
    margin-top: 20px;
  }
}


/* Rank bar */
.ug-rankbar {
  height: 6px;
  background: #3a1010;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
}
.ug-rankbar > i {
  display: block;
  height: 100%;
  background: var(--ug-ok);
}
.ug-rankbar-wrap {
  margin: 8px var(--ug-content-pad-x) 4px;
  padding: 10px 12px;
  background: var(--ug-bg-1);
  border: 1px solid var(--ug-border);
  border-radius: var(--ug-radius);
}
.ug-rankbar__label {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--ug-muted);
  margin-bottom: 6px;
}

/* Guest account chip */
.ug-account-chip {
  margin-bottom: 18px;
  text-align: left;
  background: rgba(20,22,28,0.85);
  border: 1px solid var(--ug-border);
  border-radius: var(--ug-radius);
  padding: 12px;
}
.ug-account-chip a {
  display: flex;
  gap: 12px;
  align-items: center;
  color: inherit;
  text-decoration: none;
  min-height: var(--ug-tap);
}
.ug-account-chip img {
  border-radius: 4px;
  background: #111;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
}
.ug-account-chip__meta {
  color: var(--ug-muted);
  font-size: 13px;
}
.ug-account-chip__cta {
  color: var(--ug-accent);
  font-size: 13px;
}

.ug-toast-host {
  position: fixed;
  top: calc(var(--ug-hud-h) + var(--ug-safe-top) + 8px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  width: min(92vw, 360px);
  pointer-events: none;
}
.ug-toast {
  background: var(--ug-bg-2);
  border: 1px solid var(--ug-border);
  border-left: 3px solid var(--ug-accent);
  color: var(--ug-ink);
  padding: 12px 14px;
  margin-bottom: 8px;
  border-radius: var(--ug-radius);
  font-size: 14px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.45);
  animation: ug-rise 0.35s ease;
  pointer-events: auto;
}
.ug-toast--ok { border-left-color: var(--ug-ok); }
.ug-toast--err { border-left-color: var(--ug-danger); }
.ug-toast--warn { border-left-color: var(--ug-accent); }

.ug-countdown.is-urgent { color: var(--ug-danger) !important; animation: ug-pulse 1s ease infinite; }

/* Tutorial soft overlays */
.ug-tut {
  position: relative;
  background: var(--ug-bg-2);
  border: 1px solid var(--ug-accent);
  border-radius: var(--ug-radius);
  padding: 14px 16px;
  margin: 10px var(--ug-content-pad-x) 16px;
  font-size: 14px;
  animation: ug-rise 0.4s ease;
}
.ug-tut strong { color: var(--ug-accent); }
.ug-play-cta {
  display: block;
  text-align: center;
  padding: 14px;
  margin: 12px 0;
  background: linear-gradient(180deg, #3a1818 0%, #241010 100%);
  border: 1px solid var(--ug-accent-hot);
  border-radius: var(--ug-radius);
  color: #fff !important;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none !important;
}
.ug-play-cta:hover { filter: brightness(1.1); color: var(--ug-accent) !important; }

/* Crime / jail action rows */
.ug-crimes .ug-row,
.ug-crimes label.ug-row {
  display: flex;
}
.ug-crimes input[type=submit],
.ug-crimes .ug-btn--block {
  width: calc(100% - 28px);
  margin: 12px 14px 4px;
  min-height: 48px;
  font-size: 16px !important;
}
.ug-crimes .ug-check-all {
  display: block;
  text-align: center;
  padding: 10px;
  color: var(--ug-muted);
  font-size: 13px;
  cursor: pointer;
}

.ug-inbox-row td, .ug-list-row td {
  padding: 10px 8px !important;
  font-size: 14px !important;
  border-bottom: 1px solid var(--ug-border);
}

.ug-points-hero {
  text-align: center;
  padding: 16px 12px 8px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--ug-border);
}
.ug-points-hero h2 {
  font-family: var(--ug-display);
  letter-spacing: 0.08em;
  color: var(--ug-accent);
  margin: 0 0 6px;
  font-size: 28px;
  font-weight: 400;
}
.ug-points-hero p { color: var(--ug-muted); margin: 0; font-size: 14px; }

/* Jail bust list */
.ug-jail-form .ug-btn--block { width: calc(100% - 28px); margin-left: 14px; margin-right: 14px; }
.ug-jail-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  padding: 10px 14px;
  font-size: 13px;
  color: var(--ug-muted);
  border-top: 1px solid var(--ug-border);
}
.ug-comment-box textarea {
  width: 100% !important;
  max-width: 100% !important;
}


@keyframes ug-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes ug-rise {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes ug-sheet-up {
  from { transform: translateY(40%); }
  to { transform: translateY(0); }
}
@keyframes ug-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}

/* ========== Global bevel kill-switch (all breakpoints) ========== */
body.ug-app .topleft,
body.ug-app .leftbar,
body.ug-app .bar,
body.ug-app .rightbar,
body.ug-app .topright,
body.ug-app .bottomleft,
body.ug-app .bottom,
body.ug-app .bottomright,
body.ug-app .tleft,
body.ug-app .tbar,
body.ug-app .tright {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
  background-image: none !important;
}
body.ug-app .left,
body.ug-app .right {
  display: none !important;
  width: 0 !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
}
body.ug-app .main,
body.ug-app .mmain,
body.ug-app .tbg,
body.ug-app td.main,
body.ug-app td.mmain {
  background: var(--ug-bg-1) !important;
  color: var(--ug-ink) !important;
  border: 1px solid var(--ug-border) !important;
  border-radius: var(--ug-radius);
  padding: 12px 14px !important;
  font-size: var(--ug-fs-body) !important;
}
body.ug-app .mmstrip,
body.ug-app .mstrip,
body.ug-app .strip {
  display: none !important;
  height: 0 !important;
}

/* Mobile-first shell overrides */
@media (max-width: 900px) {
  body.ug-app {
    padding-bottom: calc(var(--ug-nav-h) + var(--ug-safe-bottom) + 16px) !important;
    overflow-x: hidden;
  }
  .ug-bottom-nav { display: block; }
  .ug-hud__drawer-btn { display: none; }
  #pagecont, .ug-panel, .ug-hub { max-width: 100%; }

  body.ug-app footer,
  .ug-app > footer,
  footer.ug-legacy-stats {
    display: none !important;
  }
  .ug-mobile-foot {
    position: static;
    margin: 16px var(--ug-content-pad-x) 8px;
  }
  .ug-mobile-foot__legacy {
    display: inline-block;
    margin-top: 8px;
    font-size: 12px;
    color: var(--ug-muted);
  }

  #gameTable > tbody > tr > td:first-child,
  #gameTable > Tbody > tr > td:first-child {
    display: none !important;
  }
  #gameTable > tbody > tr > td:last-child,
  #gameTable > Tbody > tr > td:last-child {
    display: none !important;
  }
  #gameTable, #gameTable > tbody > tr > td,
  #gameTable > Tbody > tr > td {
    width: 100% !important;
    display: block !important;
  }
  #gameTable > tbody > tr,
  #gameTable > Tbody > tr {
    display: block !important;
  }

  header .menubutton,
  header .ug-legacy-topnav { display: none !important; }
  #somerandomthing { display: none !important; height: 0 !important; }

  .linkmbutton {
    padding: 14px !important;
    font-size: 15px !important;
    margin: 4px 0 !important;
    background: var(--ug-bg-2) !important;
    border: 1px solid var(--ug-border) !important;
    border-radius: var(--ug-radius);
  }

  .main img, .mmain img, .tbg img, td img, .ug-panel img {
    max-width: 100% !important;
    height: auto !important;
  }
  table { max-width: 100%; }
  textarea { width: 100% !important; max-width: 100% !important; }

  table[width="100%"] > tbody > tr > td[width="35%"],
  table[width="100%"] > tbody > tr > td[width="30%"],
  table[width="100%"] > tbody > tr > td[width="50%"],
  table[width="98%"] > tbody > tr > td[width="50%"],
  table[width="100%"] > tr > td[width="35%"],
  table[width="100%"] > tr > td[width="50%"],
  .ug-stack-mobile > tbody > tr > td {
    display: block !important;
    width: 100% !important;
  }

  body.ug-app table.sample,
  body.ug-app table.tbg {
    width: 100% !important;
    display: block;
    overflow-x: auto;
  }
  body.ug-app .main > table[width="80%"],
  body.ug-app .main > center > table[width="80%"],
  body.ug-app td.main > div > table[width="80%"] {
    width: 100% !important;
  }

  .ug-hub ~ table .main { margin-top: 8px; }

  body.ug-app input[value="Delete All Topics!"] {
    background: linear-gradient(180deg, #8a2a2a 0%, #5c1a1a 100%) !important;
    border-color: var(--ug-accent-hot) !important;
    color: #fff !important;
    width: 100%;
    margin: 8px 0 16px;
  }
}

/* Tablet mid-band: rail + main, no right island */
@media (min-width: 901px) and (max-width: 1199px) {
  :root { --ug-rail-w: var(--ug-rail-w-tight); }
  .ug-bottom-nav { display: none; }
  .ug-sheet { display: none !important; }
  body.ug-app { padding-bottom: 0 !important; overflow-x: hidden; }

  body.ug-app > br { display: none; }
  body.ug-app #gameTable {
    display: block !important;
    width: calc(100% - 24px) !important;
    max-width: var(--ug-shell-max);
    margin: 8px auto 24px !important;
  }
  body.ug-app #gameTable > tbody,
  body.ug-app #gameTable > Tbody {
    display: block !important;
  }
  body.ug-app #gameTable > tbody > tr,
  body.ug-app #gameTable > Tbody > tr {
    display: grid !important;
    grid-template-columns: var(--ug-rail-w) minmax(0, 1fr);
    gap: 12px;
    align-items: start;
  }
  body.ug-app #gameTable > tbody > tr > td,
  body.ug-app #gameTable > Tbody > tr > td {
    display: block !important;
    width: auto !important;
    vertical-align: top;
  }
  body.ug-app #gameTable > tbody > tr > td:first-child,
  body.ug-app #gameTable > Tbody > tr > td:first-child {
    position: sticky;
    top: calc(var(--ug-hud-h) + var(--ug-safe-top) + 8px);
    max-height: calc(100vh - var(--ug-hud-h) - 24px);
    overflow-y: auto;
  }
  body.ug-app #gameTable > tbody > tr > td:nth-child(2),
  body.ug-app #gameTable > Tbody > tr > td:nth-child(2) {
    min-width: 0;
  }
  body.ug-app #gameTable > tbody > tr > td:last-child:not(:nth-child(2)),
  body.ug-app #gameTable > Tbody > tr > td:last-child:not(:nth-child(2)) {
    display: none !important;
  }
  body.ug-drawer-open #gameTable > tbody > tr > td:last-child,
  body.ug-drawer-open #gameTable > Tbody > tr > td:last-child,
  body.ug-drawer-open #ps {
    display: block !important;
    position: fixed;
    top: calc(var(--ug-hud-h) + var(--ug-safe-top));
    right: 0;
    bottom: 0;
    width: min(300px, 88vw);
    z-index: 930;
    overflow-y: auto;
    background: var(--ug-bg-1);
    border-left: 1px solid var(--ug-border);
    padding: 12px !important;
    box-shadow: -12px 0 40px rgba(0,0,0,0.45);
  }

  body.ug-app .mheader {
    font-size: 11px !important;
    letter-spacing: 0.12em;
    padding: 6px 2px !important;
    text-align: center;
  }
  body.ug-app .menustrip a {
    padding: 10px 4px !important;
    font-size: 11px !important;
    text-align: center;
    min-height: var(--ug-tap);
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  body.ug-app .mmain {
    padding: 6px !important;
  }

  body.ug-app .main > table[width="80%"],
  body.ug-app td.main table.sample {
    width: 100% !important;
    display: block;
    overflow-x: auto;
  }
  body.ug-app .main table[width="100%"] > tbody > tr > td[width="50%"],
  body.ug-app .main > center > table > tbody > tr > td[width="50%"] {
    display: block !important;
    width: 100% !important;
  }

  body.ug-app table[width="100%"] > tbody > tr > td[width="35%"],
  body.ug-app table[width="100%"] > tbody > tr > td[width="30%"],
  body.ug-app table[width="98%"] > tbody > tr > td[width="50%"] {
    display: block !important;
    width: 100% !important;
  }
}

/* Desktop app shell */
@media (min-width: 1200px) {
  .ug-bottom-nav { display: none; }
  .ug-sheet { display: none !important; }
  body.ug-app { padding-bottom: 0 !important; overflow-x: hidden; }
  body.ug-app > br { display: none; }

  body.ug-app #gameTable {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: var(--ug-shell-max);
    margin: 10px auto 32px !important;
  }
  body.ug-app #gameTable > tbody,
  body.ug-app #gameTable > Tbody {
    display: block !important;
  }
  body.ug-app #gameTable > tbody > tr,
  body.ug-app #gameTable > Tbody > tr {
    display: grid !important;
    grid-template-columns: var(--ug-rail-w) minmax(0, 1fr) var(--ug-drawer-w);
    gap: 14px;
    align-items: start;
  }
  body.ug-app #gameTable > tbody > tr > td,
  body.ug-app #gameTable > Tbody > tr > td {
    display: block !important;
    width: auto !important;
  }
  body.ug-app #gameTable > tbody > tr > td:first-child,
  body.ug-app #gameTable > Tbody > tr > td:first-child {
    position: sticky;
    top: calc(var(--ug-hud-h) + var(--ug-safe-top) + 8px);
    max-height: calc(100vh - var(--ug-hud-h) - 24px);
    overflow-y: auto;
  }
  body.ug-app #gameTable > tbody > tr > td:nth-child(2),
  body.ug-app #gameTable > Tbody > tr > td:nth-child(2) {
    min-width: 0;
    max-width: var(--ug-content-max);
    justify-self: stretch;
  }
  body.ug-app #gameTable > tbody > tr > td:last-child,
  body.ug-app #gameTable > Tbody > tr > td:last-child {
    position: sticky;
    top: calc(var(--ug-hud-h) + var(--ug-safe-top) + 8px);
    max-height: calc(100vh - var(--ug-hud-h) - 24px);
    overflow-y: auto;
  }
  body.ug-app .menustrip a {
    min-height: 40px;
    display: flex !important;
    align-items: center;
  }
  body.ug-app .ug-hud__drawer-btn { display: none; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  body.ug-app #gameTable > tbody > tr,
  body.ug-app #gameTable > Tbody > tr {
    grid-template-columns: var(--ug-rail-w) minmax(0, 1fr);
  }
  body.ug-app #gameTable > tbody > tr > td:last-child:not(:nth-child(2)),
  body.ug-app #gameTable > Tbody > tr > td:last-child:not(:nth-child(2)) {
    display: none !important;
  }
  body.ug-app .ug-hud__drawer-btn { display: inline-flex; }
  body.ug-drawer-open #gameTable > tbody > tr > td:last-child,
  body.ug-drawer-open #gameTable > Tbody > tr > td:last-child {
    display: block !important;
    position: fixed;
    top: calc(var(--ug-hud-h) + var(--ug-safe-top));
    right: 0;
    bottom: 0;
    width: min(280px, 90vw);
    z-index: 930;
    overflow-y: auto;
    background: var(--ug-bg-1);
    border-left: 1px solid var(--ug-border);
    padding: 12px !important;
  }
}

@media (min-width: 901px) {
  .ug-bottom-nav { display: none; }
}

@media (min-width: 1100px) {
  .ug-form-grid--2 {
    grid-template-columns: 1fr 1fr;
  }
  body.ug-app table[width="100%"] > tbody > tr > td[width="35%"],
  body.ug-app table[width="100%"] > tbody > tr > td[width="30%"] {
    display: table-cell !important;
  }
}

/* Hide legacy flash-related clutter if any */
object[type*="shockwave"], embed[type*="shockwave"] { display: none !important; }

/* ========== Sprint 2 — global legacy content upgrades ========== */

/* Promote classic table headers to panel chrome language */
body.ug-app td.header,
body.ug-app .header,
body.ug-app .unnamed1 {
  background: var(--ug-bg-3) !important;
  color: var(--ug-accent) !important;
  font-family: var(--ug-display) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em;
  padding: 10px 12px !important;
  border-bottom: 1px solid var(--ug-border) !important;
}
body.ug-app font[face],
body.ug-app font[face="verdana"],
body.ug-app font[face="Verdana"],
body.ug-app font[size="1"],
body.ug-app font[size="2"] {
  font-family: var(--ug-font) !important;
  font-size: inherit !important;
  color: inherit !important;
}
body.ug-app hr {
  border: 0;
  border-top: 1px solid var(--ug-border);
  margin: 16px 0;
}
body.ug-app .main > table,
body.ug-app td.main > div > table,
body.ug-app td.main > center > table,
body.ug-app .main > center > table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse;
  background: transparent !important;
}
body.ug-app .main table[bgcolor],
body.ug-app .main td[bgcolor],
body.ug-app td.main table[bgcolor],
body.ug-app td.main td[bgcolor] {
  background-color: transparent !important;
}
body.ug-app .main td,
body.ug-app td.main td {
  border-bottom: 1px solid var(--ug-border);
  padding: 10px 12px !important;
  color: var(--ug-ink) !important;
  font-size: var(--ug-fs-body) !important;
  vertical-align: middle;
}
body.ug-app .main td.header,
body.ug-app td.main td.header {
  border-bottom: 1px solid var(--ug-border) !important;
}

/* Tap-friendly radios / checkboxes in legacy lists */
body.ug-app .main input[type=radio],
body.ug-app .main input[type=checkbox],
body.ug-app td.main input[type=radio],
body.ug-app td.main input[type=checkbox] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  accent-color: var(--ug-accent);
  vertical-align: middle;
  margin-right: 8px;
}
body.ug-app .main select,
body.ug-app td.main select {
  width: 100%;
  max-width: 100%;
  margin: 8px 0;
}
body.ug-app .main textarea,
body.ug-app td.main textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 96px;
}
body.ug-app .main input[type=text],
body.ug-app .main input[type=password],
body.ug-app .main input[type=number],
body.ug-app td.main input[type=text],
body.ug-app td.main input[type=password] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Nested chrome tables (PayPal / Buypoints / casino) */
body.ug-app table.tleft,
body.ug-app .tleft,
body.ug-app .tright,
body.ug-app .tbar {
  display: none !important;
}
body.ug-app table[cellpaddind],
body.ug-app table.sample {
  width: 100% !important;
  max-width: 100% !important;
  background: var(--ug-bg-1) !important;
  border: 1px solid var(--ug-border) !important;
  border-radius: var(--ug-radius);
  overflow: hidden;
}

/* Capitals / dual leaderboards: force readable columns */
.ug-capitals-grid {
  display: block !important;
  width: 100% !important;
}
.ug-capitals-grid > tbody,
.ug-capitals-grid > Tbody {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 10px;
}
.ug-capitals-grid > tbody > tr,
.ug-capitals-grid > Tbody > tr {
  display: contents !important;
}
.ug-capitals-grid > tbody > tr > td,
.ug-capitals-grid > Tbody > tr > td {
  display: block !important;
  width: 100% !important;
  background: var(--ug-bg-2) !important;
  border: 1px solid var(--ug-border) !important;
  border-radius: var(--ug-radius);
  padding: 10px !important;
}
@media (min-width: 1100px) {
  .ug-capitals-grid > tbody,
  .ug-capitals-grid > Tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1400px) {
  .ug-capitals-grid > tbody,
  .ug-capitals-grid > Tbody {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Stack dual 50% leaderboard / stats / profile columns under 1100 */
@media (max-width: 1099px) {
  body.ug-app .main > table > tbody > tr > td[width="50%"],
  body.ug-app .main > center > table > tbody > tr > td[width="50%"],
  body.ug-app td.main > div > table > tbody > tr > td[width="50%"],
  body.ug-app td.main > table > tbody > tr > td[width="50%"],
  body.ug-app .main table[width="100%"] > tbody > tr > td[width="50%"],
  body.ug-app .main table[width="98%"] > tbody > tr > td[width="50%"],
  body.ug-app .ug-stack-mobile > tbody > tr > td,
  body.ug-app .main table > tbody > tr > td[width="30%"],
  body.ug-app .main table > tbody > tr > td[width="35%"],
  body.ug-app .main table > tbody > tr > td[width="40%"],
  body.ug-app .main table > tbody > tr > td[width="34%"],
  body.ug-app .main table > tbody > tr > td[width="60%"] {
    display: block !important;
    width: 100% !important;
  }
  body.ug-app .main table > tbody > tr {
    display: block !important;
  }
}

/* Price / radio shop rows (PayPal, Buy, Hitlist) */
body.ug-app .main tr:has(input[type=radio]),
body.ug-app td.main tr:has(input[type=radio]),
body.ug-app .main tr:has(input[type=checkbox]),
body.ug-app td.main tr:has(input[type=checkbox]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  min-height: var(--ug-tap);
  padding: 4px 0;
  border-bottom: 1px solid var(--ug-border);
}
body.ug-app .main tr:has(input[type=radio]) > td,
body.ug-app td.main tr:has(input[type=radio]) > td,
body.ug-app .main tr:has(input[type=checkbox]) > td,
body.ug-app td.main tr:has(input[type=checkbox]) > td {
  border-bottom: 0 !important;
  padding: 6px 8px !important;
  flex: 1 1 auto;
  min-width: 0;
}

/* Compact action submit rows */
body.ug-app .main input[type=submit],
body.ug-app td.main input[type=submit],
body.ug-app .main input[type=button],
body.ug-app td.main button {
  width: auto;
  min-width: 120px;
  margin: 6px 4px;
}
body.ug-app .main form > input[type=submit],
body.ug-app .main form > .tbox[type=submit],
body.ug-app td.main form > input[type=submit] {
  width: 100%;
  margin: 12px 0 4px;
  min-height: 48px;
}

/* Casino play surfaces */
body.ug-app .ug-casino,
body.ug-app .ug-casino .main,
body.ug-app .ug-casino td.main {
  display: block !important;
}
body.ug-app .ug-casino img {
  max-width: 100%;
  height: auto;
}
body.ug-app .ug-casino table {
  width: 100% !important;
}
@media (max-width: 900px) {
  body.ug-app .ug-casino table[width] > tbody > tr > td[width="50%"],
  body.ug-app .ug-casino table > tbody > tr > td[width="50%"],
  body.ug-app .ug-casino .main table > tbody > tr > td[width="25%"] {
    display: block !important;
    width: 100% !important;
  }
}

/* Inbox / message density */
body.ug-app .ug-msg,
.ug-msg {
  background: var(--ug-bg-2);
  border: 1px solid var(--ug-border);
  border-radius: var(--ug-radius);
  padding: 12px 14px;
  margin: 0 0 12px;
  text-align: left;
}
.ug-msg__hd {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  align-items: center;
  margin-bottom: 8px;
  font-size: var(--ug-fs-meta);
  color: var(--ug-muted);
}
.ug-msg__from {
  color: var(--ug-accent);
  font-weight: 700;
  font-size: var(--ug-fs-body);
}
.ug-msg__body {
  color: var(--ug-ink);
  font-size: var(--ug-fs-body);
  line-height: 1.45;
  word-break: break-word;
}
.ug-msg__ft {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--ug-border);
}

/* Profile / info cards */
.ug-kv {
  display: grid;
  grid-template-columns: minmax(100px, 36%) 1fr;
  gap: 6px 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--ug-border);
  font-size: var(--ug-fs-body);
}
.ug-kv__k { color: var(--ug-muted); }
.ug-kv__v { color: var(--ug-ink); font-weight: 600; word-break: break-word; }

/* Dual-column leaderboard / record grids */
.ug-records > tbody > tr > td,
.ug-records > tr > td {
  vertical-align: top;
  padding: 0 6px 12px;
}
.ug-records .ug-panel { margin-bottom: 0; }
@media (max-width: 1099px) {
  .ug-records > tbody > tr,
  .ug-records > tr {
    display: block !important;
  }
  .ug-records > tbody > tr > td,
  .ug-records > tr > td {
    display: block !important;
    width: 100% !important;
    padding: 0 0 12px !important;
  }
}

/* Chase map: contain H-scroll */
.ug-casino .table,
body.ug-app .ug-casino table.table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}
body.ug-app .square_you,
body.ug-app .square_safe,
body.ug-app td[class^="square"] {
  min-width: 28px;
  min-height: 28px;
}

@media (max-width: 520px) {
  .ug-kv { grid-template-columns: 1fr; gap: 2px; }
}

/* Shop / economy section spacing */
.ug-shop-sec {
  margin: 16px 0;
  padding-top: 8px;
  border-top: 1px solid var(--ug-border);
}
.ug-shop-sec:first-child { border-top: 0; margin-top: 0; }
.ug-shop-sec__hd {
  font-family: var(--ug-display);
  letter-spacing: 0.06em;
  color: var(--ug-accent);
  font-size: 18px;
  margin: 0 0 8px;
  font-weight: 400;
}

/* Choice card for pricing radios */
.ug-choice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  min-height: var(--ug-tap);
  border-bottom: 1px solid var(--ug-border);
  cursor: pointer;
  margin: 0;
  color: var(--ug-ink);
}
.ug-choice:hover { background: rgba(255,255,255,0.03); }
.ug-choice input { flex-shrink: 0; }
.ug-choice__body { flex: 1; min-width: 0; }
.ug-choice__title { font-weight: 700; }
.ug-choice__meta { font-size: 13px; color: var(--ug-muted); }
.ug-choice__price {
  color: var(--ug-accent);
  font-weight: 700;
  flex-shrink: 0;
}

/* Chase / map presentable without Flash */
.ug-chase-note {
  text-align: center;
  padding: 20px 14px;
  color: var(--ug-muted);
  font-size: 14px;
}
.ug-chase-note strong {
  display: block;
  font-family: var(--ug-display);
  font-size: 22px;
  letter-spacing: 0.06em;
  color: var(--ug-ink);
  margin-bottom: 8px;
  font-weight: 400;
}

/* Prevent H-scroll from fixed legacy widths */
body.ug-app .main table[width="85%"],
body.ug-app .main table[width="80%"],
body.ug-app .main table[width="75%"],
body.ug-app .main table[width="65%"],
body.ug-app .main table[width="55%"],
body.ug-app .main table[width="25%"],
body.ug-app td.main table[width="85%"],
body.ug-app td.main table[width="80%"],
body.ug-app td.main table[width="55%"],
body.ug-app td.main table[width="25%"] {
  width: 100% !important;
}
body.ug-app input[style*="width:115"],
body.ug-app input[style*="width: 115"] {
  width: 100% !important;
  max-width: 100% !important;
}

/* Status banners inside .main */
body.ug-app .main > b,
body.ug-app .main > font > b,
body.ug-app td.main > div > b {
  display: inline-block;
  margin: 4px 0;
}
body.ug-app .main center {
  display: block;
  text-align: center;
}

/* Users online / find / news list density */
body.ug-app .main a {
  word-break: break-word;
}

/* Form label|input two-col rows → stack on phone */
@media (max-width: 700px) {
  body.ug-app .main table[width="25%"] > tbody > tr,
  body.ug-app .main table[align="center"] > tbody > tr {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  body.ug-app .main table[width="25%"] > tbody > tr > td,
  body.ug-app .main table[align="center"] > tbody > tr > td {
    width: 100% !important;
    display: block !important;
  }
}

/* Desktop: keep content breathing room inside shell */
@media (min-width: 901px) {
  body.ug-app .main,
  body.ug-app td.main {
    margin: 0;
  }
  body.ug-app .ug-panel {
    margin-left: 0;
    margin-right: 0;
  }
}